https://developer.mozilla.org/ja/docs/Web/API/Window/requestAnimationFrame
requestAnimationFrameはコールバック関数を登録してるだけで
その場では登録された関数の呼び出しは行われず
次の再描画時に改めて呼ばれるため無限ループとはならないのです
0Like
Three.jsのアニメーションのループについて
Q&AClosed
Three.jsを勉強しています。
私はc言語の基礎を勉強したことがあります。c言語では、ループには終了する条件を設けなければ、実行することができませんでした。
しかし、Three.jsで行うアニメーションのループでは終了条件が見当たりませんが、実行して、アニメーションが正しく動作しています。
これは、なぜでしょうか。
それと、なぜプログラム内をループしているにかかわらず、実行できているのでしょうか。
私が学習したc言語の範囲では、プログラム中のループが終了していないまま、実行することはできませんでした。
または、問題・エラーが起きている画像をここにドラッグアンドドロップ
該当するソースコード
function render() {
stats.update();
// render using requestAnimationFrame
step += 0.02;
if (camera instanceof THREE.Camera) {
var x = 10 + ( 100 * (Math.sin(step)));
camera.lookAt(new THREE.Vector3(x, 10, 0));
lookAtMesh.position.copy(new THREE.Vector3(x, 10, 0));
}
// .position.x = 20+( 10*(Math.cos(step)));
requestAnimationFrame(render);//自分自身を呼び出す
renderer.render(scene, camera);
}
0
1Answer
Comments
@sukai3201
Questionerなるほど、わかりました。
ありがとうございます。