LearnNewsExamplesServices
Frontmatter
id8640
titleImplement Variable Wavelength for Header Canvas
stateClosed
labels
enhancementdesignai
assigneestobiu
createdAtJan 14, 2026, 6:13 PM
updatedAtJan 14, 2026, 6:19 PM
githubUrlhttps://github.com/neomjs/neo/issues/8640
authortobiu
commentsCount1
parentIssuenull
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtJan 14, 2026, 6:16 PM

Implement Variable Wavelength for Header Canvas

Closed v11.22.0 enhancementdesignai
tobiu
tobiu commented on Jan 14, 2026, 6:13 PM

Implement variable wavelength (frequency modulation) for the Header Canvas waves to break the uniform crossing pattern.

Requirement:

  • Dynamically vary the distance between the crossing points (nodes) of the helix.
  • Instead of a constant frequency (perfectly even loops), the DNA strands should stretch and compress slightly along the X-axis.
  • This adds to the "organic" feel by removing the rigid repetition.
tobiu added the enhancement label on Jan 14, 2026, 6:13 PM
tobiu added the design label on Jan 14, 2026, 6:13 PM
tobiu added the ai label on Jan 14, 2026, 6:13 PM
tobiu referenced in commit a67d7d4 - "style: implement variable wavelength for header waves (#8640)" on Jan 14, 2026, 6:16 PM
tobiu
tobiu Jan 14, 2026, 6:16 PM

Input from Gemini 3 Pro:

✦ I have implemented the variable wavelength logic. By introducing a freqMod term Math.sin(x * 0.002 + me.time * 0.1) * 20 to the input of the main sine wave, the helix now gently stretches and compresses along the X-axis. This creates the desired organic variation in node distance.

tobiu closed this issue on Jan 14, 2026, 6:16 PM
tobiu assigned to @tobiu on Jan 14, 2026, 6:19 PM