added rotation
This commit is contained in:
File diff suppressed because one or more lines are too long
2
dist/index.html
vendored
2
dist/index.html
vendored
@@ -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>
|
||||||
|
4
main.js
4
main.js
@@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user