danjoredd/3d_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

set camera to -500

Browse Source
This commit is contained in:
Daniel Jones 2024-04-11 20:47:34 -05:00
parent 683c209c94
commit 0c5fdf623f
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -22,3 +22,4 @@ dist-ssr
*.njsproj
*.sln
*.sw?
*.jpg

12
main.js
View File

@ -2,7 +2,7 @@
Author: Daniel Jones
IDE: VSCodium
Browsers tested: Firefox 124
Last change: 04/08/24
Last change: 04/10/24
purpose: portfolio website to show to potential freelance customers/web developer positions
*/
@ -27,7 +27,9 @@ const renderer = new THREE.WebGLRenderer({
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
camera.position.setZ(30);
var zPos = 500;
camera.position.setZ(zPos);
camera.position.setY(20);
renderer.render(scene, camera);
@ -59,14 +61,14 @@ const floorMaterial = new THREE.MeshStandardMaterial({
map: floorTexture,
})
const floor = new THREE.Mesh(floorGeometry, floorMaterial);
floor.rotateX(200);
floor.rotateX(Math.PI * -0.5);
scene.add(floor);
function animate(){
requestAnimationFrame(animate);
renderer.render(scene, camera)
renderer.render(scene, camera);
}
animate();