|
|
@@ -8,7 +8,7 @@
|
|
|
<body>
|
|
|
|
|
|
<div id="info">
|
|
|
- <a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> WebGPU - GPU Compute Snow - 100.000 Particles
|
|
|
+ <a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> WebGPU - Compute Snow - 100K Particles
|
|
|
</div>
|
|
|
|
|
|
<script type="importmap">
|
|
|
@@ -229,7 +229,7 @@
|
|
|
|
|
|
// tree
|
|
|
|
|
|
- function tree( count = 10 ) {
|
|
|
+ function tree( count = 8 ) {
|
|
|
|
|
|
const coneMaterial = new MeshStandardNodeMaterial( {
|
|
|
color: 0x0d492c,
|
|
|
@@ -243,11 +243,11 @@
|
|
|
|
|
|
const radius = 1 + i;
|
|
|
|
|
|
- const coneGeometry = new THREE.ConeGeometry( radius, radius, 64 );
|
|
|
+ const coneGeometry = new THREE.ConeGeometry( radius * 0.95, radius * 1.25, 32 );
|
|
|
|
|
|
const cone = new THREE.Mesh( coneGeometry, coneMaterial );
|
|
|
cone.castShadow = true;
|
|
|
- cone.position.y = ( ( count - i ) * 1.3 ) + ( count * .5 );
|
|
|
+ cone.position.y = ( ( count - i ) * 1.5 ) + ( count * .6 );
|
|
|
object.add( cone );
|
|
|
|
|
|
}
|
|
|
@@ -261,11 +261,11 @@
|
|
|
|
|
|
}
|
|
|
|
|
|
- const teapotTree = new THREE.Mesh( new TeapotGeometry( .8, 18 ), new MeshBasicNodeMaterial( {
|
|
|
+ const teapotTree = new THREE.Mesh( new TeapotGeometry( .5, 18 ), new MeshBasicNodeMaterial( {
|
|
|
color: 0xfcfb9e
|
|
|
} ) );
|
|
|
|
|
|
- teapotTree.position.y = 19.5;
|
|
|
+ teapotTree.position.y = 18;
|
|
|
|
|
|
scene.add( tree() );
|
|
|
scene.add( teapotTree );
|
|
|
@@ -322,7 +322,7 @@
|
|
|
controls.maxDistance = 35;
|
|
|
controls.maxPolarAngle = Math.PI / 1.7;
|
|
|
controls.autoRotate = true;
|
|
|
- controls.autoRotateSpeed = - 1;
|
|
|
+ controls.autoRotateSpeed = - 0.7;
|
|
|
controls.update();
|
|
|
|
|
|
//
|
Mr.doob
