added rotation

This commit is contained in:
CJSatnarine
2025-03-03 16:23:15 -05:00
parent bd16e0549e
commit ef27ff1580
3 changed files with 176 additions and 174 deletions

File diff suppressed because one or more lines are too long

2
dist/index.html vendored
View File

@@ -11,7 +11,7 @@
}
</style>
<script type="module" crossorigin src="/assets/index-BKnEQclW.js"></script>
<script type="module" crossorigin src="/assets/index-BUDA2-Ca.js"></script>
</head>
<body>

View File

@@ -7,6 +7,7 @@ import headURL from "./models/head.obj?url";
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
const renderer = new THREE.WebGLRenderer();
let modelObject = new THREE.Object3D;
renderer.setSize(window.innerWidth, window.innerHeight);
renderer.setAnimationLoop(animate);
@@ -24,7 +25,7 @@ objectLoader.load(
headURL,
function(object) {
console.log(object);
modelObject = object;
object.traverse((child) => {
if (child instanceof THREE.Mesh) {
// Create material for the mesh.
@@ -34,7 +35,7 @@ objectLoader.load(
child.material.emissive = (new THREE.Color().setHex(0x962FFE));
}
});
scene.add(object);
},
function(xhr) {
@@ -46,6 +47,7 @@ objectLoader.load(
);
function animate() {
modelObject.rotateY(-THREE.MathUtils.degToRad(2));
renderer.render(scene, camera);
}