summaryrefslogtreecommitdiff
path: root/tools/shader_editor/index.html
AgeCommit message (Collapse)Author
15 hoursfix: Use placeholder technique to prevent syntax highlighting overlapskal
Replace comments/strings with placeholders, highlight rest, restore. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
16 hoursrefactor: Improve syntax highlighting to avoid overlapping matchesskal
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
16 hoursfeat: Add WGSL syntax highlightingskal
Overlay highlighting: keywords, types, attributes, functions, numbers, comments. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
16 hoursrefactor: Increase editor pane size by 20% (36% → 43%)skal
Preview: 57%, Editor: 43% Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
16 hoursfix: Remove resolutionSelect references after removing UI elementskal
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
16 hoursfeat: Remove resolution selector, enable autoplay on loadskal
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
16 hoursfix: Use 16:9 aspect ratio and object-fit contain for canvasskal
Default resolution: 1280x720 (16:9) Canvas uses object-fit: contain to preserve aspect ratio Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
16 hoursfix: Canvas fills available height instead of maintaining square aspectskal
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
16 hoursfix: Reference texture/sampler in default shader for bind group layoutskal
WebGPU auto layout requires all bindings to be used in shader. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
16 hoursfix: Use var instead of let for mutable uv in default shaderskal
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
16 hoursrefactor: Adjust shader editor layout and add default animationskal
- Editor pane: 30% → 36% (20% larger) - Preview pane: 70% → 64% - Default shader: animated gradient + pulsing circle (was plain color) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
16 hoursfeat: Add HTML WGSL shader editor toolskal
ShaderToy-like web tool for live WGSL shader editing with WebGPU preview. Features: - Live WebGPU preview with real-time shader updates - Shader composition: #include directive support - Animation controls: time, loop_time (0..1), audio_peak - File I/O: Load/save .wgsl files - CommonUniforms binding (resolution, time, beat, audio_intensity) - Keyboard shortcuts: Ctrl+S (save), Ctrl+O (load), Space (play/pause) Single-file HTML (no build step, no CORS issues). handoff(Claude): Implemented HTML WGSL shader editor per plan Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>