simplify template

.claude/commands/nourish.md

@@ -6,6 +6,7 @@ Complete conversation by updating context and applying cleanup.
 
 @CLAUDE.md
 @layers/structure.md
+@layers/context-template.md
 @llms.txt
 
 User arguments: "$ARGUMENTS"

bun.lock

@@ -14,7 +14,7 @@
         "marked": "^16.2.1",
         "monaco-editor": "^0.50.0",
         "svelte-splitpanes": "^8.0.5",
-        "vibegame": "^0.1.4",
+        "vibegame": "^0.1.6",
         "zod": "^4.1.8",
       },
       "devDependencies": {
@@ -652,6 +652,8 @@
 
     "postcss": ["postcss@8.5.6", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg=="],
 
+    "postprocessing": ["postprocessing@6.37.8", "", { "peerDependencies": { "three": ">= 0.157.0 < 0.181.0" } }, "sha512-qTFUKS51z/fuw2U+irz4/TiKJ/0oI70cNtvQG1WxlPKvBdJUfS1CcFswJd5ATY3slotWfvkDDZAsj1X0fU8BOQ=="],
+
     "prelude-ls": ["prelude-ls@1.2.1", "", {}, "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="],
 
     "prettier": ["prettier@3.6.2", "", { "bin": { "prettier": "bin/prettier.cjs" } }, "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ=="],
@@ -780,7 +782,7 @@
 
     "uuid": ["uuid@10.0.0", "", { "bin": { "uuid": "dist/bin/uuid" } }, "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ=="],
 
-    "vibegame": ["vibegame@0.1.4", "", { "dependencies": { "@dimforge/rapier3d-compat": "^0.18.2", "gsap": "^3.13.0", "zod": "^4.1.5" }, "peerDependencies": { "bitecs": ">=0.3.40", "three": ">=0.170.0" } }, "sha512-U8iZzedz/egganPKym2Kjc7ZG1YJpnZ2CuB1q+e+1H3tOPrH5rBrwUKK+5jfBtgdUkMVT451GIcXioF+YBsKHg=="],
+    "vibegame": ["vibegame@0.1.6", "", { "dependencies": { "@dimforge/rapier3d-compat": "^0.18.2", "gsap": "^3.13.0", "postprocessing": "^6.37.8", "zod": "^4.1.5" }, "peerDependencies": { "bitecs": ">=0.3.40", "three": ">=0.170.0" } }, "sha512-xls8UcndcU2jU4YlCOUR3iDQCQozHtvpuspwHrOJQiRmdozFh534WcqA03RIh0MlWpyCqNy2CWH0OtKEyAyVYg=="],
 
     "vite": ["vite@5.4.20", "", { "dependencies": { "esbuild": "^0.21.3", "postcss": "^8.4.43", "rollup": "^4.20.0" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^18.0.0 || >=20.0.0", "less": "*", "lightningcss": "^1.21.0", "sass": "*", "sass-embedded": "*", "stylus": "*", "sugarss": "*", "terser": "^5.4.0" }, "optionalPeers": ["@types/node", "less", "lightningcss", "sass", "sass-embedded", "stylus", "sugarss", "terser"], "bin": { "vite": "bin/vite.js" } }, "sha512-j3lYzGC3P+B5Yfy/pfKNgVEg4+UtcIJcVRt2cDjIOmhLourAqPqf8P7acgxeiSgUB7E3p2P8/3gNIgDLpwzs4g=="],
 

llms.txt

@@ -106,7 +106,7 @@ const DamageSystem: GAME.System = {
   update: (state) => {
     const entities = healthQuery(state.world);
     for (const entity of entities) {
-      Health.current[entity] -= 1 * state.time.delta;
+      Health.current[entity] -= 1 * state.time.deltaTime;
       if (Health.current[entity] <= 0) {
         state.destroyEntity(entity);
       }
@@ -148,6 +148,22 @@ While auto-creation is recommended, you can manually create these for customizat
 
 **Best Practice**: Use auto-creation unless you specifically need custom positions, properties, or multiple instances. The defaults are well-tuned for most games.
 
+## Post-Processing Effects
+
+```xml
+<!-- Bloom effect for glow -->
+<camera bloom="intensity: 2; luminance-threshold: 0.8"></camera>
+
+<!-- Retro dithering (reduces color palette) -->
+<camera dithering="color-bits: 3; scale: 2; noise: 1"></camera>
+
+<!-- Tonemapping for HDR-like visuals -->
+<camera tonemapping="mode: aces-filmic"></camera>
+
+<!-- Combined cinematic style -->
+<camera bloom="intensity: 1.5" tonemapping="mode: aces-filmic"></camera>
+```
+
 ## Common Game Patterns
 
 ### Basic Platformer
@@ -341,6 +357,7 @@ Recipes are registered component bundles with defaults:
 - **Third-person character control** - WASD + mouse camera
 - **Gamepad support** - Xbox/PlayStation controllers
 - **Visual effects** - Tweening colors, positions, rotations
+- **Post-processing** - Bloom, dithering, and tonemapping effects for visual styling
 
 ### Example Prompts That Work
 - "Create a platformer with moving platforms and collectible coins"
@@ -440,7 +457,7 @@ const HealthSystem: GAME.System = {
     for (const entity of entities) {
       // Regenerate health over time
       if (Health.current[entity] < Health.max[entity]) {
-        Health.current[entity] += 5 * state.time.delta;
+        Health.current[entity] += 5 * state.time.deltaTime;
       }
     }
   }
@@ -546,7 +563,7 @@ Complete player character controller with physics movement and jumping.
 Foundation for declarative XML entity creation with parent-child hierarchies and attribute shorthands.
 
 ### Rendering
-Three.js rendering pipeline with meshes, lights, and cameras.
+Three.js rendering pipeline with meshes, lights, cameras, and post-processing effects.
 
 ### Respawn
 Automatic respawn system that resets entities when falling below Y=-100.
@@ -939,6 +956,21 @@ Tag component (no properties)
 - directionZ: f32 (-1)
 - distance: f32 (30)
 
+#### Bloom
+- intensity: f32 (1.0) - Bloom intensity
+- luminanceThreshold: f32 (1.0) - Luminance threshold for bloom
+- luminanceSmoothing: f32 (0.03) - Smoothness of luminance threshold
+- mipmapBlur: ui8 (1) - Enable mipmap blur
+- radius: f32 (0.85) - Blur radius for mipmap blur
+- levels: ui8 (8) - Number of MIP levels for mipmap blur
+
+#### Dithering
+- colorBits: ui8 (4) - Bits per color channel (1-8)
+- intensity: f32 (1.0) - Effect intensity (0-1)
+- grayscale: ui8 (0) - Enable grayscale mode (0/1)
+- scale: f32 (1.0) - Pattern scale (higher = coarser dithering)
+- noise: f32 (1.0) - Noise threshold intensity
+
 ### Systems
 
 #### MeshInstanceSystem
@@ -951,11 +983,11 @@ Tag component (no properties)
 
 #### CameraSyncSystem
 - Group: draw
-- Updates Three.js camera
+- Updates Three.js camera and manages post-processing effects
 
 #### WebGLRenderSystem
 - Group: draw (last)
-- Renders scene to canvas
+- Renders scene through EffectComposer
 
 ### Functions
 

package.json

@@ -46,7 +46,7 @@
     "marked": "^16.2.1",
     "monaco-editor": "^0.50.0",
     "svelte-splitpanes": "^8.0.5",
-    "vibegame": "^0.1.4",
+    "vibegame": "^0.1.6",
     "zod": "^4.1.8"
   }
 }

src/lib/stores/editor.ts

@@ -9,47 +9,15 @@ export interface EditorState {
 const DEFAULT_CONTENT = `<canvas id="game-canvas"></canvas>
 
 <world canvas="#game-canvas" sky="#87ceeb">
-  <player pos="0 0 0"></player>
-
   <!-- Ground -->
   <static-part pos="0 -0.5 0" shape="box" size="20 1 20" color="#90ee90"></static-part>
 
   <!-- Ball -->
   <dynamic-part pos="-2 4 -3" shape="sphere" size="1" color="#ff4500"></dynamic-part>
-
-  <!-- Custom component -->
-  <entity my-component="value: 0"></entity>
 </world>
 
 <script>
-  // GAME is automatically provided by the framework
   console.log("Game script loaded!");
-
-  const MyComponent = GAME.defineComponent({
-    value: GAME.Types.i32,
-  });
-
-  const myQuery = GAME.defineQuery([MyComponent]);
-
-  const MySystem = {
-    update: (state) => {
-      const entities = myQuery(state.world);
-      for (const entity of entities) {
-        MyComponent.value[entity]++;
-        if (MyComponent.value[entity] === 100) {
-          console.log("Entity value is 100");
-        }
-      }
-    }
-  };
-
-  const MyPlugin = {
-    components: { MyComponent },
-    systems: [MySystem],
-  };
-
-  GAME.withPlugin(MyPlugin);
-  // .run() is handled by the framework
 </script>`;
 
 function createEditorStore() {