@erik9994857/cag 1.0.3 → 2.0.2

package/src/runtime/electron-runner.js

@@ -0,0 +1,728 @@
+var path = require("path");
+var fs = require("fs");
+var childProcess = require("child_process");
+
+function ElectronRunner(engine, apiSettings) {
+  this.engine = engine;
+  this.info = engine.getInfo();
+  this.projectRoot = engine.projectRoot;
+  this.tempDir = path.join(this.projectRoot, ".cag-run");
+  this.apiSettings = apiSettings || {};
+}
+
+ElectronRunner.prototype.run = function () {
+  this.ensureDirectories();
+  this.generateApp();
+  this.installAndLaunch();
+  return { success: true };
+};
+
+ElectronRunner.prototype.ensureDirectories = function () {
+  fs.mkdirSync(this.tempDir, { recursive: true });
+};
+
+ElectronRunner.prototype.generateApp = function () {
+  var pkgPath = path.join(this.tempDir, "package.json");
+  if (!fs.existsSync(pkgPath)) {
+    var pkg = {
+      name: "cag-runner",
+      version: "1.0.0",
+      main: "main.js",
+      dependencies: {}
+    };
+    fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
+  }
+  fs.writeFileSync(path.join(this.tempDir, "main.js"), this.getMainProcessSource());
+  fs.writeFileSync(path.join(this.tempDir, "index.html"), this.getRendererSource());
+};
+
+ElectronRunner.prototype.installAndLaunch = function () {
+  var electronBin = path.join(this.tempDir, "node_modules", ".bin", "electron");
+  if (process.platform === "win32") {
+    electronBin = electronBin + ".cmd";
+  }
+
+  if (!fs.existsSync(electronBin)) {
+    childProcess.execSync("npm install electron --save --no-audit --no-fund", {
+      cwd: this.tempDir,
+      stdio: "inherit"
+    });
+  }
+
+  childProcess.execSync("\"" + electronBin + "\" .", {
+    cwd: this.tempDir,
+    stdio: "inherit",
+    shell: true
+  });
+};
+
+ElectronRunner.prototype.getMainProcessSource = function () {
+  var s = this.apiSettings;
+  var windowTitle = s.windowTitle || "Default Game";
+  var windowWidth = s.windowWidth || 1280;
+  var windowHeight = s.windowHeight || 720;
+  var bg = s.background || "#1a1a2e";
+
+  var lines = [];
+  lines.push("var electron = require('electron');");
+  lines.push("var app = electron.app;");
+  lines.push("var BrowserWindow = electron.BrowserWindow;");
+  lines.push("var path = require('path');");
+  lines.push("");
+  lines.push("var win = null;");
+  lines.push("");
+  lines.push("app.whenReady().then(function () {");
+  lines.push("  win = new BrowserWindow({");
+  lines.push("    width: " + windowWidth + ",");
+  lines.push("    height: " + windowHeight + ",");
+  lines.push("    minWidth: 800,");
+  lines.push("    minHeight: 600,");
+  lines.push("    title: " + JSON.stringify(windowTitle) + ",");
+  lines.push("    fullscreenable: true,");
+  lines.push("    webPreferences: { nodeIntegration: false, contextIsolation: true },");
+  lines.push("    backgroundColor: " + JSON.stringify(bg) + ",");
+  lines.push("    autoHideMenuBar: true,");
+  lines.push("    show: false");
+  lines.push("  });");
+  lines.push("  win.setMenuBarVisibility(false);");
+  lines.push("  win.loadFile('index.html');");
+  lines.push("  win.once('ready-to-show', function () { win.show(); });");
+  lines.push("  win.on('closed', function () { win = null; });");
+  lines.push("  win.webContents.on('before-input-event', function (event, input) {");
+  lines.push("    if (input.key === 'F11') win.setFullScreen(!win.isFullScreen());");
+  lines.push("  });");
+  lines.push("});");
+  lines.push("app.on('window-all-closed', function () { app.quit(); });");
+  return lines.join("\n");
+};
+
+ElectronRunner.prototype.getRendererSource = function () {
+  var s = this.apiSettings;
+  var chunkSize = s.chunkSize || 16;
+  var renderDist = s.renderDistance || 1;
+  var sky = s.skyColor || { r: 0.53, g: 0.81, b: 0.92 };
+  var fogC = s.fogColor || { r: 0.53, g: 0.81, b: 0.92 };
+  var fogNear = s.fogNear || 64;
+  var fogFar = s.fogFar || 128;
+  var sunD = s.sunDirection || { x: 0.5, y: 1.0, z: 0.3 };
+  var amb = s.ambientLight || { r: 0.3, g: 0.3, b: 0.4 };
+  var fov = s.fov || 70;
+  var pSpeed = s.playerSpeed || 0.08;
+  var jHeight = s.jumpHeight || 0.18;
+  var grav = s.gravity || 0.015;
+  var spX = s.spawnX || 8;
+  var spY = s.spawnY || 2;
+  var spZ = s.spawnZ || 8;
+  var windowTitle = s.windowTitle || "Default Game";
+  var infoID = this.info.ID;
+  var infoVer = this.info.version || "1.0.0";
+
+  var css = [
+    "* { margin: 0; padding: 0; box-sizing: border-box; }",
+    "body { background: #1a1a2e; overflow: hidden; font-family: monospace; }",
+    "#loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #1a1a2e; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 999; color: #fff; transition: opacity 0.5s; }",
+    "#loading.fade-out { opacity: 0; pointer-events: none; }",
+    "#loading h1 { font-size: 64px; color: #4ecca3; margin-bottom: 4px; letter-spacing: 6px; text-shadow: 0 0 30px rgba(78,204,163,0.3); }",
+    "#loading h2 { font-size: 14px; color: #666; margin-bottom: 30px; font-weight: normal; letter-spacing: 2px; }",
+    "#load-status { font-size: 12px; color: #555; margin-bottom: 12px; min-height: 18px; transition: color 0.3s; }",
+    "#bar-outer { width: 300px; height: 3px; background: #2a2a3e; border-radius: 2px; overflow: hidden; }",
+    "#bar-inner { width: 0%; height: 100%; background: linear-gradient(90deg, #4ecca3, #45b7d1); border-radius: 2px; transition: width 0.4s ease-out; }",
+    ".version-tag { font-size: 11px; color: #444; margin-top: 20px; }",
+    "#click-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 998; cursor: pointer; transition: opacity 0.3s; }",
+    "#click-overlay:hover { background: rgba(0,0,0,0.55); }",
+    ".play-icon { width: 80px; height: 80px; border: 3px solid #4ecca3; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; transition: transform 0.2s, border-color 0.2s; }",
+    "#click-overlay:hover .play-icon { transform: scale(1.1); border-color: #45b7d1; }",
+    ".play-triangle { width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 28px; border-color: transparent transparent transparent #4ecca3; margin-left: 6px; }",
+    "#click-overlay span { color: #888; font-size: 16px; letter-spacing: 3px; }",
+    "canvas { display: block; position: fixed; top: 0; left: 0; }",
+    "#hud { position: fixed; top: 10px; left: 10px; z-index: 100; pointer-events: none; }",
+    "#hud-box { background: rgba(0,0,0,0.7); padding: 10px 14px; border-left: 3px solid #4ecca3; backdrop-filter: blur(4px); border-radius: 0 4px 4px 0; }",
+    "#hud-box div { color: #bbb; font-size: 11px; line-height: 17px; }",
+    ".hud-title { color: #4ecca3; font-size: 13px; font-weight: bold; margin-bottom: 3px; letter-spacing: 1px; }",
+    ".hud-sep { border-top: 1px solid #333; margin: 4px 0; }",
+    "#crosshair { position: fixed; top: 50%; left: 50%; width: 24px; height: 24px; margin: -12px 0 0 -12px; z-index: 100; pointer-events: none; }",
+    "#crosshair::before { content: ''; position: absolute; top: 11px; left: 3px; width: 18px; height: 2px; background: rgba(255,255,255,0.6); border-radius: 1px; }",
+    "#crosshair::after { content: ''; position: absolute; top: 3px; left: 11px; width: 2px; height: 18px; background: rgba(255,255,255,0.6); border-radius: 1px; }",
+    "#controls-hint { position: fixed; bottom: 10px; right: 10px; z-index: 100; pointer-events: none; background: rgba(0,0,0,0.55); padding: 8px 14px; color: #666; font-size: 10px; border-radius: 4px; line-height: 16px; backdrop-filter: blur(4px); }",
+    "#controls-hint b { color: #888; }"
+  ].join("\n");
+
+  var vsSrc = [
+    "attribute vec3 aPos;",
+    "attribute vec2 aUV;",
+    "attribute vec3 aNormal;",
+    "uniform mat4 uProj;",
+    "uniform mat4 uView;",
+    "varying vec2 vUV;",
+    "varying vec3 vNormal;",
+    "varying vec3 vWorldPos;",
+    "void main() {",
+    "  vUV = aUV;",
+    "  vNormal = aNormal;",
+    "  vWorldPos = aPos;",
+    "  gl_Position = uProj * uView * vec4(aPos, 1.0);",
+    "}"
+  ].join("\\n");
+
+  var fsSrc = [
+    "precision mediump float;",
+    "varying vec2 vUV;",
+    "varying vec3 vNormal;",
+    "varying vec3 vWorldPos;",
+    "uniform sampler2D uTexture;",
+    "uniform vec3 uSunDir;",
+    "uniform vec3 uSunColor;",
+    "uniform vec3 uAmbient;",
+    "uniform vec3 uFogColor;",
+    "uniform float uFogNear;",
+    "uniform float uFogFar;",
+    "uniform vec3 uCamPos;",
+    "void main() {",
+    "  vec4 texColor = texture2D(uTexture, vUV);",
+    "  vec3 norm = normalize(vNormal);",
+    "  float diff = max(dot(norm, normalize(uSunDir)), 0.0);",
+    "  vec3 lit = texColor.rgb * (uAmbient + uSunColor * diff);",
+    "  float dist = length(vWorldPos - uCamPos);",
+    "  float fog = clamp((dist - uFogNear) / (uFogFar - uFogNear), 0.0, 1.0);",
+    "  vec3 final = mix(lit, uFogColor, fog);",
+    "  gl_FragColor = vec4(final, texColor.a);",
+    "}"
+  ].join("\\n");
+
+  var js = [];
+  js.push("var CHUNK_SIZE = " + chunkSize + ";");
+  js.push("var RENDER_DISTANCE = " + renderDist + ";");
+  js.push("var INFO_ID = " + JSON.stringify(infoID) + ";");
+  js.push("var INFO_VERSION = " + JSON.stringify(infoVer) + ";");
+  js.push("var VS_SRC = \"" + vsSrc + "\";");
+  js.push("var FS_SRC = \"" + fsSrc + "\";");
+  js.push("");
+
+  var modelDataForRenderer = {};
+  if (s.models) {
+    var sModelNames = Object.keys(s.models);
+    for (var mi = 0; mi < sModelNames.length; mi++) {
+      var smName = sModelNames[mi];
+      var smData = s.models[smName];
+      var faceUVMap = {};
+      if (smData.uvMappings) {
+        for (var ui = 0; ui < smData.uvMappings.length; ui++) {
+          var mapping = smData.uvMappings[ui];
+          if (!faceUVMap[mapping.face]) {
+            faceUVMap[mapping.face] = mapping.uv;
+          }
+        }
+      }
+      modelDataForRenderer[smName] = {
+        textureDataURL: smData.textureDataURL || null,
+        resW: smData.resolution ? smData.resolution.width : 16,
+        resH: smData.resolution ? smData.resolution.height : 16,
+        faceUV: faceUVMap
+      };
+    }
+  }
+  js.push("var MODELS = " + JSON.stringify(modelDataForRenderer) + ";");
+  js.push("");
+
+  js.push("var game = {");
+  js.push("  gl: null, canvas: null, program: null,");
+  js.push("  camX: " + spX + ", camY: " + spY + ", camZ: " + spZ + ",");
+  js.push("  pitch: -0.3, yaw: 0,");
+  js.push("  keys: {}, locked: false,");
+  js.push("  velY: 0, onGround: false,");
+  js.push("  gravity: " + grav + ",");
+  js.push("  speed: " + pSpeed + ",");
+  js.push("  jumpHeight: " + jHeight + ",");
+  js.push("  fps: 0, frames: 0, lastFps: 0,");
+  js.push("  chunks: {},");
+  js.push("  totalVerts: 0,");
+  js.push("  totalBlocks: 0,");
+  js.push("  uProj: null, uView: null, uSunDir: null, uSunColor: null,");
+  js.push("  uAmbient: null, uFogColor: null, uFogNear: null, uFogFar: null, uCamPos: null,");
+  js.push("  started: false");
+  js.push("};");
+  js.push("");
+
+  // Chunk generation - flat terrain
+  js.push("function generateChunkBlocks(cx, cz) {");
+  js.push("  var blocks = [];");
+  js.push("  for (var x = 0; x < CHUNK_SIZE; x++) {");
+  js.push("    for (var z = 0; z < CHUNK_SIZE; z++) {");
+  js.push("      blocks.push({ x: cx * CHUNK_SIZE + x, y: 0, z: cz * CHUNK_SIZE + z, type: 'grass' });");
+  js.push("    }");
+  js.push("  }");
+  js.push("  return blocks;");
+  js.push("}");
+  js.push("");
+
+  // Face helper
+  js.push("function addFace(pos, uvArr, nrm, v0, v1, v2, v3, fuv, normal) {");
+  js.push("  pos.push(v0[0],v0[1],v0[2], v1[0],v1[1],v1[2], v2[0],v2[1],v2[2]);");
+  js.push("  pos.push(v0[0],v0[1],v0[2], v2[0],v2[1],v2[2], v3[0],v3[1],v3[2]);");
+  js.push("  uvArr.push(fuv[0],fuv[1], fuv[2],fuv[1], fuv[2],fuv[3]);");
+  js.push("  uvArr.push(fuv[0],fuv[1], fuv[2],fuv[3], fuv[0],fuv[3]);");
+  js.push("  for (var i = 0; i < 6; i++) {");
+  js.push("    nrm.push(normal[0], normal[1], normal[2]);");
+  js.push("  }");
+  js.push("}");
+  js.push("");
+
+  // UV normalization helper
+  js.push("function normUV(faceUV, resW, resH) {");
+  js.push("  if (!faceUV) return [0, 1, 1, 0];");
+  js.push("  return [faceUV[0]/resW, 1.0-faceUV[1]/resH, faceUV[2]/resW, 1.0-faceUV[3]/resH];");
+  js.push("}");
+  js.push("");
+
+  // Get UV coordinates for a model by name (case-insensitive)
+  js.push("function getModelUVs(name) {");
+  js.push("  var ln = name.toLowerCase();");
+  js.push("  var keys = Object.keys(MODELS);");
+  js.push("  for (var i = 0; i < keys.length; i++) {");
+  js.push("    if (keys[i].toLowerCase() === ln) {");
+  js.push("      var m = MODELS[keys[i]];");
+  js.push("      var f = m.faceUV || {};");
+  js.push("      return {");
+  js.push("        up: normUV(f.up, m.resW, m.resH),");
+  js.push("        down: normUV(f.down, m.resW, m.resH),");
+  js.push("        north: normUV(f.north, m.resW, m.resH),");
+  js.push("        south: normUV(f.south, m.resW, m.resH),");
+  js.push("        east: normUV(f.east, m.resW, m.resH),");
+  js.push("        west: normUV(f.west, m.resW, m.resH)");
+  js.push("      };");
+  js.push("    }");
+  js.push("  }");
+  js.push("  return { up:[0,1,1,0], down:[0,1,1,0], north:[0,1,1,0], south:[0,1,1,0], east:[0,1,1,0], west:[0,1,1,0] };");
+  js.push("}");
+  js.push("");
+
+  // Build mesh for a chunk
+  js.push("function buildChunkMesh(blocks, blockMap) {");
+  js.push("  var pos = [], uvArr = [], nrm = [];");
+  js.push("  var uv = getModelUVs('Grass');");
+  js.push("  for (var i = 0; i < blocks.length; i++) {");
+  js.push("    var b = blocks[i];");
+  js.push("    var x = b.x, y = b.y, z = b.z;");
+  js.push("    var k = function(bx,by,bz) { return bx+','+by+','+bz; };");
+  js.push("    if (!blockMap[k(x,y+1,z)]) addFace(pos,uvArr,nrm, [x,y+1,z],[x+1,y+1,z],[x+1,y+1,z+1],[x,y+1,z+1], uv.up, [0,1,0]);");
+  js.push("    if (!blockMap[k(x,y-1,z)]) addFace(pos,uvArr,nrm, [x,y,z+1],[x+1,y,z+1],[x+1,y,z],[x,y,z], uv.down, [0,-1,0]);");
+  js.push("    if (!blockMap[k(x,y,z-1)]) addFace(pos,uvArr,nrm, [x,y,z],[x+1,y,z],[x+1,y+1,z],[x,y+1,z], uv.north, [0,0,-1]);");
+  js.push("    if (!blockMap[k(x,y,z+1)]) addFace(pos,uvArr,nrm, [x+1,y,z+1],[x,y,z+1],[x,y+1,z+1],[x+1,y+1,z+1], uv.south, [0,0,1]);");
+  js.push("    if (!blockMap[k(x+1,y,z)]) addFace(pos,uvArr,nrm, [x+1,y,z],[x+1,y,z+1],[x+1,y+1,z+1],[x+1,y+1,z], uv.east, [1,0,0]);");
+  js.push("    if (!blockMap[k(x-1,y,z)]) addFace(pos,uvArr,nrm, [x,y,z+1],[x,y,z],[x,y+1,z],[x,y+1,z+1], uv.west, [-1,0,0]);");
+  js.push("  }");
+  js.push("  return { positions: pos, uvs: uvArr, normals: nrm };");
+  js.push("}");
+  js.push("");
+
+  // Build block map including neighbor chunks
+  js.push("function buildBlockMap(blocks, cx, cz) {");
+  js.push("  var map = {};");
+  js.push("  for (var i = 0; i < blocks.length; i++) {");
+  js.push("    var b = blocks[i];");
+  js.push("    map[b.x+','+b.y+','+b.z] = true;");
+  js.push("  }");
+  js.push("  var dirs = [[cx-1,cz],[cx+1,cz],[cx,cz-1],[cx,cz+1]];");
+  js.push("  for (var n = 0; n < dirs.length; n++) {");
+  js.push("    var nk = dirs[n][0]+','+dirs[n][1];");
+  js.push("    if (game.chunks[nk]) {");
+  js.push("      var nb = game.chunks[nk].blocks;");
+  js.push("      for (var j = 0; j < nb.length; j++) {");
+  js.push("        map[nb[j].x+','+nb[j].y+','+nb[j].z] = true;");
+  js.push("      }");
+  js.push("    }");
+  js.push("  }");
+  js.push("  return map;");
+  js.push("}");
+  js.push("");
+
+  // Load a chunk
+  js.push("function loadChunk(cx, cz) {");
+  js.push("  var chunkKey = cx+','+cz;");
+  js.push("  var blocks = generateChunkBlocks(cx, cz);");
+  js.push("  var blockMap = buildBlockMap(blocks, cx, cz);");
+  js.push("  var mesh = buildChunkMesh(blocks, blockMap);");
+  js.push("  var vertCount = mesh.positions.length / 3;");
+  js.push("  var gl = game.gl;");
+  js.push("  var vbo = gl.createBuffer();");
+  js.push("  var data = new Float32Array(vertCount * 8);");
+  js.push("  for (var v = 0; v < vertCount; v++) {");
+  js.push("    data[v*8+0] = mesh.positions[v*3+0];");
+  js.push("    data[v*8+1] = mesh.positions[v*3+1];");
+  js.push("    data[v*8+2] = mesh.positions[v*3+2];");
+  js.push("    data[v*8+3] = mesh.uvs[v*2+0];");
+  js.push("    data[v*8+4] = mesh.uvs[v*2+1];");
+  js.push("    data[v*8+5] = mesh.normals[v*3+0];");
+  js.push("    data[v*8+6] = mesh.normals[v*3+1];");
+  js.push("    data[v*8+7] = mesh.normals[v*3+2];");
+  js.push("  }");
+  js.push("  gl.bindBuffer(gl.ARRAY_BUFFER, vbo);");
+  js.push("  gl.bufferData(gl.ARRAY_BUFFER, data, gl.STATIC_DRAW);");
+  js.push("  game.chunks[chunkKey] = { vbo: vbo, vertCount: vertCount, blocks: blocks, cx: cx, cz: cz };");
+  js.push("  game.totalVerts += vertCount;");
+  js.push("  game.totalBlocks += blocks.length;");
+  js.push("}");
+  js.push("");
+
+  // Unload a chunk
+  js.push("function unloadChunk(chunkKey) {");
+  js.push("  var chunk = game.chunks[chunkKey];");
+  js.push("  if (chunk) {");
+  js.push("    game.gl.deleteBuffer(chunk.vbo);");
+  js.push("    game.totalVerts -= chunk.vertCount;");
+  js.push("    game.totalBlocks -= chunk.blocks.length;");
+  js.push("    delete game.chunks[chunkKey];");
+  js.push("  }");
+  js.push("}");
+  js.push("");
+
+  // Update chunks based on player position
+  js.push("function updateChunks() {");
+  js.push("  var pcx = Math.floor(game.camX / CHUNK_SIZE);");
+  js.push("  var pcz = Math.floor(game.camZ / CHUNK_SIZE);");
+  js.push("  var needed = {};");
+  js.push("  for (var dx = -RENDER_DISTANCE; dx <= RENDER_DISTANCE; dx++) {");
+  js.push("    for (var dz = -RENDER_DISTANCE; dz <= RENDER_DISTANCE; dz++) {");
+  js.push("      var cx = pcx + dx;");
+  js.push("      var cz = pcz + dz;");
+  js.push("      var ck = cx+','+cz;");
+  js.push("      needed[ck] = true;");
+  js.push("      if (!game.chunks[ck]) loadChunk(cx, cz);");
+  js.push("    }");
+  js.push("  }");
+  js.push("  var loaded = Object.keys(game.chunks);");
+  js.push("  for (var i = 0; i < loaded.length; i++) {");
+  js.push("    if (!needed[loaded[i]]) unloadChunk(loaded[i]);");
+  js.push("  }");
+  js.push("}");
+  js.push("");
+
+  // Init WebGL
+  js.push("game.init = function () {");
+  js.push("  this.canvas = document.getElementById('cag-canvas');");
+  js.push("  this.gl = this.canvas.getContext('webgl', { antialias: true });");
+  js.push("  if (!this.gl) { alert('WebGL not supported'); return; }");
+  js.push("  this.resize();");
+  js.push("  window.addEventListener('resize', function () { game.resize(); });");
+  js.push("");
+  js.push("  var gl = this.gl;");
+  js.push("  var vs = gl.createShader(gl.VERTEX_SHADER);");
+  js.push("  gl.shaderSource(vs, VS_SRC);");
+  js.push("  gl.compileShader(vs);");
+  js.push("  var fsh = gl.createShader(gl.FRAGMENT_SHADER);");
+  js.push("  gl.shaderSource(fsh, FS_SRC);");
+  js.push("  gl.compileShader(fsh);");
+  js.push("");
+  js.push("  this.program = gl.createProgram();");
+  js.push("  gl.attachShader(this.program, vs);");
+  js.push("  gl.attachShader(this.program, fsh);");
+  js.push("  gl.bindAttribLocation(this.program, 0, 'aPos');");
+  js.push("  gl.bindAttribLocation(this.program, 1, 'aUV');");
+  js.push("  gl.bindAttribLocation(this.program, 2, 'aNormal');");
+  js.push("  gl.linkProgram(this.program);");
+  js.push("  gl.useProgram(this.program);");
+  js.push("");
+  js.push("  this.uProj = gl.getUniformLocation(this.program, 'uProj');");
+  js.push("  this.uView = gl.getUniformLocation(this.program, 'uView');");
+  js.push("  this.uSunDir = gl.getUniformLocation(this.program, 'uSunDir');");
+  js.push("  this.uSunColor = gl.getUniformLocation(this.program, 'uSunColor');");
+  js.push("  this.uAmbient = gl.getUniformLocation(this.program, 'uAmbient');");
+  js.push("  this.uFogColor = gl.getUniformLocation(this.program, 'uFogColor');");
+  js.push("  this.uFogNear = gl.getUniformLocation(this.program, 'uFogNear');");
+  js.push("  this.uFogFar = gl.getUniformLocation(this.program, 'uFogFar');");
+  js.push("  this.uCamPos = gl.getUniformLocation(this.program, 'uCamPos');");
+  js.push("  this.uTexture = gl.getUniformLocation(this.program, 'uTexture');");
+  js.push("");
+  js.push("  gl.uniform3f(this.uSunDir, " + sunD.x + ", " + sunD.y + ", " + sunD.z + ");");
+  js.push("  gl.uniform3f(this.uSunColor, 1.0, 0.95, 0.8);");
+  js.push("  gl.uniform3f(this.uAmbient, " + amb.r + ", " + amb.g + ", " + amb.b + ");");
+  js.push("  gl.uniform3f(this.uFogColor, " + fogC.r + ", " + fogC.g + ", " + fogC.b + ");");
+  js.push("  gl.uniform1f(this.uFogNear, " + fogNear + ");");
+  js.push("  gl.uniform1f(this.uFogFar, " + fogFar + ");");
+  js.push("");
+  js.push("  this.blockTexture = gl.createTexture();");
+  js.push("  gl.bindTexture(gl.TEXTURE_2D, this.blockTexture);");
+  js.push("  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 1, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, new Uint8Array([128,128,128,255]));");
+  js.push("  var texKeys = Object.keys(MODELS);");
+  js.push("  if (texKeys.length > 0 && MODELS[texKeys[0]].textureDataURL) {");
+  js.push("    var texImg = new Image();");
+  js.push("    texImg.onload = function() {");
+  js.push("      var g = game.gl;");
+  js.push("      g.bindTexture(g.TEXTURE_2D, game.blockTexture);");
+  js.push("      g.texImage2D(g.TEXTURE_2D, 0, g.RGBA, g.RGBA, g.UNSIGNED_BYTE, texImg);");
+  js.push("      g.texParameteri(g.TEXTURE_2D, g.TEXTURE_MIN_FILTER, g.NEAREST);");
+  js.push("      g.texParameteri(g.TEXTURE_2D, g.TEXTURE_MAG_FILTER, g.NEAREST);");
+  js.push("      g.texParameteri(g.TEXTURE_2D, g.TEXTURE_WRAP_S, g.CLAMP_TO_EDGE);");
+  js.push("      g.texParameteri(g.TEXTURE_2D, g.TEXTURE_WRAP_T, g.CLAMP_TO_EDGE);");
+  js.push("    };");
+  js.push("    texImg.src = MODELS[texKeys[0]].textureDataURL;");
+  js.push("  }");
+  js.push("");
+  js.push("  gl.enable(gl.DEPTH_TEST);");
+  js.push("  gl.enable(gl.CULL_FACE);");
+  js.push("  gl.cullFace(gl.BACK);");
+  js.push("  gl.clearColor(" + sky.r + ", " + sky.g + ", " + sky.b + ", 1.0);");
+  js.push("");
+  js.push("  updateChunks();");
+  js.push("");
+  js.push("  document.addEventListener('keydown', function (e) { game.keys[e.code] = true; });");
+  js.push("  document.addEventListener('keyup', function (e) { game.keys[e.code] = false; });");
+  js.push("  document.addEventListener('mousemove', function (e) {");
+  js.push("    if (!game.locked) return;");
+  js.push("    game.yaw += e.movementX * 0.002;");
+  js.push("    game.pitch -= e.movementY * 0.002;");
+  js.push("    game.pitch = Math.max(-Math.PI/2 + 0.01, Math.min(Math.PI/2 - 0.01, game.pitch));");
+  js.push("  });");
+  js.push("");
+  js.push("  this.canvas.addEventListener('click', function () {");
+  js.push("    game.canvas.requestPointerLock();");
+  js.push("  });");
+  js.push("  document.addEventListener('pointerlockchange', function () {");
+  js.push("    game.locked = document.pointerLockElement === game.canvas;");
+  js.push("    document.getElementById('crosshair').style.display = game.locked ? 'block' : 'none';");
+  js.push("  });");
+  js.push("");
+  js.push("  setInterval(function () { game.fps = game.frames; game.frames = 0; }, 1000);");
+  js.push("");
+  js.push("  game.started = true;");
+  js.push("  game.loop();");
+  js.push("};");
+  js.push("");
+
+  // Resize
+  js.push("game.resize = function () {");
+  js.push("  this.canvas.width = window.innerWidth;");
+  js.push("  this.canvas.height = window.innerHeight;");
+  js.push("  this.gl.viewport(0, 0, this.canvas.width, this.canvas.height);");
+  js.push("};");
+  js.push("");
+
+  // Update
+  js.push("game.update = function () {");
+  js.push("  if (!this.locked) return;");
+  js.push("  var speed = this.speed;");
+  js.push("  var sprint = this.keys['ShiftLeft'] || this.keys['ShiftRight'];");
+  js.push("  if (sprint) speed *= 1.8;");
+  js.push("  var dx = 0, dz = 0;");
+  js.push("  var sinY = Math.sin(this.yaw);");
+  js.push("  var cosY = Math.cos(this.yaw);");
+  js.push("  if (this.keys['KeyW']) { dx -= sinY * speed; dz -= cosY * speed; }");
+  js.push("  if (this.keys['KeyS']) { dx += sinY * speed; dz += cosY * speed; }");
+  js.push("  if (this.keys['KeyA']) { dx -= cosY * speed; dz += sinY * speed; }");
+  js.push("  if (this.keys['KeyD']) { dx += cosY * speed; dz -= sinY * speed; }");
+  js.push("  this.camX += dx;");
+  js.push("  this.camZ += dz;");
+  js.push("  this.velY -= this.gravity;");
+  js.push("  this.camY += this.velY;");
+  js.push("  if (this.camY < 1 + 1.6) {");
+  js.push("    this.camY = 1 + 1.6;");
+  js.push("    this.velY = 0;");
+  js.push("    this.onGround = true;");
+  js.push("  } else {");
+  js.push("    this.onGround = false;");
+  js.push("  }");
+  js.push("  if (this.keys['Space'] && this.onGround) {");
+  js.push("    this.velY = this.jumpHeight;");
+  js.push("    this.onGround = false;");
+  js.push("  }");
+  js.push("};");
+  js.push("");
+
+  // Render
+  js.push("game.render = function () {");
+  js.push("  var gl = this.gl;");
+  js.push("  gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);");
+  js.push("");
+  js.push("  var fovRad = " + fov + " * Math.PI / 180;");
+  js.push("  var aspect = this.canvas.width / this.canvas.height;");
+  js.push("  var near = 0.1, far = 300;");
+  js.push("  var f = 1.0 / Math.tan(fovRad / 2);");
+  js.push("  var proj = new Float32Array([");
+  js.push("    f/aspect, 0, 0, 0,");
+  js.push("    0, f, 0, 0,");
+  js.push("    0, 0, (far+near)/(near-far), -1,");
+  js.push("    0, 0, (2*far*near)/(near-far), 0");
+  js.push("  ]);");
+  js.push("  gl.uniformMatrix4fv(this.uProj, false, proj);");
+  js.push("");
+  js.push("  var cp = Math.cos(this.pitch), sp = Math.sin(this.pitch);");
+  js.push("  var cy = Math.cos(this.yaw), sy = Math.sin(this.yaw);");
+  js.push("  var fx = -sy*cp, fy = sp, fz = -cy*cp;");
+  js.push("  var rx = fy*0 - fz*1, ry = fz*0 - fx*0, rz = fx*1 - fy*0;");
+  js.push("  var rl = Math.sqrt(rx*rx+ry*ry+rz*rz);");
+  js.push("  rx /= rl; ry /= rl; rz /= rl;");
+  js.push("  var ux = ry*fz-rz*fy, uy = rz*fx-rx*fz, uz = rx*fy-ry*fx;");
+  js.push("  var view = new Float32Array([");
+  js.push("    rx, ux, -fx, 0,");
+  js.push("    ry, uy, -fy, 0,");
+  js.push("    rz, uz, -fz, 0,");
+  js.push("    -(rx*this.camX+ry*this.camY+rz*this.camZ),");
+  js.push("    -(ux*this.camX+uy*this.camY+uz*this.camZ),");
+  js.push("    -(-fx*this.camX+-fy*this.camY+-fz*this.camZ),");
+  js.push("    1");
+  js.push("  ]);");
+  js.push("  gl.uniformMatrix4fv(this.uView, false, view);");
+  js.push("  gl.uniform3f(this.uCamPos, this.camX, this.camY, this.camZ);");
+  js.push("");
+  js.push("  gl.activeTexture(gl.TEXTURE0);");
+  js.push("  gl.bindTexture(gl.TEXTURE_2D, this.blockTexture);");
+  js.push("  gl.uniform1i(this.uTexture, 0);");
+  js.push("");
+  js.push("  var stride = 8 * 4;");
+  js.push("  var keys = Object.keys(this.chunks);");
+  js.push("  for (var i = 0; i < keys.length; i++) {");
+  js.push("    var chunk = this.chunks[keys[i]];");
+  js.push("    if (chunk.vertCount === 0) continue;");
+  js.push("    gl.bindBuffer(gl.ARRAY_BUFFER, chunk.vbo);");
+  js.push("    gl.enableVertexAttribArray(0);");
+  js.push("    gl.enableVertexAttribArray(1);");
+  js.push("    gl.enableVertexAttribArray(2);");
+  js.push("    gl.vertexAttribPointer(0, 3, gl.FLOAT, false, stride, 0);");
+  js.push("    gl.vertexAttribPointer(1, 2, gl.FLOAT, false, stride, 12);");
+  js.push("    gl.vertexAttribPointer(2, 3, gl.FLOAT, false, stride, 20);");
+  js.push("    gl.drawArrays(gl.TRIANGLES, 0, chunk.vertCount);");
+  js.push("  }");
+  js.push("};");
+  js.push("");
+
+  // HUD
+  js.push("game.updateHUD = function () {");
+  js.push("  var pcx = Math.floor(this.camX / CHUNK_SIZE);");
+  js.push("  var pcz = Math.floor(this.camZ / CHUNK_SIZE);");
+  js.push("  var loadedCount = Object.keys(this.chunks).length;");
+  js.push("  var sprint = this.keys['ShiftLeft'] || this.keys['ShiftRight'];");
+  js.push("  var html = '<div class=\"hud-title\">' + INFO_ID + '</div>';");
+  js.push("  html += '<div>v' + INFO_VERSION + '</div>';");
+  js.push("  html += '<div class=\"hud-sep\"></div>';");
+  js.push("  html += '<div>FPS: ' + this.fps + '</div>';");
+  js.push("  html += '<div>Triangles: ' + Math.floor(this.totalVerts / 3) + '</div>';");
+  js.push("  html += '<div>Blocks: ' + this.totalBlocks + '</div>';");
+  js.push("  html += '<div>Chunks: ' + loadedCount + '</div>';");
+  js.push("  html += '<div class=\"hud-sep\"></div>';");
+  js.push("  html += '<div>X: ' + this.camX.toFixed(1) + '</div>';");
+  js.push("  html += '<div>Y: ' + this.camY.toFixed(1) + '</div>';");
+  js.push("  html += '<div>Z: ' + this.camZ.toFixed(1) + '</div>';");
+  js.push("  html += '<div>Chunk: ' + pcx + ', ' + pcz + '</div>';");
+  js.push("  html += '<div class=\"hud-sep\"></div>';");
+  js.push("  html += '<div>Sprint: ' + (sprint ? 'ON' : 'OFF') + '</div>';");
+  js.push("  document.getElementById('hud-info').innerHTML = html;");
+  js.push("};");
+  js.push("");
+
+  // Game loop
+  js.push("game.loop = function () {");
+  js.push("  requestAnimationFrame(function () { game.loop(); });");
+  js.push("  game.frames++;");
+  js.push("  game.update();");
+  js.push("  updateChunks();");
+  js.push("  game.render();");
+  js.push("  game.updateHUD();");
+  js.push("};");
+  js.push("");
+
+  js.push("game.init();");
+
+  var html = "<!DOCTYPE html>\n<html>\n<head>\n";
+  html += "<meta charset='utf-8'>\n";
+  html += "<title>" + windowTitle + " - CaG Engine</title>\n";
+  html += "<style>\n" + css + "\n</style>\n";
+  html += "</head>\n<body>\n";
+  html += "<div id='crosshair' style='display:none'></div>\n";
+  html += "<div id='hud'><div id='hud-box'><div id='hud-info'></div></div></div>\n";
+  html += "<div id='controls-hint'><b>WASD</b> Move &nbsp; <b>Mouse</b> Look &nbsp; <b>Space</b> Jump &nbsp; <b>Shift</b> Sprint &nbsp; <b>F11</b> Fullscreen &nbsp; <b>Esc</b> Release</div>\n";
+  html += "<canvas id='cag-canvas'></canvas>\n";
+  html += "<script>\n" + js.join("\n") + "\n</script>\n";
+  html += "</body>\n</html>";
+
+  return html;
+};
+
+ElectronRunner.prototype.cleanup = function () {
+  if (fs.existsSync(this.tempDir)) {
+    this.removeDirectory(this.tempDir);
+  }
+};
+
+ElectronRunner.prototype.removeDirectory = function (dir) {
+  if (!fs.existsSync(dir)) return;
+  var entries = fs.readdirSync(dir, { withFileTypes: true });
+  for (var i = 0; i < entries.length; i++) {
+    var fullPath = path.join(dir, entries[i].name);
+    if (entries[i].isDirectory()) {
+      this.removeDirectory(fullPath);
+    } else {
+      fs.unlinkSync(fullPath);
+    }
+  }
+  fs.rmdirSync(dir);
+};
+
+ElectronRunner.extractSettings = function (executor) {
+  var settings = {};
+  var registry = executor.getRegistry();
+
+  if (registry.has("Window.API")) {
+    var windowAPI = registry.get("Window.API");
+    settings.windowTitle = windowAPI.title;
+    settings.windowWidth = windowAPI.width;
+    settings.windowHeight = windowAPI.height;
+    settings.background = windowAPI.background;
+  }
+  if (registry.has("Render.API")) {
+    var renderAPI = registry.get("Render.API");
+    settings.skyColor = renderAPI.skyColor;
+    settings.fogColor = renderAPI.fogColor;
+    settings.fogNear = renderAPI.fogNear;
+    settings.fogFar = renderAPI.fogFar;
+    settings.sunDirection = renderAPI.sunDirection;
+    settings.ambientLight = renderAPI.ambientLight;
+  }
+  if (registry.has("Camera.API")) {
+    var cameraAPI = registry.get("Camera.API");
+    settings.fov = cameraAPI.fov;
+  }
+  if (registry.has("Player.API")) {
+    var playerAPI = registry.get("Player.API");
+    settings.playerSpeed = playerAPI.speed;
+    settings.jumpHeight = playerAPI.jumpHeight;
+    settings.gravity = playerAPI.gravity;
+    settings.spawnX = playerAPI.spawnPoint.x;
+    settings.spawnY = playerAPI.spawnPoint.y;
+    settings.spawnZ = playerAPI.spawnPoint.z;
+  }
+  if (registry.has("Chunk.API")) {
+    var chunkAPI = registry.get("Chunk.API");
+    settings.chunkSize = chunkAPI.chunkSize;
+    settings.renderDistance = chunkAPI.renderDistance;
+  }
+
+  if (registry.has("Model.API")) {
+    var modelAPI = registry.get("Model.API");
+    var loadedModels = modelAPI.getLoadedModels();
+    settings.models = {};
+    if (loadedModels) {
+      var modelNames = Object.keys(loadedModels);
+      for (var mi = 0; mi < modelNames.length; mi++) {
+        var mName = modelNames[mi];
+        var model = loadedModels[mName];
+        if (model && model.valid) {
+          var texW = model.texture ? model.texture.width : 0;
+          var texH = model.texture ? model.texture.height : 0;
+          if (!texW || !texH) {
+            texW = model.geometry ? model.geometry.resolution.width : 16;
+            texH = model.geometry ? model.geometry.resolution.height : 16;
+          }
+          settings.models[mName] = {
+            uvMappings: model.uvMappings || [],
+            resolution: { width: texW, height: texH },
+            textureDataURL: model.texture && model.texture.dataURL ? model.texture.dataURL : null
+          };
+        }
+      }
+    }
+  }
+
+  return settings;
+};
+
+module.exports = ElectronRunner;