B4J Tutorials

WebGL library, working with static and animated models

Hello everyone,

a proverb says 'when the going gets tough, the tough get going'.

On this direction, up to now I have posted simple demonstrations of what you can do with the WebGL library.
If...
 

Attachments

  • FullDemoScene.zip
    12.8 KB · Views: 60
  • Immagine 2025-04-08 125643.jpg
    Immagine 2025-04-08 125643.jpg
    334.5 KB · Views: 79
  • Immagine 2025-04-08 130405.jpg
    Immagine 2025-04-08 130405.jpg
    362.3 KB · Views: 73
  • Immagine 2025-04-08 131350.jpg
    Immagine 2025-04-08 131350.jpg
    96.7 KB · Views: 74
  • Immagine 2025-04-08 131644.jpg
    Immagine 2025-04-08 131644.jpg
    300.9 KB · Views: 72
  • Immagine 2025-04-08 132025.jpg
    Immagine 2025-04-08 132025.jpg
    221.8 KB · Views: 73
  • Immagine 2025-04-08 132333.jpg
    Immagine 2025-04-08 132333.jpg
    262 KB · Views: 72
  • Immagine 2025-04-08 133017.jpg
    Immagine 2025-04-08 133017.jpg
    471.4 KB · Views: 73
  • Immagine 2025-04-08 133207.jpg
    Immagine 2025-04-08 133207.jpg
    210.9 KB · Views: 72
  • Immagine 2025-04-08 133448.jpg
    Immagine 2025-04-08 133448.jpg
    277.1 KB · Views: 63
  • Immagine 2025-04-08 133700.jpg
    Immagine 2025-04-08 133700.jpg
    268 KB · Views: 71
  • Immagine 2025-04-08 133855.jpg
    Immagine 2025-04-08 133855.jpg
    338.7 KB · Views: 72
Last edited:

[BANano] BANanoMQTT with HiveMQ Cloud

Hi Fam

Ensure you create credentials to login to your HiveMQ account.

You get your TSL WebSocket URL which is like..

B4X:
104bbaaaa07a4293456e659cf91023.s1.eu.hivemq.cloud:8884/mqtt
...
 

WebGL library, working with physics engines - Part 2

Hi all,

this is the second part of WebGL library physics engines demos.

Before compile it, you have to download the Resources1.zip file, rename it to Resources.zip
and put it in the...
 

Attachments

  • jWebGL_Physics_Engines_2.zip
    10.3 KB · Views: 66
Last edited:

[SithasoDaisy5] Easy Mark Down Editor & Viewer

Hi Fam

The EasyMDE allows one to have a MarkDown Editor within their app. This is based on this GitHub.

One is able to create Markdown documents and save and retrieve them. The nice thing...
 

[BANano] How to Edit / Sign existing PDF Documents?

Hi Fam

I wanted to sign PDF documents in my product. So.. I used the PDF-LIB for this.

1. I designed a screen to enter the signature and initials.

Wizard.jpeg


2. The canvas we use...
 
Last edited:

jFreeTTS Text2Speech Library

Hi there, it's a pleasure to get this working...

FreeTTS.png


My jFreeTTS is a library that I've just managed to cook for text to speech using the FreeTTS library.

1. Download the FreeTTS...
 

Attachments

  • jFreeTTS.zip
    20.8 KB · Views: 1,160
  • Mbrola.png
    Mbrola.png
    6.1 KB · Views: 932
Last edited:

[SithasoDaisy5] A JSON Web Editor you will love from the creator of MathJS

Hi Fam

This has been one of those components that I postponed to do. The creator of MathJS, a javascript library that I have been using for a while, also created a JSON Editor. I decided to...
 

[SithasoDaisy5] Effortlessly visualize JSON structures as dynamic tree diagrams

Hi Fam

With SithasoDaisy5, you have the capability to view JSON files as dynamic trees. This is wrapping this Github project.

1743068818256.png



The code is as simple as feeding the component...
 

[SithasoDaisy5] Creating your Organogram / Family tree

Hi Fam

With SithasoDaisy5, you will be able to create Organograms / Family Trees. Drop a SDUI5TreeSpider on your form and whala!

This is wrapped from this GitHub Project

1742928037005.png


B4X:
...
 

[SithasoDaisy5] Creating your first MySQL CRUD WebApp using REST API With API-Key (Php)

Hi Fam

Before you start this tutorial, please ensure that your dev environment is setup by following this tutorial...
 

Attachments

  • SithasoDaisy5Pages.zip
    87.9 KB · Views: 82
Last edited:

[PyBridge] pyvips - image manipulation library

pyvips is a very powerful image manipulation library. It can manipulate very large images. I've created a modified "HugeImageView" based on it as an example. It can show 1-2 GB images...
 

Attachments

  • SuperHugeIV.zip
    8.9 KB · Views: 79

[ABMaterial][BANano] Issue(s) with developing in both

First post, first issue:
I'm in the process of developing an ABM application. For testing purposes, I uploaded the application on my test server. The application may start fine, but when loading...
 
Last edited:

[PyBridge] The very basics

PyBridge is a framework that allows accessing Python libraries from within B4J.

It works by starting a Python process that connects to the B4J process. The Python process receives commands from...
 

WebGL library, working with physics engines - Part 1

Hi all,

here a simple shooter game using B4J WebGL libary and cannon.js physic engine.

Note that really I use cannon-es that is a port of cannon.js to use inside Javascript ES6 modules.

Note...
 

Attachments

  • jWebGL_Physics_Engines.zip
    8.6 KB · Views: 65
  • Screenshot 2025-03-17 020320.jpg
    Screenshot 2025-03-17 020320.jpg
    244.9 KB · Views: 93
  • Screenshot 2025-03-17 020910.jpg
    Screenshot 2025-03-17 020910.jpg
    257.3 KB · Views: 81
  • Screenshot 2025-03-17 021855.jpg
    Screenshot 2025-03-17 021855.jpg
    164 KB · Views: 92
Last edited:

[PyBridge][server] Using PyBridge in web apps

PyBridge must be accessed from a single thread. In server solutions, each handler runs in its own thread so we need to add some barriers to ensure proper usage.

The way to implement it is by...
 

Attachments

  • ServerWithPyBridge.zip
    14.8 KB · Views: 88

[PyBridge] Communicating with Raspberry Pi

This sophisticated project does one thing - the user clicks on a hardware button, connected to the RPi, and a notification appears on the PC.

1741774493331.png


The setup:
RPi running Mosquitto broker...
 
Last edited:

Make a simple 3D game with WebGL library, with gravity and collisions in less than 300 lines of code.

Hi all,

this code will show how to make a simple 3D game, with gravity and collisions by code without use any physics engine.

I want to remember that with WebGL library you can use more than one...
 

Attachments

  • jWebGL_SimpleGame.zip
    292.8 KB · Views: 84
  • Screenshot 2025-03-11 150808.jpg
    Screenshot 2025-03-11 150808.jpg
    160.6 KB · Views: 106
Last edited:

SithasoDaisy TailwindCSS UI Toolkit: Q & A

Hi there

NB: Where possible, please include a simple project that demonstrates your use case.

Do you have any questions about SithasoDaisy UI Toolkit?

You can shoot it here...
 
Last edited:

Raspberry Pi 5 - first steps

Getting the RPi 5 to work with B4J is very simple.

I've tested it with the recommended 64 bit Raspbian OS (bookworm).

1. Download and unpack the Linux ARM Full JDK (21)...
 

Shrinking that SQLite JDBC library!

NOTE: This isnt recommened for everyone, this is just something that works for me. Removing support for specific platforms could cause your app to stop working.

I use SQLite for a lot of...
 
Last edited:
Top