Visual JS - Planetarium in 5 minute
Solar system in javascript. Make orbit object around center.
by Nikola Lukic
HTML
<script src="https://maximumroulette.com/visual-js/manifest/manifest_jsfiddle.js"></script>
<script src="https://maximumroulette.com/visual-js/lib/build.js"></script>
<body style="margin:0;padding:0;border:none;background-color:black;">
<div id="UPLOAD_BOX" style="display:block" >
</div>
<div id="experiment" style="display:block" >
<video id="webcam" autoplay width="640" height="480" style="display:none;position:absolute;left:0;top:0;"></video>
<canvas id="canvas-blended" width="640" height="480" style="position:absolute;left:0;top:0;display:none;"></canvas>
<canvas id="canvas-render" width="640" height="480" style="position:absolute;left:0;top:0;display:none;"></canvas>
</div>
<canvas tabindex='1' width="1" height="1" id="HELLO_WORLD"></canvas>
<div style="display:block;">
<!--audio controls id="audio_ambient" >
<source src="http://radio.nessradio.net:8000/nessradio.mp3" type="audio/mpeg">
<source src="http://radio.nessradio.net:8000/nessradio.ogg" type="audio/ogg">
</audio-->
</div>
</body>JavaScript
// visual JS version 1.0
// Nikola Lukic
//https://developer.mozilla.org/en-US/docs/Games/Visual-js_game_engine
// CREATE PROGRAM
SYS.DOM.CREATE_SURFACE( "SURF" , "HELLO_WORLD" , 100 , 99.4 , "DIAMETRIC" );
//CREATE MODUL
HELLO_WORLD.ENGINE.CREATE_MODUL("STARTER");
//THis look like this only for fiddle online editor , no need for normal usage
RESOURCE.Tiles = {source : [ "https://maximumroulette.com/visual-js/res/animations/Tiles/boxCrate.png" ]};
RESOURCE.EARTH = {source : [ "https://cdn2.iconfinder.com/data/icons/circle-icons-1/64/global-128.png" ]};
var STARTER=HELLO_WORLD.ENGINE.MODULES.ACCESS_MODULE("STARTER");
STARTER.NEW_OBJECT("SUN" , 46 , 46 , 10 , 10 , 10)
STARTER.NEW_OBJECT("MERCUR" , 56, 56 , 3 , 3 , 5)
STARTER.NEW_OBJECT("VENERA" , 65, 65 , 4 , 4 , 5)
STARTER.NEW_OBJECT("EARTH" , 70, 70 , 4 , 4 , 5)
STARTER.NEW_OBJECT("MARS" , 77, 77 , 3 , 3 , 3)
STARTER.NEW_OBJECT("JUPITER" , 82, 82 , 11 ,11 , 2)
STARTER.NEW_OBJECT("SATURN" , 87, 87 , 6 ,6 , 2)
STARTER.NEW_OBJECT("URAN" , 92, 92 , 5 ,5 , 1)
STARTER.NEW_OBJECT("NEPTUN" , 99, 99 , 5 ,5 , 1)
STARTER.GAME_OBJECTS.ACCESS("SUN").CREATE_ANIMATION( SURF , "DRAW_FRAME" ,0 , RESOURCE.Tiles , 1111123123 , "no" , 1,11,1,1,1) ;
STARTER.GAME_OBJECTS.ACCESS("VENERA").CREATE_ANIMATION( SURF , "DRAW_FRAME" ,0 , RESOURCE.EARTH , 121123123 , "no" , 1,11,1,1,1) ;
STARTER.GAME_OBJECTS.ACCESS("MERCUR").CREATE_ANIMATION( SURF , "DRAW_FRAME" ,0 , RESOURCE.EARTH , 121123123 , "no" , 1,11,1,1,1) ;
STARTER.GAME_OBJECTS.ACCESS("EARTH").CREATE_ANIMATION( SURF , "DRAW_FRAME" ,0 , RESOURCE.EARTH , 121123123 , "no" , 1,11,1,1,1) ;
STARTER.GAME_OBJECTS.ACCESS("MARS").CREATE_ANIMATION( SURF , "DRAW_FRAME" ,0 , RESOURCE.EARTH , 121123123 , "no" , 1,11,1,1,1) ;
STARTER.GAME_OBJECTS.ACCESS("JUPITER").CREATE_ANIMATION( SURF , "DRAW_FRAME" ,0 , RESOURCE.EARTH , 121123123 , "no" , 1,11,1,1,1) ;
STARTER.GAME_OBJECTS.ACCESS("SATURN").CREATE_ANIMATION( SURF , "DRAW_FRAME" ,0 , RESOURCE.EARTH , 121123123 , "no" , 1,11,1,1,1)...