How to control the slow growth of 3D curves created by threejs

problem description

the curve generated by CatmullRomCurve3 will be displayed as a whole, how to make it longer slowly

related codes

          var curve = new THREE.CatmullRomCurve3( [
            new THREE.Vector3( 0, 0, 0 ),
            new THREE.Vector3( 1, -1, -1 ),
            new THREE.Vector3( -5, 5, 5 )
          ] );

          var geometry = new THREE.Geometry();
          geometry.vertices = curve.getPoints( 50 );
          console.log(curve);
          var material = new THREE.LineBasicMaterial( { color : 0xff0000 } );
          addMesh = new THREE.Line(geometry, material);
          scene.add(addMesh);

Webgl three.js

Mar.31,2021

create a dashed line. The initial state controls that the solid part is 0 and the dotted part is long enough, and then the growth animation is realized by controlling the allocation of the virtual and real length of the dashed line in each frame

Previous: Reasonable layout of mobile login page?

Next: Pywin32 and twisted installation issu

How to realize the 3D version of gluttonous Snake turning Technology through webgl
I want to implement a 3D version of Snake through babylonJS or THREE.js. where, when the snake turns, I want it to turn in a way similar to the image below. In other words, I want the snake to turn more smoothly, just like a vehicle turn in real life...

Javascript game webgl three.js game

Mar.02,2021
Is there a more mature acquisition scheme for UV mapping of Three.js more complex maps?
I want to make a model with 3dmax and load using ThreeJS . Given the mapping rules, the map image resource is later loaded image or canvas, can replace the map and re-render with one click. because the model is not a simple square or other regular g...

Canvas webgl three.js javascript

Mar.03,2021
How does three.js change the transparency of the map?
I created a ball model, and then posted a picture on the model, and then slowly let the ball disappear, changing the transparency has no effect! Ask for advice pay the complete code: <!DOCTYPE html> <html> <head> <meta charse...

Canvas webgl three.js

Mar.16,2021
How to set up the AABB bounding box of 3D model at the front end?
as the title, I load 3D models to the page through webGL, but the location, size, angle and so on of some models are not very suitable. I want to do a script for automatic normalization and standardization of 3D models at the front end. My current think...

Webgl three.js javascript

Mar.28,2021
How does three.js click to load the finished gltf model?
the code to load the gltf file is as follows: function loadGLTF(path, fileName) { var loader = new THREE.GLTFLoader(); loader.load(`${path}${fileName}.gltf`, function (gltf) { let object = gltf.scene; object.scale.set...

Webgl three.js javascript

Sep.22,2021
In threejs, if the size of renderer is not the width and height of window, an error will occur in ray pickup. How to solve this problem?
I want to embed the demo of threejs into a div, and then change the size of the renderer to put it in my other pages. It turns out that after the size of the renderer has changed, the ray pickup seems to have gone wrong. was originally renderer.setSiz...

Webgl three.js javascript

Oct.12,2021