Add configurable fluid hero visualization - #426
Conversation
|
@codex review |
![superlog-app[bot]](https://avatars.githubusercontent.com/in/3485414?s=60&v=4){kind=small}
| 0, | ||
| 0, | ||
| (far + near) * range, | ||
| -1, |
There was a problem hiding this comment.
logs · warning — Upgrade WebGL2 init failure from console.warn to console.error
Change console.warn to console.error so that error-monitoring pipelines (e.g. Sentry, Datadog RUM) that filter on severity correctly capture the shader compilation or program-link failure and alert on-call engineers when the hero canvas silently goes dark for all users on a given browser/GPU combination.
| -1, | |
| console.error("Unable to render the landing-page signal field.", error); |
Useful? React with 👍 / 👎.
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: a4572b9da0
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| if (visible && !reducedMotion && !settingsRef.current.paused) { | ||
| animationFrame = window.requestAnimationFrame(animate); | ||
| } else { | ||
| draw(3600); |
There was a problem hiding this comment.
When the user clicks Pause, restart() replaces the currently displayed frame with the hard-coded 3.6-second frame rather than freezing the animation where it was; after the page has run for more than a few seconds this produces an immediate backward jump, and Play then jumps forward to the current RAF timestamp. Track the accumulated simulation time and render that value while paused so the advertised pause control actually freezes and resumes the field.
Useful? React with 👍 / 👎.
1 participant
Summary
Validation
pnpm --filter @superlog/web typecheckpnpm --filter @superlog/web buildSummary by cubic
Replaced the landing hero with a responsive WebGL2 fluid particle-wave field and a simple “Tune waves” panel. Keeps the signup and install-prompt actions while improving visuals and performance.
FluidSignalFieldWebGL2 canvas with a GPU particle wave; adaptive grid and DPR-aware sizing.prefers-reduced-motion, stops rendering offscreen, efficient resize handling.Landinghero layout; preserved “Get started” and “Copy install prompt” CTAs.Written for commit a4572b9. Summary will update on new commits.