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

added 3d floor. texture must be added seperately as git hates it

Browse Source
This commit is contained in:
Daniel Jones 2024-04-09 22:51:27 -05:00
parent 58d6cd78bf
commit 683c209c94
1 changed files with 13 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
main.js
View File

@ -48,39 +48,25 @@ scene.add(gridHelper, lightHelper);
const controls = new OrbitControls(camera, renderer.domElement); const controls = new OrbitControls(camera, renderer.domElement);
const geometry = new THREE.PlaneGeometry(100, 100, 100, 100);
const mirrorMaterial = new THREE.MeshBasicMaterial( { color: 0x111111, envMap: camera.renderTarget } );
const material = new THREE.MeshBasicMaterial( {color: 0xffffff, side: THREE.DoubleSide} ); //beggining of creating floor
const plane = new THREE.Mesh( geometry, mirrorMaterial ); const floorTexture = new THREE.TextureLoader().load("marble.jpg");
plane.rotateX(200); floorTexture.wrapT = THREE.RepeatWrapping;
scene.add( plane ); floorTexture.wrapS = THREE.RepeatWrapping;
floorTexture.repeat.set(1, 10);
const floorGeometry = new THREE.PlaneGeometry(100, 1000, 1000, 1000);
const floorMaterial = new THREE.MeshStandardMaterial({
map: floorTexture,
})
const floor = new THREE.Mesh(floorGeometry, floorMaterial);
floor.rotateX(200);
scene.add(floor);
const circleGeometry = new THREE.SphereGeometry(10, 10, 10, 10);
const sphere = new THREE.Mesh(circleGeometry, material);
sphere.position.y += 15
scene.add(sphere);
function getRandomInt(max) {
return Math.floor(Math.random() * max);
}
scene.background = "black";
function animate(){ function animate(){
requestAnimationFrame(animate); requestAnimationFrame(animate);
renderer.render(scene, camera) renderer.render(scene, camera)
} }
animate(); animate();