Update main.js

main.js

@@ -5,97 +5,133 @@ const input = document.getElementById("input");
 
 function print(m){ log.innerHTML += m+"<br/>"; log.scrollTop=log.scrollHeight; }
 
-canvas.width = window.innerWidth - 400;
+canvas.width = window.innerWidth - 420;
 canvas.height = window.innerHeight;
 
-// ----- Load Shader -----
-async function loadShader() {
-  const res = await fetch("shader.glsl");
-  return await res.text();
+// ===== Camera =====
+let camPos = [0, 0, -4];
+let yaw = 0, pitch = 0;
+const keys = {};
+
+window.addEventListener("keydown", e=>keys[e.key]=true);
+window.addEventListener("keyup", e=>keys[e.key]=false);
+canvas.addEventListener("mousemove", e=>{
+  if(e.buttons===1){
+    yaw += e.movementX * 0.002;
+    pitch += e.movementY * 0.002;
+  }
+});
+
+function camRot(){
+  const cy=Math.cos(yaw), sy=Math.sin(yaw);
+  const cp=Math.cos(pitch), sp=Math.sin(pitch);
+  return [
+    cy, 0, -sy,
+    sy*sp, cp, cy*sp,
+    sy*cp, -sp, cy*cp
+  ];
 }
 
-let power = 8.0;   // σ
-let energy = 1.0;  // Ψ
-const snapshots = {};
+// ===== Load Shader =====
+async function loadShader(){
+  return await (await fetch("shader.glsl")).text();
+}
 
-(async () => {
-  const frag = await loadShader();
+let power = 8.0;
+let energy = 1.0;
 
+// Ω branch graph
+const branches = {};
+let currentBranch = "root";
+
+(async ()=>{
+  const frag = await loadShader();
   const vert = `
   attribute vec2 p;
-  void main(){ gl_Position = vec4(p,0,1); }
+  void main(){ gl_Position=vec4(p,0,1); }
   `;
-
-  function compile(type, src){
-    const s = gl.createShader(type);
-    gl.shaderSource(s, src);
-    gl.compileShader(s);
-    return s;
+  function compile(t,s){
+    const sh=gl.createShader(t);
+    gl.shaderSource(sh,s);
+    gl.compileShader(sh);
+    return sh;
   }
 
-  const prog = gl.createProgram();
-  gl.attachShader(prog, compile(gl.VERTEX_SHADER, vert));
-  gl.attachShader(prog, compile(gl.FRAGMENT_SHADER, frag));
+  const prog=gl.createProgram();
+  gl.attachShader(prog,compile(gl.VERTEX_SHADER,vert));
+  gl.attachShader(prog,compile(gl.FRAGMENT_SHADER,frag));
   gl.linkProgram(prog);
   gl.useProgram(prog);
 
-  const buf = gl.createBuffer();
-  gl.bindBuffer(gl.ARRAY_BUFFER, buf);
-  gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
-    -1,-1, 1,-1, -1,1, 1,1
-  ]), gl.STATIC_DRAW);
+  const buf=gl.createBuffer();
+  gl.bindBuffer(gl.ARRAY_BUFFER,buf);
+  gl.bufferData(gl.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,1,1]),gl.STATIC_DRAW);
 
-  const loc = gl.getAttribLocation(prog, "p");
+  const loc=gl.getAttribLocation(prog,"p");
   gl.enableVertexAttribArray(loc);
   gl.vertexAttribPointer(loc,2,gl.FLOAT,false,0,0);
 
-  const uRes = gl.getUniformLocation(prog,"u_res");
-  const uTime = gl.getUniformLocation(prog,"u_time");
-  const uPow = gl.getUniformLocation(prog,"u_power");
-  const uEng = gl.getUniformLocation(prog,"u_energy");
+  const uRes=gl.getUniformLocation(prog,"u_res");
+  const uTime=gl.getUniformLocation(prog,"u_time");
+  const uPow=gl.getUniformLocation(prog,"u_power");
+  const uEng=gl.getUniformLocation(prog,"u_energy");
+  const uCam=gl.getUniformLocation(prog,"u_camPos");
+  const uRot=gl.getUniformLocation(prog,"u_camRot");
 
   function loop(t){
-    gl.uniform2f(uRes, canvas.width, canvas.height);
-    gl.uniform1f(uTime, t*0.001);
-    gl.uniform1f(uPow, power);
-    gl.uniform1f(uEng, energy);
+    if(keys["w"]) camPos[2]+=0.05;
+    if(keys["s"]) camPos[2]-=0.05;
+    if(keys["a"]) camPos[0]-=0.05;
+    if(keys["d"]) camPos[0]+=0.05;
+
+    gl.uniform2f(uRes,canvas.width,canvas.height);
+    gl.uniform1f(uTime,t*0.001);
+    gl.uniform1f(uPow,power);
+    gl.uniform1f(uEng,energy);
+    gl.uniform3fv(uCam,camPos);
+    gl.uniformMatrix3fv(uRot,false,new Float32Array(camRot()));
     gl.drawArrays(gl.TRIANGLE_STRIP,0,4);
     requestAnimationFrame(loop);
   }
   loop(0);
 })();
 
-// ----- CLI -----
+// ===== CLI (CCL-v1) =====
 function handle(cmd){
-  const p = cmd.split(" ");
+  const p=cmd.split(" ");
   switch(p[0]){
     case "help":
       print("inject <v> | superposition <v>");
-      print("snapshot <name> | restore <name>");
+      print("branch <name> | switch <name>");
+      print("move x y z");
       break;
     case "inject":
-      energy = parseFloat(p[1]) || energy;
-      print("Ψ = "+energy);
+      energy=parseFloat(p[1])||energy;
+      print("Ψ="+energy);
       break;
     case "superposition":
-      power = parseFloat(p[1]) || power;
-      print("σ = "+power);
+      power=parseFloat(p[1])||power;
+      print("σ="+power);
       break;
-    case "snapshot":
-      snapshots[p[1]] = { power, energy };
-      print("Ω snapshot saved");
+    case "branch":
+      branches[p[1]]={power,energy,cam:[...camPos]};
+      print("Ω branch created");
       break;
-    case "restore":
-      if(snapshots[p[1]]){
-        power = snapshots[p[1]].power;
-        energy = snapshots[p[1]].energy;
-        print("Ω restored");
+    case "switch":
+      if(branches[p[1]]){
+        ({power,energy}=branches[p[1]]);
+        camPos=[...branches[p[1]].cam];
+        currentBranch=p[1];
+        print("Ω switched");
       }
       break;
+    case "move":
+      camPos=[+p[1],+p[2],+p[3]];
+      break;
   }
 }
 
-input.addEventListener("keydown", e=>{
+input.addEventListener("keydown",e=>{
   if(e.key==="Enter"){
     print("> "+input.value);
     handle(input.value.trim());
@@ -103,5 +139,5 @@ input.addEventListener("keydown", e=>{
   }
 });
 
-print("CodexReality3D v5 — GPU Mandelbulb Engine");
+print("CodexReality3D v6 — Open World Engine");
 print("Type `help`");