Skip to content

Add ShaderTest1 experiment with data-driven config panel#200

Open
cnotv wants to merge 2 commits into
mainfrom
experiment/landing-page-shader
Open

Add ShaderTest1 experiment with data-driven config panel#200
cnotv wants to merge 2 commits into
mainfrom
experiment/landing-page-shader

Conversation

@cnotv

@cnotv cnotv commented Jul 7, 2026

Copy link
Copy Markdown
Owner

Summary

  • Adds a new shader experiment (ShaderTest1) with an animated ripple plane, plus a ThreejsToolsShader template
  • Wires the view into the existing data-driven Config panel (same pattern as GrassGenerator), exposing a live Frequency slider bound to the shader's uFrequency uniform

Key Changes

  • src/views/Experiments/ShaderTest1/ — new view, vertex/fragment shaders, and a co-located config.ts holding the reactive config + schema for the Config panel
  • registerViewConfig/unregisterViewConfig + setViewPanels({ showConfig: true }) wire the view into useViewConfigStore, so the Config tab auto-generates a "Shader → Frequency" slider from the schema; new properties can be added by extending shaderTest1Config/shaderTest1Schema, no further plumbing needed
  • Frequency is read live inside the existing per-frame timeline action and pushed to uFrequency, so the slider updates the wave instantly without reinitializing the scene
  • src/views/Templates/ThreejsToolsShader.vue — new template

Test Plan

  • pnpm type-check passes
  • pnpm test:unit passes (1322 tests)
  • Manually verified in the browser: Config panel shows a Frequency slider defaulting to 10, dragging it reshapes the rendered wave in real time, no console errors

cnotv and others added 2 commits July 7, 2026 19:32
Extracts the view's setup config into a co-located config.ts and
registers a reactive shader config + schema with the existing
viewConfig store (same pattern as GrassGenerator), so the Config
panel auto-generates a Frequency slider bound to the uFrequency
uniform. New properties can be added by extending the config/schema
objects without further plumbing.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@netlify

netlify Bot commented Jul 7, 2026

Copy link
Copy Markdown

Deploy Preview for cnotv-generative-art ready!

Name Link
🔨 Latest commit be0b6f4
🔍 Latest deploy log https://app.netlify.com/projects/cnotv-generative-art/deploys/6a4d45b7f43df20007435658
😎 Deploy Preview https://deploy-preview-200--cnotv-generative-art.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant