08 What Three.js writes for you

Animation: update properties every frame

Adjust speed and amplitude; pause to study a pose.

Speed1.00

Up/down amplitude0.45

Explanation

Drag the underlined numbers left and right

// run by JS every frameconst time = 0.00;mesh.position.y = Math.sin(time * )                * ;renderer.render(scene, camera);

Every frameJS updates properties; the renderer draws again.

JS side

JS changes properties every frame and redraws; just like uTime, an animation is a function “time → pose”.

Try it