Skip to content

Commit 29c0177

Browse files
committed
Update examples
1 parent 96fca72 commit 29c0177

File tree

9 files changed

+14
-46
lines changed

9 files changed

+14
-46
lines changed

example/pointCloudIntersection.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,6 @@ raycaster.firstHitOnly = true;
3232
let sphereCollision;
3333

3434
init();
35-
renderer.setAnimationLoop( render );
3635

3736
function init() {
3837

@@ -45,6 +44,7 @@ function init() {
4544
renderer.setPixelRatio( window.devicePixelRatio );
4645
renderer.setSize( window.innerWidth, window.innerHeight );
4746
renderer.setClearColor( bgColor, 1 );
47+
renderer.setAnimationLoop( render );
4848
document.body.appendChild( renderer.domElement );
4949

5050
// Scene

example/randomSampleDebug.js

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,6 @@ function random() {
2525
}
2626

2727
init();
28-
render();
2928

3029
function init() {
3130

@@ -36,6 +35,7 @@ function init() {
3635
renderer.setPixelRatio( window.devicePixelRatio );
3736
renderer.setSize( window.innerWidth, window.innerHeight );
3837
renderer.setClearColor( bgColor, 1 );
38+
renderer.setAnimationLoop( render );
3939
renderer.outputEncoding = THREE.sRGBEncoding;
4040
document.body.appendChild( renderer.domElement );
4141

@@ -162,8 +162,6 @@ function init() {
162162

163163
function render() {
164164

165-
requestAnimationFrame( render );
166-
167165
renderer.render( scene, camera );
168166

169167
}

example/raycast.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,6 @@ let lastFrameTime = null;
4545

4646
init();
4747
updateFromOptions();
48-
renderer.setAnimationLoop( render );
4948

5049
function init() {
5150

@@ -54,6 +53,7 @@ function init() {
5453
renderer.setPixelRatio( window.devicePixelRatio );
5554
renderer.setSize( window.innerWidth, window.innerHeight );
5655
renderer.setClearColor( bgColor, 1 );
56+
renderer.setAnimationLoop( render );
5757
document.body.appendChild( renderer.domElement );
5858

5959
// Scene

example/sculpt.html

Lines changed: 3 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,9 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<title>three-mesh-bvh - Geometry Sculpting</title>
5-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
6-
7-
<style type="text/css">
8-
html, body {
9-
padding: 0;
10-
margin: 0;
11-
overflow: hidden;
12-
}
13-
14-
canvas {
15-
width: 100%;
16-
height: 100%;
17-
}
18-
19-
#info {
20-
position: absolute;
21-
top: 0;
22-
width: 100%;
23-
color: white;
24-
font-family: monospace;
25-
text-align: center;
26-
padding: 5px 0;
27-
}
28-
29-
a {
30-
color: #eee;
31-
}
32-
</style>
4+
<title>three-mesh-bvh - Sculpting</title>
5+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
6+
<link rel="stylesheet" href="./styles.css">
337
</head>
348
<body>
359
<div id="info">

example/sculpt.js

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -39,13 +39,12 @@ const params = {
3939
flatShading: false,
4040

4141
depth: 10,
42-
displayHelper: false,
42+
displayBVH: false,
4343
};
4444

4545
const matcaps = {};
4646

4747
init();
48-
render();
4948

5049
// reset the sculpt mesh
5150
function reset() {
@@ -79,7 +78,7 @@ function reset() {
7978
if ( ! bvhHelper ) {
8079

8180
bvhHelper = new BVHHelper( targetMesh, params.depth );
82-
if ( params.displayHelper ) {
81+
if ( params.displayBVH ) {
8382

8483
scene.add( bvhHelper );
8584

@@ -101,6 +100,7 @@ function init() {
101100
renderer.setPixelRatio( window.devicePixelRatio );
102101
renderer.setSize( window.innerWidth, window.innerHeight );
103102
renderer.setClearColor( bgColor, 1 );
103+
renderer.setAnimationLoop( render );
104104
renderer.outputEncoding = THREE.sRGBEncoding;
105105
document.body.appendChild( renderer.domElement );
106106
renderer.domElement.style.touchAction = 'none';
@@ -193,7 +193,7 @@ function init() {
193193
bvhHelper.update();
194194

195195
} );
196-
helperFolder.add( params, 'displayHelper' ).onChange( display => {
196+
helperFolder.add( params, 'displayBVH' ).onChange( display => {
197197

198198
if ( display ) {
199199

@@ -585,8 +585,6 @@ function updateNormals( triangles, indices ) {
585585

586586
function render() {
587587

588-
requestAnimationFrame( render );
589-
590588
stats.begin();
591589

592590
material.matcap = matcaps[ params.matcap ];

example/selection.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,6 @@ let selectionNeedsUpdate = false;
2525
let tool = new LassoSelection();
2626

2727
init();
28-
renderer.setAnimationLoop( render );
2928

3029
function init() {
3130

@@ -38,6 +37,7 @@ function init() {
3837
renderer.setPixelRatio( window.devicePixelRatio );
3938
renderer.setSize( window.innerWidth, window.innerHeight );
4039
renderer.setClearColor( bgColor, 1 );
40+
renderer.setAnimationLoop( render );
4141
renderer.shadowMap.enabled = true;
4242
document.body.appendChild( renderer.domElement );
4343

example/shapecast.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,6 @@ let lastTime = window.performance.now();
2525

2626
init();
2727
updateFromOptions();
28-
renderer.setAnimationLoop( render );
2928

3029
function init() {
3130

@@ -36,6 +35,7 @@ function init() {
3635
renderer.setPixelRatio( window.devicePixelRatio );
3736
renderer.setSize( window.innerWidth, window.innerHeight );
3837
renderer.setClearColor( bgColor, 1 );
38+
renderer.setAnimationLoop( render );
3939
document.body.appendChild( renderer.domElement );
4040

4141
// Scene

example/skinnedMesh.js

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,6 @@ let bvhs = [], helpers = [];
4242
let raycaster, mouse, sphereCollision;
4343

4444
init();
45-
render();
4645

4746
function init() {
4847

@@ -55,6 +54,7 @@ function init() {
5554
renderer.setPixelRatio( window.devicePixelRatio );
5655
renderer.setSize( window.innerWidth, window.innerHeight );
5756
renderer.setClearColor( bgColor, 1 );
57+
renderer.setAnimationLoop( render );
5858
renderer.shadowMap.enabled = true;
5959
renderer.shadowMap.type = THREE.PCFShadowMap;
6060
document.body.appendChild( renderer.domElement );
@@ -309,7 +309,6 @@ function updateRaycast() {
309309
function render() {
310310

311311
stats.update();
312-
requestAnimationFrame( render );
313312

314313
const delta = Math.min( clock.getDelta(), 30 * 0.001 );
315314

example/voxelize.js

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,6 @@ const params = {
2727
const models = {};
2828

2929
init();
30-
render();
3130

3231
function init() {
3332

@@ -40,6 +39,7 @@ function init() {
4039
renderer.setPixelRatio( window.devicePixelRatio );
4140
renderer.setSize( window.innerWidth, window.innerHeight );
4241
renderer.setClearColor( bgColor, 1 );
42+
renderer.setAnimationLoop( render );
4343
renderer.outputEncoding = THREE.sRGBEncoding;
4444
document.body.appendChild( renderer.domElement );
4545

@@ -312,7 +312,6 @@ function* rebuildVoxels() {
312312
function render() {
313313

314314
stats.update();
315-
requestAnimationFrame( render );
316315

317316
scene.updateMatrixWorld( true );
318317

0 commit comments

Comments
 (0)