debug for mr jtoek

src/components/MiddleRing/MiddleRing.tsx

@@ -151,6 +151,25 @@ const MiddleRing = memo(() => {
     }
   `;
 
+  const testVertex = `
+    varying vec2 vUv;
+
+    void main() {
+        vUv = uv;
+
+        // compute world position of the vertex
+        // (ie, position after model rotation and translation)
+        vec3 worldPos = modelMatrix * vec3(position, 1.0f);
+
+        // use the world position to move the original point up or down
+        vec3 pos = position;
+        pos.y += 3.5 * sin(0.3 * worldPos.x) * sin(0.3 * worldPos.z);
+
+        // transform this position into final viewspace
+        gl_Position = projectionMatrix * modelViewMatrix * vec4(pos, 1.);
+    }
+`
+
   const fragmentShader = `
     uniform sampler2D tex;
 
@@ -168,7 +187,7 @@ const MiddleRing = memo(() => {
     if (middleRingMaterialRef.current) {
       middleRingMaterialRef.current.uniforms.uTime.value = clock.getElapsedTime();
     }
-    middleRingRef.current!.rotation.y += 0.06;
+    // middleRingRef.current!.rotation.y += 0.06;
   });
 
   // -0.15, 03
@@ -178,15 +197,16 @@ const MiddleRing = memo(() => {
         material={materials["Material.001"]}
         geometry={nodes.BezierCircle.geometry}
         position={[0, -0.15, 0.3]}
-        scale={[0.8, 0.5, 0.8]}
+        scale={[0.8, 0.7, 0.8]}
         ref={middleRingRef}
+        rotation={[0, -0.9, 0]}
       >
         <shaderMaterial
           attach="material"
           color={0x8cffde}
           side={THREE.DoubleSide}
           uniforms={uniforms}
-          vertexShader={vertexShader}
+          vertexShader={testVertex}
           fragmentShader={fragmentShader}
           ref={middleRingMaterialRef}
           transparent={true}