123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title><!-- title --></title>
- <meta charset="utf-8">
- <meta name="generator" content="Three.js Editor">
- <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
- <style>
- body {
- font-family: sans-serif;
- font-size: 11px;
- background-color: #000;
- margin: 0px;
- }
- canvas {
- display: block;
- }
- </style>
- </head>
- <body ontouchstart="">
- <script type="importmap">
- {
- "imports": {
- "three": "./js/three.module.js"
- }
- }
- </script>
- <script type="module">
- import * as THREE from 'three';
- import { APP } from './js/app.js';
- window.THREE = THREE; // Used by APP Scripts.
- var loader = new THREE.FileLoader();
- loader.load( 'app.json', function ( text ) {
- var player = new APP.Player();
- player.load( JSON.parse( text ) );
- player.setSize( window.innerWidth, window.innerHeight );
- player.play();
- document.body.appendChild( player.dom );
- window.addEventListener( 'resize', function () {
- player.setSize( window.innerWidth, window.innerHeight );
- } );
- } );
- /* edit button */
- </script>
- </body>
- </html>
|