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 *.njsproj
*.sln *.sln
*.sw? *.sw?
*.jpg

12
main.js
View File

@ -2,7 +2,7 @@
Author: Daniel Jones Author: Daniel Jones
IDE: VSCodium IDE: VSCodium
Browsers tested: Firefox 124 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 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.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight); 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); renderer.render(scene, camera);
@ -59,14 +61,14 @@ const floorMaterial = new THREE.MeshStandardMaterial({
map: floorTexture, map: floorTexture,
}) })
const floor = new THREE.Mesh(floorGeometry, floorMaterial); const floor = new THREE.Mesh(floorGeometry, floorMaterial);
floor.rotateX(200); floor.rotateX(Math.PI * -0.5);
scene.add(floor); scene.add(floor);
function animate(){ function animate(){
requestAnimationFrame(animate); requestAnimationFrame(animate);
renderer.render(scene, camera) renderer.render(scene, camera);
} }
animate(); animate();