Page 1 of 7

Babylon.js

Posted: Fri May 12, 2017 7:37 pm
by falsam
Image

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.
:arrow: 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
Image

■ 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

Re: Babylon.js

Posted: Fri May 12, 2017 10:33 pm
by 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

Re: Babylon.js

Posted: Fri May 12, 2017 10:47 pm
by 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.

Re: Babylon.js

Posted: Sat May 13, 2017 6:22 am
by plouf
here with chrome 58.0.3029.81 (64-bit) (and opera)

i see NOTHING but the background in ALL

Re: Babylon.js

Posted: Sat May 13, 2017 9:01 am
by Peter
@falsam: Image

Here (on Chrome and Firefox): no problems.

Greetings ... Peter

Re: Babylon.js

Posted: Sat May 13, 2017 12:56 pm
by falsam
Thanks Peter ^-^

Re: Babylon.js

Posted: Sat May 13, 2017 2:16 pm
by HPW
Hello,

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

Regards

Re: Babylon.js

Posted: Sat May 13, 2017 10:07 pm
by falsam
HPW wrote: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.

Re: Babylon.js

Posted: Sat May 13, 2017 10:25 pm
by 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

Re: Babylon.js

Posted: Sun May 14, 2017 5:38 am
by HPW
Hello,

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

Regards