ShaderBattle

Easy Patterns

Candy stripes

Diagonal stripes, 8 of each color.

Play this challenge All challenges
The target picture for the shader challenge "Candy stripes"
Recreate this picture. You pass at a 99% match, then try to write it in fewer characters than the par.

How this challenge works

You write a fragment shader that draws the picture above, live in your browser. A match bar shows how close you are, and the score combines accuracy, code size (the par is 151 characters in Unity (Built-in)) and GPU speed. Work in HLSL, GLSL, WGSL, Metal or Godot and export the result when you are done.

The numbers you need

Pink
float3(0.95, 0.4, 0.5)
Cream
float3(1.0, 0.95, 0.9)
Stripe coordinate
(uv.x + uv.y) * 8.0

Solve it in your language

Unity (Built-in), Unity (URP), Unreal, Shadertoy / WebGL, OpenGL (LWJGL, raylib), three.js, GameMaker, LÖVE (Lua), Godot, Apple (iOS, macOS), WebGPU / Bevy.

Start coding

More patterns challenges