B4J Tutorials

[Web][SithasoKITT] - Voice Command for your Web Applications

Hi Fam

R.jpg


If you grew up in my days, you will recognize this car. KITT, Michael Knights pride. A car that could talk and do wonders!!! Anyway...

SithasoKITT is just a simple wrap of...
 

Attachments

  • SithasoKITT.bas
    5.1 KB · Views: 45
Last edited:

CausticRaysCircle

Have converted this Processing Github Project to B4J. Very interesting to watch this being drawn in real time. Just B4J default libs required.

Have not used the default Processing PVector...
 

Attachments

  • b4jCausticRaysCircle.zip
    2.6 KB · Views: 54
Last edited:

[Web][SithasoIONIC7] Adding RTL (Right to Left) Support for your apps

Hi Fam

Let's add RTL (Right to Left) support for our app, so that is looks like this.

SithasoIONIC7RTL.png


In pgInitialize

B4X:
Sub Initialize
    'initialize the app, show ios mode...
 

[B4XTurtle]L-Systems and The Money Tree

Attachments

  • LSystem.zip
    4.4 KB · Views: 53

Tusi Couple

A nice Optical illusion when running the B4J project - the small yellow balls all move just in a straight line.

B4J Project attached
Jar and XML for CanvasExt by @klaus attached - copy them...
 

Attachments

  • jCanvasExt.jar
    5.1 KB · Views: 48
  • jCanvasExt.xml
    35.5 KB · Views: 49
  • b4jTusiCouple.zip
    2.3 KB · Views: 47
Last edited:

[Web] Php-Wasm - this should be interesting...

Modular Multiplication on a Circle

B4J Project attached. No other libs other than the default B4J libs required (can probably be easily converted to B4A and B4I as it only draws on a standard B4J canvas)

The code is simple and the...
 

Attachments

  • b4jMathModularCircle.zip
    2.3 KB · Views: 57
Last edited:

Athom Pre-Flashed TASMOTA Infrared Remote Controller with B4X (Home Automation)

Attachments

  • AthomTasmota.zip
    4.6 KB · Views: 58

Anyone for a game of Snooker

Have compiled this Github project into a Jar so that it can be kick started from within B4J. Made some minor changes to the original code to that the /res folder could be embedded...
 

Attachments

  • b4jSnooker.zip
    2.2 KB · Views: 56
  • jSnooker.jar
    392.8 KB · Views: 53
Last edited:

Colliding Balls

Converted this Github project to B4J - it is like watching snooker. A bit of physics in it to detect collisions and then change speed/direction

B4J sample project attached
Also...
 

Attachments

  • jCanvasExt.jar
    5.1 KB · Views: 49
  • jCanvasExt.xml
    35.5 KB · Views: 46
  • b4jBallCollision.zip
    4.1 KB · Views: 50

[Web][SithasoGunDB] - SEA: Security, Encryption & Authorization using IndexedDB Back-End

Hi Fam

Demo on Vercel

Today we look at how we can perform user authentication using GunDB. GunDB uses localstorage / indexedDb / file / and other databases as back-ends through various...
 
Last edited:

Bouncing Balls

Enjoy!

1704632276886.png


Comment/uncomment the code in class Ball(move) and see gravity, friction, damping changing the behavior of the balls.

Comment/Uncomment:
Public Sub move
  
'    Dim damp As Double = 0.99...
 

Attachments

  • b4jBouncingBalls.zip
    2.7 KB · Views: 65

B4XTable - B4XLocalizator

Attachments

  • B4XTableB4XLocalizator.zip
    13.6 KB · Views: 57
Last edited:

[B4X] FirebaseFirestore - Customer Support Chat Demo

Here is a customer support chat demo of FirebaseFirestore for B4J
  • It listens to
    1. Chats
    2. Chat
    3. Products
    4. Sales
    5. Customers


You can further add...
 

Attachments

  • Project.zip
    66.9 KB · Views: 70

Drawing "Waves"with Epicycles

Have converted this Github project to B4J. Sure you will figure it out:
1. Select from the ComboBox to draw Square/Triangle
2. Move the Slider to increase/decrease the number of...
 

Attachments

  • b4jFourier2.zip
    5.4 KB · Views: 42
  • jCanvasExt.jar
    5.1 KB · Views: 42
  • jCanvasExt.xml
    35.5 KB · Views: 50

[Web] [Talk] IndexedDB that syncs to a REST API.

Discrete-Fourier-transform-visualization

It is a shortcut wrap for this Github project. Will convert it to B4J when I have some time to do so.

Attached:
1. The jar - copy it to your B4J additional libs folder
2. the B4J...
 

Attachments

  • jFourier.jar
    165.8 KB · Views: 47
  • 1.png
    1.png
    62.5 KB · Views: 70
  • 2.png
    2.png
    78 KB · Views: 68
  • b4jFourier.zip
    394.9 KB · Views: 50
Last edited:

[Web] SithasoIONIC7 - Let's create a Sticky Notes Mobile App using LocalStorage

Hi there fam.

Demo

Let's wireframe and create a Sticky Notes Mobile App.

1. One should be able to create and save sticky notes.
2. The sticky notes should be color coded. We use a FAB...
 
Last edited:

HTMX + TailwindCSS + Freemarker

Hey there!
Attached you will find an example on how to use these technologies with our beloved B4x.

Find here the Freemarker library...
 

Attachments

  • htmx.zip
    61.4 KB · Views: 90

[Web] SithasoIONIC7 - Mastering File Input

Hi Family

Here we use a hidden file input, to select an image and display it. On mobile this activates the camera.

1701707747416.png
 

Attachments

  • fileinput.zip
    2.9 KB · Views: 53
  • SI7UploadImage.zip
    217.5 KB · Views: 44
Top