Shaders
header.lightDarkMode D
Gallery

Polynesian Waves 2

Polynesian Waves

A dynamic optical illusion pattern composed of nested diamond and chevron shapes that create a sense of depth and movement. The primary visual effect consists of concentric geometric forms radiating outward from multiple focal points across the canvas. The pattern exhibits a strong directional flow with diagonal lines running at approximately 50-degree angles, creating a sense of forward motion. The wave distortion effect adds subtle undulation to the linear patterns, making the rigid geometric shapes appear to ripple and flex organically. The color gradient transitions smoothly from warm red-orange tones on the left and center to vibrant lime-green on the right, with yellow serving as the transitional midpoint. The dither effect with cyan overlay adds a subtle texture and visual noise that breaks up the smoothness of the gradient, creating a slightly grainy, almost halftone-like quality. The overall effect is hypnotic and visually stimulating, with the combination of geometric precision and organic wave distortion creating tension between order and chaos. The linear dodge blend mode of the dither layer causes the cyan to brighten and enhance the underlying colors rather than darken them, adding luminosity to the composition.

Code

vue
<script setup lang="ts">
import {
  Shader,
  Dither,
  LinearGradient,
  WaveDistortion
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <LinearGradient :angle="50" color-a="#ff0808" color-b="#7bff00" color-space="oklch" edges="wrap" :end="{ x: 0.5, y: 0.5 }" :start="{ x: 0.59, y: 0.52 }" :transform="{ edges: 'mirror', rotation: 131, scale: 0.25 }" />
    <WaveDistortion :angle="110" edges="mirror" :frequency="2.4" :strength="0.09" />
    <Dither blend-mode="linearDodge" color-b="#1faede" :pixel-size="1" />
  </Shader>
</template>