B4J Tutorials

[Web] SithasoIONIC7 Wireframes: A Step-by-Step Guide to Professional Ionic 7 Mobile Apps Designs

Good day family...

ANNOUNCEMENT: 07 Feb 2014 - We welcome the Voice Command KITT (#23)

So I tried my first voice recording today. I wanted to make a live recording, will learn...
 
Last edited:

Reflection of a single ray inside a circle

The circle - 0 degrees is measured from the positive x-axis
In the attached sample project the first point (pih_0) is at 324.2 degrees. The second point (phi_1) is at 144.7 degrees
We draw a line...
 

Attachments

  • b4jCircleBounce.zip
    3.5 KB · Views: 239
Last edited:

[B4XTurtle]L-Systems and The Money Tree

Attachments

  • LSystem.zip
    4.4 KB · Views: 274

[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: 269
Last edited:

[Web] Mashy Teaches Mobile App Development using SithasoIONIC7 powered by b4x & BANano

Hi there

Open Demo on your CellPhone.

During the course of these lessons we will look at how we can create mobile apps using Ionic 7, powered by b4x and BANano.

NB: PLEASE DO...
 
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...
 

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: 269
Last edited:

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: 274
  • jCanvasExt.xml
    35.5 KB · Views: 251
  • b4jTusiCouple.zip
    2.3 KB · Views: 263
Last edited:

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

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

Attachments

  • AthomTasmota.zip
    4.6 KB · Views: 390

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: 266
  • jSnooker.jar
    392.8 KB · Views: 282
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: 255
  • jCanvasExt.xml
    35.5 KB · Views: 291
  • b4jBallCollision.zip
    4.1 KB · Views: 258

[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: 313

B4XTable - B4XLocalizator

Attachments

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

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: 266
  • jCanvasExt.jar
    5.1 KB · Views: 252
  • jCanvasExt.xml
    35.5 KB · Views: 260

[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: 351

[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: 260
  • 1.png
    1.png
    62.5 KB · Views: 281
  • 2.png
    2.png
    78 KB · Views: 269
  • b4jFourier.zip
    394.9 KB · Views: 270
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:
Top