Added posts & fixed pages

raws/projets/2022-01-01_quiz.md

@@ -0,0 +1,15 @@
+---
+title: Out Of Quiz
+tags: rust vanillaJS jeu
+date: 2022-01-01
+yearonly: true
+url: quiz.html
+---
+
+![Logo of Out Of Quiz](/img/projets/quiz_logo.webp)
+
+git: [git.gltronic.ovh/gltron/OutOfQuiz](https://git.gltronic.ovh/gltron/OutOfQuiz)
+
+app: [quiz.gltronic.ovh](https://quiz.gltronic.ovh/)
+
+Out Of Quiz est un jeu multijoueur de type quiz de vitesse, basé sur le Out Of Context d'un serveur Discord

raws/projets/2022-02-01_impact.md

@@ -0,0 +1,15 @@
+---
+title: Deep Impact
+tags: vanillaJS jeu
+date: 2022-02-01
+yearonly: true
+url: impact.html
+---
+
+![Logo of Deep Impact](/img/projets/impact_logo.webp)
+
+git: [git.gltronic.ovh/gltron/DeepImpact](https://git.gltronic.ovh/gltron/DeepImpact)
+
+app: [impact.gltronic.ovh](https://impact.gltronic.ovh/)
+
+Deep Impact est un missile command musical

resources/js/main.js

@@ -15,6 +15,7 @@ let incrementer = 0.01;
 let reverse = false;
 const rotationSpeed = 0.001;
 const orbitRadius = 1;
+let lastRender = 0
 
 // Helper
 function setupContainer (container) {
@@ -84,8 +85,6 @@ async function initModels() {
     modelMoon.castShadow = true;
     modelMoon.receiveShadow = true;
     scene.add(modelMoon);
-
-    animateScene();
 }
 
 // Animation
@@ -106,17 +105,21 @@ function easeInOut() {
 };
 
 function animateScene() {
+
+    if ((performance.now() - lastRender) > (1000 / 60)) {
+        modelPlanet.position.set(1, easeInOut() / 4 + 0.5, 0);
+        modelPlanet.rotation.y += rotationSpeed;
+
+        // const x = Math.cos(incrementer) * orbitRadius;
+        // const z = Math.sin(incrementer) * orbitRadius;
+        modelMoon.position.set(0, 1 - easeInOut() - 2, 0);
+        modelMoon.rotation.y -= rotationSpeed + 0.01;
+
+        renderer.render(scene, camera);
+    }
+    
+
     requestAnimationFrame(animateScene);
-
-    modelPlanet.position.set(1, easeInOut() / 4 + 0.5, 0);
-    modelPlanet.rotation.y += rotationSpeed;
-
-    // const x = Math.cos(incrementer) * orbitRadius;
-    // const z = Math.sin(incrementer) * orbitRadius;
-    modelMoon.position.set(0, 1 - easeInOut() - 2, 0);
-    modelMoon.rotation.y -= rotationSpeed + 0.01;
-
-    renderer.render(scene, camera);
 }
 
 // Main
@@ -124,6 +127,7 @@ export function init() {
     initScene();
     initLights();
     initModels();
+    animateScene();
 }
 
 init();

templates/base.hbs

@@ -7,7 +7,5 @@
       {{> submenu}}
       {{> article}}
     </div>
-    <div id="background" class="background"></div>
   </body>
-  <script src="/js/main.js" type="module"></script>
 </html>

templates/landing.hbs

@@ -7,11 +7,10 @@
         <a href="/">
         <video class="avatar" src="/img/avatar_animated2.webm" loop="loop" autoplay="autoplay"></video>
         <ul>
-          <li><a href="https://gltronic.ovh/blog/index.html">Blog</a></li>
           <li><a href="https://gltronic.ovh/projets/index.html">Projets</a></li>
           <li><a href="https://gltronic.ovh/artworks/index.html">Artworks</a></li>
-          <li><a href="https://git.gltronic.ovh/">git</a></li>
+          <li><a href="https://gltronic.ovh/blog/index.html">Blog</a></li>
-          <li><a href="https://drop.gltronic.ovh/">drop</a></li>
+          <li><a href="https://git.gltronic.ovh/">Git</a></li>
           <li><a href="https://gltronic.ovh/about.html">?</a></li>
         </ul>
         </a>
@@ -22,5 +21,5 @@
     <footer style="position:fixed">
     <a class="footer" href="/">gltronic - 2021</a>
   </footer>
-  <script src="/js/main.js" type="module"></script>
+  <script src="js/main.js" type="module"></script>
 </html>

templates/menu.hbs

@@ -2,11 +2,10 @@
   <a href="/">
   <video class="avatar" src="/img/avatar_animated2.webm" loop="loop" autoplay="autoplay"></video>
   <ul>
-    <li><a href="https://gltronic.ovh/blog/index.html">Blog</a></li>
     <li><a href="https://gltronic.ovh/projets/index.html">Projets</a></li>
     <li><a href="https://gltronic.ovh/artworks/index.html">Artworks</a></li>
-    <li><a href="https://git.gltronic.ovh/">git</a></li>
+    <li><a href="https://gltronic.ovh/blog/index.html">Blog</a></li>
-    <li><a href="https://drop.gltronic.ovh/">drop</a></li>
+    <li><a href="https://git.gltronic.ovh/">Git</a></li>
     <li><a href="https://gltronic.ovh/about.html">?</a></li>
   </ul>
   </a>