|
@@ -7,17 +7,20 @@
|
|
|
<link type="text/css" rel="stylesheet" href="main.css">
|
|
<link type="text/css" rel="stylesheet" href="main.css">
|
|
|
</head>
|
|
</head>
|
|
|
<body>
|
|
<body>
|
|
|
|
|
+
|
|
|
<div id="info">
|
|
<div id="info">
|
|
|
<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> physics - cannon.js instancing
|
|
<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> physics - cannon.js instancing
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+
|
|
|
<script src="./js/libs/cannon.js"></script>
|
|
<script src="./js/libs/cannon.js"></script>
|
|
|
<script type="module">
|
|
<script type="module">
|
|
|
|
|
|
|
|
import * as THREE from '../build/three.module.js';
|
|
import * as THREE from '../build/three.module.js';
|
|
|
import { OrbitControls } from './jsm/controls/OrbitControls.js';
|
|
import { OrbitControls } from './jsm/controls/OrbitControls.js';
|
|
|
import { CannonPhysics } from './jsm/physics/CannonPhysics.js';
|
|
import { CannonPhysics } from './jsm/physics/CannonPhysics.js';
|
|
|
|
|
+ import Stats from './jsm/libs/stats.module.js';
|
|
|
|
|
|
|
|
- var camera, scene, renderer;
|
|
|
|
|
|
|
+ var camera, scene, renderer, stats;
|
|
|
var physics, position;
|
|
var physics, position;
|
|
|
|
|
|
|
|
init();
|
|
init();
|
|
@@ -103,6 +106,9 @@
|
|
|
renderer.outputEncoding = THREE.sRGBEncoding;
|
|
renderer.outputEncoding = THREE.sRGBEncoding;
|
|
|
document.body.appendChild( renderer.domElement );
|
|
document.body.appendChild( renderer.domElement );
|
|
|
|
|
|
|
|
|
|
+ stats = new Stats();
|
|
|
|
|
+ document.body.appendChild( stats.dom );
|
|
|
|
|
+
|
|
|
//
|
|
//
|
|
|
|
|
|
|
|
new OrbitControls( camera, renderer.domElement );
|
|
new OrbitControls( camera, renderer.domElement );
|
|
@@ -121,6 +127,8 @@
|
|
|
|
|
|
|
|
renderer.render( scene, camera );
|
|
renderer.render( scene, camera );
|
|
|
|
|
|
|
|
|
|
+ stats.update();
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
</script>
|
Mr.doob