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> </style>
<script type="module" crossorigin src="/assets/index-BKnEQclW.js"></script> <script type="module" crossorigin src="/assets/index-BUDA2-Ca.js"></script>
</head> </head>
<body> <body>

View File

@@ -7,6 +7,7 @@ import headURL from "./models/head.obj?url";
const scene = new THREE.Scene(); 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);
const renderer = new THREE.WebGLRenderer(); const renderer = new THREE.WebGLRenderer();
let modelObject = new THREE.Object3D;
renderer.setSize(window.innerWidth, window.innerHeight); renderer.setSize(window.innerWidth, window.innerHeight);
renderer.setAnimationLoop(animate); renderer.setAnimationLoop(animate);
@@ -24,7 +25,7 @@ objectLoader.load(
headURL, headURL,
function(object) { function(object) {
console.log(object); console.log(object);
modelObject = object;
object.traverse((child) => { object.traverse((child) => {
if (child instanceof THREE.Mesh) { if (child instanceof THREE.Mesh) {
// Create material for the mesh. // Create material for the mesh.
@@ -46,6 +47,7 @@ objectLoader.load(
); );
function animate() { function animate() {
modelObject.rotateY(-THREE.MathUtils.degToRad(2));
renderer.render(scene, camera); renderer.render(scene, camera);
} }