diff --git a/.main.js.swp b/.main.js.swp
new file mode 100644
index 0000000..a61125d
Binary files /dev/null and b/.main.js.swp differ
diff --git a/index.html b/index.html
index 24da96c..45da02b 100644
--- a/index.html
+++ b/index.html
@@ -3,19 +3,15 @@
-
+
Space
-
-
-
„Jedes Lebewesen ist ein Rädchen im Getriebe des Universums. Obwohl scheinbar nur seine unmittelbare Umgebung betroffen ist, erstreckt sich der Einflussbereich jedes Lebewesens über eine unendliche Distanz.“ - Nikola Tesla
-
-
-
Moin!
+
Texturen von https://www.solarsystemscope.com/textures/
+
diff --git a/main.js b/main.js
index 1c91ab7..4283bea 100644
--- a/main.js
+++ b/main.js
@@ -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);
-// licht
+// Licht
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();
-
diff --git a/style.css b/style.css
index 1f4b0ff..8b13789 100644
--- a/style.css
+++ b/style.css
@@ -1,17 +1 @@
-canvas {
- position:fixed !important;
- top: 0 !important;
- left: 0 !important;
-}
-main {
- width: 100% !important;
- height: 100% !important;
- position: absolute !important;
- z-index: 99 !important;
- color: white !important;
-}
-
-a {
- color:white !important;
-}