Dies ist das Repository meines kleinen Portfolios.
Im Hintergrund läuft eine Planetensimulation, geschrieben in JavaScript und Three.js.
Die zu sehenden Texturen stammen von:
https://www.solarsystemscope.com/textures/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
823 B
33 lines
823 B
import './style.css' |
|
|
|
import * as THREE from 'three'; |
|
|
|
const scene = new THREE.Scene(); |
|
const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000); |
|
const renderer = new THREE.WebGLRenderer({ |
|
canvas: document.querySelector('#bg'), |
|
}); |
|
|
|
renderer.setPixelRatio( window.devicePixelRatio ); |
|
renderer.setSize( window.innerWidth, window.innerheight ); |
|
camera.position.setZ(30); |
|
|
|
renderer.render(scene, camera); |
|
|
|
const geometry = new THREE.TorusGeometry(10,3,16,100); |
|
|
|
const material = new THREE.MeshBasicMaterial( { color: 0xFF6347, wireframe: true } ); |
|
const torus = new THREE.Mesh( geometry, material ); |
|
|
|
scene.add(torus); |
|
//renderer.render(scene, camera); |
|
|
|
function animate(){ |
|
//alert('Alaaarm!'); |
|
//requestAnimationFrame( animate ); |
|
renderer.render( scene, camera ); |
|
} |
|
|
|
animate() |
|
|
|
|
|
|