changed the 3d model rotation to be simpler for now
This commit is contained in:
@@ -5,10 +5,6 @@ const scene = new THREE.Scene();
|
|||||||
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
|
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
|
||||||
let modelObject = new THREE.Object3D;
|
let modelObject = new THREE.Object3D;
|
||||||
|
|
||||||
// Rotation speed of the 3D model.
|
|
||||||
const rotationSpeed = 1.0;
|
|
||||||
let previousFrame = performance.now();
|
|
||||||
|
|
||||||
// Rendering.
|
// Rendering.
|
||||||
const renderer = new THREE.WebGLRenderer({
|
const renderer = new THREE.WebGLRenderer({
|
||||||
canvas: document.querySelector('#rendering_canvas'),
|
canvas: document.querySelector('#rendering_canvas'),
|
||||||
@@ -72,14 +68,7 @@ objectLoader.load(
|
|||||||
|
|
||||||
// Animate function.
|
// Animate function.
|
||||||
function animate() {
|
function animate() {
|
||||||
const currentFrame = performance.now();
|
let degrees = -0.5;
|
||||||
const deltaTime = (currentFrame - previousFrame) / 1000;
|
modelObject.rotateY(degrees * (Math.PI / 180));
|
||||||
previousFrame = currentFrame;
|
|
||||||
|
|
||||||
const rotationAngle = rotationSpeed * deltaTime;
|
|
||||||
modelObject.rotateY(-rotationAngle);
|
|
||||||
|
|
||||||
renderer.render(scene, camera);
|
renderer.render(scene, camera);
|
||||||
|
|
||||||
requestAnimationFrame(animate);
|
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user