@ -1,8 +1,6 @@
/ * *
* Texturen von https : //www.solarsystemscope.com/textures/
* /
import * as THREE from '/website/node_modules/three/build/three.module.js' ;
import * as EARTH from '/website/earth/earth.js' ;
import * as VENUS from '/website/venus/venus.js' ;
@ -14,12 +12,10 @@ import * as MOON from '/website/moon/moon.js';
import * as URANUS from '/website/uranus/uranus.js' ;
import { OrbitControls } from '/website/node_modules/three/examples/jsm/controls/OrbitControls.js' ;
// Die Szenerie erstellen
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' ) ,
} ) ;
@ -27,8 +23,6 @@ const renderer = new THREE.WebGLRenderer({
renderer . setPixelRatio ( window . devicePixelRatio ) ;
renderer . setSize ( window . innerWidth , window . innerHeight ) ;
var cameraX = 200 ;
var cameraY = 100 ;
var cameraZ = 100 ;
@ -43,7 +37,6 @@ const material = new THREE.MeshBasicMaterial({ map: sunTexture });
const sun = new THREE . Mesh ( sunSphere , material ) ;
// Mittelpunkte fuer die Planeten festlegen
// Offentsichtlicherweise um die Sonne
const pivotEARTH = new THREE . Object3D ( ) ;
const pivotVENUS = new THREE . Object3D ( ) ;
const pivotMERKUR = new THREE . Object3D ( ) ;
@ -51,8 +44,9 @@ const pivotMARS = new THREE.Object3D();
const pivotJUPITER = new THREE . Object3D ( ) ;
const pivotSATURN = new THREE . Object3D ( ) ;
const pivotURANUS = new THREE . Object3D ( ) ;
const pivotCamera = new THREE . Object3D ( ) ;
//const pivotCamera = new THREE.Object3D();
//Planeten der Sonne hinzufügen
scene . add ( pivotEARTH ) ;
scene . add ( pivotVENUS ) ;
scene . add ( pivotMERKUR ) ;
@ -60,7 +54,7 @@ scene.add(pivotMARS);
scene . add ( pivotJUPITER ) ;
scene . add ( pivotSATURN ) ;
scene . add ( pivotURANUS ) ;
scene . add ( pivotCamera ) ;
//scene.add(pivotCamera);
pivotEARTH . add ( EARTH . earth ) ;
pivotVENUS . add ( VENUS . venus ) ;
@ -69,18 +63,15 @@ pivotMARS.add(MARS.mars);
pivotJUPITER . add ( JUPITER . jupiter ) ;
pivotSATURN . add ( SATURN . saturn ) ;
pivotURANUS . add ( URANUS . uranus ) ;
pivotURANUS . add ( camera ) ;
// Den Mond hinzufügen
EARTH . pivot . add ( MOON . moon ) ;
scene . add ( sun ) ;
scene . add ( sun ) ;
// l icht
// L icht
const pointLight = new THREE . PointLight ( 0xffffff ) ;
//pointLight.position.set(5,5,5);
const ambientLight = new THREE . PointLight ( 0xffffff ) ;
//Steuerung & Kamera
@ -113,7 +104,6 @@ scene.add(pointLight);
//scene.add(gridHelper);
scene . add ( ambientLight ) ;
renderer . render ( scene , camera ) ;
/ * *
@ -140,16 +130,9 @@ function animate() {
pivotSATURN . rotation . y -= 0.005 ;
pivotURANUS . rotation . y += 0.005 ;
cameraX += 0.000001 ;
cameraZ += 0.000001 ;
camera . position . setZ ( cameraZ ) ;
camera . position . setX ( cameraX ) ;
camera . position . setY ( cameraY ) ;
controls . update ( ) ;
renderer . render ( scene , camera ) ;
}
animate ( ) ;