adding babylon canvas to existing webpage

[swat0284]

Hello, how can i add babylonjs render to existing webpage. I want to give him(babylon) my h and w parametr. Can i do it in adobe muse and how?

[davrous]

Hi,

I'm sorry but I'm afraid I haven't understood your question. Did you have a look to our getting started doc: http://doc.babylonjs.com/generals ?

David

[Wingnut]

Hi guys!

 

Maybe like this, swat0284?   http://urbanproductions.com/wingy/babylon/hit2501_fun/fun.htm

 

Look at the page source.

 

Line 9 - Use Adobe Muse or any text editor... to add a canvas element.  Keep its id="renderCanvas" for now.

 

Lines 20-27 - CSS Style for the canvas element.  In that demo, I am using absolute positioning.  Notice there is also a width and height setting.

 

And lastly, you need to use Muse or a text editor... to add THREE script elements.

 

a.  <script src="http://www.babylonjs.com/hand.minified-1.2.js"></script>
b.  <script src="http://www.babylonjs.com/babylon.js"></script>

c.  THE BIG ONE, the scene-drawing <script> element... as seen in the source.

 

This is one way to 'embed' a BabylonJS scene into a standard webpage.  You might not be able to add these things from within Adobe Muse.  Maybe you can ONLY place the <canvas> element (with id='renderCanvas') and add its CSS style (size and placement location)... using Muse.

 

Maybe the three script sections will need to be added with a text editor... NOT using Muse.  But I think Muse lets you add any script elements you wish... including our important three.    (I have never used an HTML editor... I do it by hand.)

 

I hope this is what you were asking about.  If not, ignore me.    Be well.