Babylon.js

[falsam]

Babylon.sbi is a module coded with theSpiderBasic language that provides simplified access to the framework javascript 3D babylonjs.com created by David Catuhe and David Rousset, two web engineers at Microsoft.

■ Sources and examples on the GitHub platform.
https://github.com/falsam/BJS

■ Structure of your folder.
→ Babylon A folder containing the interfaces with the Babylon.js framework (do not change the name).
→ sbbjs Folder containing the babylon.custom.js framework that will be exported when creating your application
→ Data Optional folder that will contain your textures, sound, etc ....
Code.sb Your code. (See examples 00-template.sb)

■ Example

Code: Select all

;Babylon.sbi - Basic Scene
EnableExplicit
 
IncludeFile "babylon/babylon.sbi"
 
Global Camera, Light, Plane, Sphere, Cylinder, Cube, Torus
 
Declare LoadGame()
Declare RenderGame()
 
UseModule BJS
 
InitEngine(@LoadGame())
 
Procedure LoadGame()    
  If CreateScene()
 
    ;Camera & Light
    Camera  = CreateCamera("camera", 0, 5, 7, #ArcRotate)
    Light   = CreateLight("light", 0, 10, 0)
 
    ;Objects (Plane, Sphere, ....)
    Plane   = CreateGround("plane", 10, 10)
    Sphere  = CreateSphere("sphere", 2)
    MoveMesh(Sphere, 0, 2, 0)
 
    Cylinder= CreateCylinder("cylinder", 2, 2, 2)
    MoveMesh(Cylinder, 3, 1, -2)
 
    Cube = CreateBox("cube", 2)
    MoveMesh(Cube, -3, 1, -2)
 
    Torus = CreateTorus("torus", 2, 1)
    MoveMesh(Torus, -2, 0.5, 2)
 
    RenderLoop(@RenderGame())
  EndIf
EndProcedure
 
Procedure RenderGame()
  RenderWorld() 
EndProcedure

Result


■ ShowCase
Water http://falsam.com/sbbjs/water.html (Use the mouse to explore the scene)
Music http://falsam.com/sbbjs/music.html
particle http://falsam.com/sbbjs/particle.html

■ In french : http://falsam.com/sbbjs/wiki/doku.php?id=babylon

[plouf]

Hey nice work

showcase test
firefox x64 v53.0 opera 44 /chrome IE 11
water nice cloud compelte black water nothing all corect
music some sound but objects fall outside ground nothing correct image no sound at all
particle i guess its ok nothing i guess its ok


note that have found several problems in SB demos as well, and only perfect working under explorer

[falsam]

Thanks for your feedback.

I forgot to test the examples with Firefox and Edge.

With Edge it's a disaster. The lag is important and the scene is frozen.

With Firefox, some sound wav do not work.

Chrome no problem.

[plouf]

here with chrome 58.0.3029.81 (64-bit) (and opera)

i see NOTHING but the background in ALL

[Peter]

@falsam:

Here (on Chrome and Firefox): no problems.

Greetings ... Peter

[falsam]

Thanks Peter ^-^

[HPW]

Hello,

Very nice and interesting stuff.
Is it possible to mix a Babylon-Scene with spiderbasic GUI-elements?

Regards

[falsam]

Is it possible to mix a Babylon-Scene with spiderbasic GUI-elements?

Yes if a window and a canvasgadget (option #transparent) are created.

Code: Select all

;Babylon Rendering (OPTION #PB_Canvas_Transparent)
CanvasGadget(#mfRender, 260, 25, 400, 300, #PB_Canvas_Transparent)

And InitEngine with your canvas

Code: Select all

InitEngine(@LoadGame(), #mfRender)

An example as soon as possible.

[falsam]

Babylon.sbi 0.86 is done

-Add : Example 15-Canvas.sb Demo http://falsam.com/sbbjs/canvas.html
-Bug fix Camera.

Download https://github.com/falsam/BJS/archive/master.zip

[HPW]

Hello,

Thanks for the quick Response and the update with sample.
I will have a look later.

Regards