Skip to content

Commit 1c66602

Browse files
committed
Update convex-objects-breaking example
1 parent abe3131 commit 1c66602

File tree

2 files changed

+24
-12
lines changed

2 files changed

+24
-12
lines changed

src/examples/convex-objects-breaking.html

+23-12
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
@@ -10,16 +10,24 @@
1010
<title>Convex Objects Breaking</title>
1111
<link rel="stylesheet" href="/css/examples.css?ver=1.0.0" />
1212
<script src="/js/examples.js?ver=1.1.1"></script>
13-
<script src="/lib/three.min.js?ver=r130"></script>
14-
<script src="/lib/ConvexHull.js"></script>
15-
<script src="/lib/ConvexGeometry.js"></script>
16-
<script src="/lib/OrbitControls.js"></script>
17-
<script src="/lib/enable3d/enable3d.ammoPhysics.0.25.4.min.js"></script>
1813
</head>
1914

2015
<body>
21-
<script>
22-
const { AmmoPhysics, PhysicsLoader } = ENABLE3D
16+
<script type="importmap">
17+
{
18+
"imports": {
19+
"three": "/lib/threejs/r171/three.module.min.js",
20+
"orbit-controls": "/lib/threejs/r171/OrbitControls.module.min.js",
21+
"convex-geometry": "/lib/threejs/r171/ConvexGeometry.module.min.js",
22+
"enable3d": "/lib/enable3d/enable3d.ammoPhysics.0.26.0_dev0.module.min.js"
23+
}
24+
}
25+
</script>
26+
<script type="module">
27+
import * as THREE from 'three'
28+
import { AmmoPhysics, PhysicsLoader } from 'enable3d'
29+
import { ConvexGeometry, ConvexHull } from 'convex-geometry'
30+
import { OrbitControls } from 'orbit-controls'
2331

2432
const MainScene = () => {
2533
// scene
@@ -29,6 +37,7 @@
2937
// camera
3038
const camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 0.1, 1000)
3139
camera.position.set(10, 10, 20)
40+
camera.lookAt(0, 2, 2)
3241

3342
// renderer
3443
const renderer = new THREE.WebGLRenderer()
@@ -40,12 +49,14 @@
4049
renderer.setPixelRatio(Math.min(2, DPR))
4150

4251
// orbit controls
43-
const controls = new THREE.OrbitControls(camera, renderer.domElement)
52+
const controls = new OrbitControls(camera, renderer.domElement)
53+
controls.target.set(0, 2, 2)
54+
controls.update()
4455

4556
// light
46-
scene.add(new THREE.HemisphereLight(0xffffbb, 0x080820, 1))
47-
scene.add(new THREE.AmbientLight(0x666666))
48-
const light = new THREE.DirectionalLight(0xdfebff, 1)
57+
scene.add(new THREE.HemisphereLight(0xffffff, 0x000000, 1))
58+
scene.add(new THREE.AmbientLight(0xffffff, 1))
59+
const light = new THREE.DirectionalLight(0xffffff, 1)
4960
light.position.set(50, 200, 100)
5061
light.position.multiplyScalar(1.3)
5162

src/lib/threejs/r171/ConvexGeometry.module.min.js

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)