index.html 876 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>three.js</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  7. <style>
  8. body {
  9. background-color: #000;
  10. margin: 0px;
  11. overflow: hidden;
  12. }
  13. </style>
  14. </head>
  15. <body ontouchstart="">
  16. <script src="js/three.min.js"></script>
  17. <script src="js/app.js"></script>
  18. <script>
  19. var loader = new THREE.XHRLoader();
  20. loader.load( 'app.json', function ( text ) {
  21. var player = new APP.Player();
  22. player.load( JSON.parse( text ) );
  23. player.setSize( window.innerWidth, window.innerHeight );
  24. player.play();
  25. document.body.appendChild( player.dom );
  26. window.addEventListener( 'resize', function () {
  27. player.setSize( window.innerWidth, window.innerHeight );
  28. } );
  29. } );
  30. </script>
  31. </body>
  32. </html>'