phase: 20.49 COMPLETE; 20.50 Flow+String minimal reps; 20.51 selfhost v0/v1 minimal (Option A/B); hv1-inline binop/unop/copy; docs + run_all + CURRENT_TASK -> 21.0
This commit is contained in:
@ -4,7 +4,7 @@ A collection of interactive web applications demonstrating the **Everything is B
|
||||
|
||||
## 🎯 Demo Applications
|
||||
|
||||
### 1. 🎨 Interactive Drawing App (`01_drawing_app.nyash`)
|
||||
### 1. 🎨 Interactive Drawing App (`01_drawing_app.hako`)
|
||||
**Boxes Used:** `WebCanvasBox` + `CanvasEventBox` + `TimerBox`
|
||||
|
||||
- **Features:**
|
||||
@ -14,7 +14,7 @@ A collection of interactive web applications demonstrating the **Everything is B
|
||||
- Real-time mouse tracking
|
||||
- **Demonstrates:** Event handling, canvas drawing APIs, user interaction
|
||||
|
||||
### 2. ⏰ Clock & Timer (`02_clock_timer.nyash`)
|
||||
### 2. ⏰ Clock & Timer (`02_clock_timer.hako`)
|
||||
**Boxes Used:** `TimerBox` + `WebCanvasBox`
|
||||
|
||||
- **Features:**
|
||||
@ -24,7 +24,7 @@ A collection of interactive web applications demonstrating the **Everything is B
|
||||
- Real-time updates
|
||||
- **Demonstrates:** Time management, animation loops, mathematical transformations
|
||||
|
||||
### 3. 🎆 Particle Fireworks (`03_particle_fireworks.nyash`)
|
||||
### 3. 🎆 Particle Fireworks (`03_particle_fireworks.hako`)
|
||||
**Boxes Used:** `CanvasLoopBox` + `RandomBox` + `WebCanvasBox`
|
||||
|
||||
- **Features:**
|
||||
@ -34,7 +34,7 @@ A collection of interactive web applications demonstrating the **Everything is B
|
||||
- Automatic firework bursts
|
||||
- **Demonstrates:** Game physics, particle systems, animation optimization
|
||||
|
||||
### 4. 🎲 Random Color Generator (`04_color_generator.nyash`)
|
||||
### 4. 🎲 Random Color Generator (`04_color_generator.hako`)
|
||||
**Boxes Used:** `RandomBox` + `WebCanvasBox`
|
||||
|
||||
- **Features:**
|
||||
@ -44,7 +44,7 @@ A collection of interactive web applications demonstrating the **Everything is B
|
||||
- Professional color theory implementation
|
||||
- **Demonstrates:** Advanced algorithms, color science, data export
|
||||
|
||||
### 5. 🕹️ Mini Pong Game (`05_mini_pong.nyash`)
|
||||
### 5. 🕹️ Mini Pong Game (`05_mini_pong.hako`)
|
||||
**Boxes Used:** `CanvasLoopBox` + `CanvasEventBox` + `WebCanvasBox` + `RandomBox`
|
||||
|
||||
- **Features:**
|
||||
@ -55,7 +55,7 @@ A collection of interactive web applications demonstrating the **Everything is B
|
||||
- Collision detection
|
||||
- **Demonstrates:** Game development, real-time gameplay, complex state management
|
||||
|
||||
### 6. 🎵 Audio Visualizer (`06_audio_visualizer.nyash`)
|
||||
### 6. 🎵 Audio Visualizer (`06_audio_visualizer.hako`)
|
||||
**Boxes Used:** `AudioBox` + `WebCanvasBox` + `TimerBox`
|
||||
|
||||
- **Features:**
|
||||
@ -65,7 +65,7 @@ A collection of interactive web applications demonstrating the **Everything is B
|
||||
- Audio synthesis and playback
|
||||
- **Demonstrates:** Audio processing, FFT analysis, dynamic visualization
|
||||
|
||||
### 7. 📱 QR Code Generator (`07_qr_generator.nyash`)
|
||||
### 7. 📱 QR Code Generator (`07_qr_generator.hako`)
|
||||
**Boxes Used:** `QRBox` + `WebCanvasBox` + `RandomBox`
|
||||
|
||||
- **Features:**
|
||||
@ -75,7 +75,7 @@ A collection of interactive web applications demonstrating the **Everything is B
|
||||
- Batch generation support
|
||||
- **Demonstrates:** Data encoding, professional UI design, format validation
|
||||
|
||||
### 8. 📈 Real-time Data Chart (`08_data_chart.nyash`)
|
||||
### 8. 📈 Real-time Data Chart (`08_data_chart.hako`)
|
||||
**Boxes Used:** `TimerBox` + `WebCanvasBox` + `RandomBox`
|
||||
|
||||
- **Features:**
|
||||
@ -85,7 +85,7 @@ A collection of interactive web applications demonstrating the **Everything is B
|
||||
- Interactive legend
|
||||
- **Demonstrates:** Data visualization, streaming updates, mathematical charting
|
||||
|
||||
### 9. 🎮 Simple Snake Game (`09_snake_game.nyash`)
|
||||
### 9. 🎮 Simple Snake Game (`09_snake_game.hako`)
|
||||
**Boxes Used:** `CanvasLoopBox` + `CanvasEventBox` + `WebCanvasBox` + `RandomBox`
|
||||
|
||||
- **Features:**
|
||||
@ -96,7 +96,7 @@ A collection of interactive web applications demonstrating the **Everything is B
|
||||
- Professional game UI
|
||||
- **Demonstrates:** Complete game development, state management, game mechanics
|
||||
|
||||
### 10. 🎨 Collaborative Drawing Board (`10_collaborative_drawing.nyash`)
|
||||
### 10. 🎨 Collaborative Drawing Board (`10_collaborative_drawing.hako`)
|
||||
**Boxes Used:** `WebCanvasBox` + `CanvasEventBox` + `TimerBox` + `RandomBox`
|
||||
|
||||
- **Features:**
|
||||
@ -178,7 +178,7 @@ qr.generate("Hello World")
|
||||
## 🔧 Development Notes
|
||||
|
||||
### Adding New Demos
|
||||
1. Create `XX_demo_name.nyash` in this directory
|
||||
1. Create `XX_demo_name.hako` in this directory
|
||||
2. Use established Box patterns for consistency
|
||||
3. Include comprehensive comments explaining Box usage
|
||||
4. Add entry to `canvas_demos.html` for web testing
|
||||
|
||||
@ -29,7 +29,7 @@
|
||||
status.textContent = 'Interpreter initialized. Fetching Nyash script...';
|
||||
|
||||
// 3. Fetch the drawing app's source code
|
||||
const response = await fetch('01_drawing_app.nyash');
|
||||
const response = await fetch('01_drawing_app.hako');
|
||||
if (!response.ok) {
|
||||
throw new Error(`Failed to fetch script: ${response.statusText}`);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user