Kwame Posted September 5, 2016 Share Posted September 5, 2016 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html" charset="utf-8"/> <title>Babylon - Getting Started</title> <script src="dist/babylon.2.3.js"></script> <style> html, body { overflow: hidden; width : 100%; height : 100%; margin : 0; padding : 0; } #renderCanvas { width : 100%; height : 100%; touch-action: none; } </style> </head> <body> <canvas id="renderCanvas"></canvas> <script> window.addEventListener('DOMContentLoaded', function(){ // get the canvas DOM element var canvas = document.getElementById('renderCanvas'); // load the 3D engine var engine = new BABYLON.Engine(canvas, true); // createScene function that creates and return the scene var createScene = function(){ // create a basic BJS Scene object var scene = new BABYLON.Scene(engine); // create a FreeCamera, and set its position to (x:0, y:5, z:-10) var camera = new BABYLON.FreeCamera('camera1', new BABYLON.Vector3(0, 5,-10), scene); // target the camera to scene origin camera.setTarget(BABYLON.Vector3.Zero()); // attach the camera to the canvas camera.attachControl(canvas, false); // create a basic light, aiming 0,1,0 - meaning, to the sky var light = new BABYLON.HemisphericLight('light1', new BABYLON.Vector3(0,1,0), scene); // create a built-in "sphere" shape; its constructor takes 5 params: name, width, depth, subdivisions, scene var sphere = BABYLON.Mesh.CreateSphere('sphere1', 16, 2, scene); // move the sphere upward 1/2 of its height sphere.position.y = 1; // create a built-in "ground" shape; its constructor takes the same 5 params as the sphere's one var ground = BABYLON.Mesh.CreateGround('ground1', 6, 6, 2, scene); // return the created scene return scene; } // call the createScene function var scene = createScene(); // run the render loop engine.runRenderLoop(function(){ scene.render(); }); // the canvas/window resize event handler window.addEventListener('resize', function(){ engine.resize(); }); }); </script> </body> </html> This is my index. the script is in dist/babylon.2.3.js. is this correct? when i run this it is just a blank white page. i have the full babylon js master zip file. what do i do? Quote Link to comment Share on other sites More sharing options...
max123 Posted September 5, 2016 Share Posted September 5, 2016 Your code works fine in BJS 2.4. What's your console output? Any errors? Quote Link to comment Share on other sites More sharing options...
Kwame Posted September 5, 2016 Author Share Posted September 5, 2016 2 hours ago, max123 said: Your code works fine in BJS 2.4. What's your console output? Any errors? erm i placed the code in this folder http://prntscr.com/cekqnk but it wont work i dont know why. is there something certain i need to do. Quote Link to comment Share on other sites More sharing options...
max123 Posted September 5, 2016 Share Posted September 5, 2016 I literally copy-pasted your code into a text file, with a singe exception: I use babylon 2.4. Works in Safari, Chrome, Firefox. Quote Link to comment Share on other sites More sharing options...
JohnK Posted September 5, 2016 Share Posted September 5, 2016 Did you expand the zip file? Do you know how to open the browser console? As max123 suggested check any errors in the console. Quote Link to comment Share on other sites More sharing options...
davrous Posted September 6, 2016 Share Posted September 6, 2016 Yes, please press the F12 key to open the dev tools and tell us what's logged into the console. You'll probably find the other there. Quote Link to comment Share on other sites More sharing options...
Kwame Posted September 6, 2016 Author Share Posted September 6, 2016 6 hours ago, davrous said: Yes, please press the F12 key to open the dev tools and tell us what's logged into the console. You'll probably find the other there. 18 hours ago, JohnK said: Did you expand the zip file? Do you know how to open the browser console? As max123 suggested check any errors in the console. Yes i did. 22 hours ago, max123 said: Your code works fine in BJS 2.4. What's your console output? Any errors? file:///C:/Users/Richard/Downloads/Babylon.js-master/Babylon.js-master/dist/babylon.2.3.js Failed to load resource: net::ERR_FILE_NOT_FOUND index.html:31 Uncaught ReferenceError: BABYLON is not defined i dont know if i did set it up correctly. i tried doing this tutorial https://doc.babylonjs.com/ and i followed these offical steps Quote Link to comment Share on other sites More sharing options...
aWeirdo Posted September 6, 2016 Share Posted September 6, 2016 get a local apache server to run it from Quote Link to comment Share on other sites More sharing options...
Kwame Posted September 6, 2016 Author Share Posted September 6, 2016 1 minute ago, aWeirdo said: get a local apache server to run it from ok i will try with my WAMP server Quote Link to comment Share on other sites More sharing options...
aWeirdo Posted September 6, 2016 Share Posted September 6, 2016 and make sure the path to babylon.js is correct, aswell as name, etc if you recently downloaded the project from github, it should be "babylon.2.4.js" btw Quote Link to comment Share on other sites More sharing options...
Kwame Posted September 6, 2016 Author Share Posted September 6, 2016 8 minutes ago, aWeirdo said: get a local apache server to run it from 6 minutes ago, aWeirdo said: and make sure the path to babylon.js is correct, aswell as name, etc if you recently downloaded the project from github, it should be "babylon.2.4.js" btw OK i did both and made sure it was correct and now it works. thank you everyone for helping Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.