From baae1c727b6eebdbff5c8a5cedc10f4fcfc8613c Mon Sep 17 00:00:00 2001 From: root Date: Sun, 2 Apr 2023 16:35:37 +0000 Subject: [PATCH] Orbitalsteuerung korrigieren --- .main.js.swp | Bin 0 -> 16384 bytes index.html | 10 +++------- main.js | 27 +++++---------------------- style.css | 16 ---------------- 4 files changed, 8 insertions(+), 45 deletions(-) create mode 100644 .main.js.swp diff --git a/.main.js.swp b/.main.js.swp new file mode 100644 index 0000000000000000000000000000000000000000..a61125d1d4151b3af3cf4bca42da8328f5a5786c GIT binary patch literal 16384 zcmeI2ON<;x8OIA_8!$KzNZ`Vuz=-YHOuA=xZ3t@|wAkx);$81*X4moBAk;Hmv(xLI zu693mcXly^190I&P>>=Kgt!GFg#$<+NDx9oAaMWz!WW1HIS>w95rRnk>(Mja(_?v+ z6G%1EZ>FanUse69>ihcDZd`q0g+6A_5PTjW?1KRafCK({f{^cnFMy}PI(P&e0e9X($oIe(!3{72j)9}# zuWu*h*Wd@>dGKWrf~(+h@F8#t90#wzjgVh~m%vv*0G7dJFbCcT-V2U{W8f(G_i;jg z3BCrN0k^?C_!ww__k+J2Bjj1|DR2WE2Y)+C$nU^!!EeBe;Je`4;3_x`=D;-g2X4B& z0$v8sg3kdDTn4jX2HX$s11G>6n8Sa8*T5^_N8lUaOMrt-Z~@eTnD2+c#1F-%wXnX? zykf^ZbyJ^*R_!bi$xm*qJ+Z#ntfa3jG+UL#tBY4Qs;MiB&C45A3yTZQ^-C2KNfr*% z>^=I(IohxrjTzM$*`t`<%2<*vgnnQ4^kVGxnMGaspHcL?n}r=QhCI!x(E~!K9YB{* zm@ac35odZDue`9(V=;?ubzsq?!$MZ49TbaQVT{NW+x0xl?YDgvrpx|TFGY^yjIy?3 z-@C+uh{a8W$x7p2Ul|zQgd<9UK;knnr$@dXBstKzR-tKg|%THR0plGPW9w~as}FM=jK+-v(ST) zByu}!o$aMr%+6BXPBF36kS@5)U5v}B*#Qo$DOr4E)!vS_rlfkUn}asrBV-|t-GOzw z(Wu#7KL}8<%i~42)3Y!et<)7-liPApjD$^8x>&p7(2h7>I>KVG6P8+g^+A0fwM4Gc z@`gf zQFA48ss~Gq_gNYbtcE>%rhdA9x>ndXN?xmWfJNRygCWb;9#l(X9wgf0YTWkI^E%Da z+on#3+sfnp#ens(Ys6lX#xfRX;THWcy)5@wZn(I)O5Gi;QY#-ROsUx$E!aa;aU8nr zcY5NjwZd}ALNRs98AbjMPvur$SzWzi_c<4tsCR*dbcJK(mv*BpzR_F|PEYs;eVAc= zWC<$DeC=07zCKJ`>>6QM=I0Jp6v&Uavj{KBiRCSeNM9@R*73*3;Um^0xJAq!jWn1*NoiEr<=W;-@L1MHY(q)x{R49s=5M9=ZtF0V{+s zg!z&=?H{vn+&v1np{C%juJMy@;&+CA@c^DRnx|+$M;&^5Xab4KeyQy-e>mHy)4AC? zo%u+yUT&-yaPJb6NXsFndc0aK?Bh} zUxU*Bm0Dpa6al*wEfKD}G4Io<;fv8B_tTKS|G<6fI{nVIs6_y`Q--gt*Z z0CdDxwYc_hV{NF==BS@)rQF$#)zab4(ZAJt(({c~5@8UplE=w};>rPzSCEm>Q30}A zN%_LDIx=25^1E6?ImNLWGKf0zyIMn@r;m#~Vb2W3lN!)U(~(j8pm z^wKm+<{j~#y`As?f()?m`bmdJ%b$K@3(w4IBlpqRyYepTIA`x4<{S^FY}9Dli|TfKk9GU=%P47zK<1MggOMQNSo* z6fg=*RzN?v6ZcT`!<_u4&)px&=?5nAZit;l9v+Iw`tnIi;nwu%QQ{zflz2ux{gH+A z4f*_;r#+yLs^^WxLitVkVX6H|rsS>pVUdZ3)Ghd7naO6 - + 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; -}