From 5a43a6ba334ebd76eff7568bd2091d11f61663a0 Mon Sep 17 00:00:00 2001
From: Egon Elbre <egonelbre@gmail.com>
Date: Sun, 7 Mar 2021 18:22:08 +0200
Subject: [PATCH 1/4] gpu: use named indexes for materials

It's hard to follow large number of elements that need to be in the
correct order. Use material types as indices, which should make the
implementation clearer.

Signed-off-by: Egon Elbre <egonelbre@gmail.com>
---
 gpu/gpu.go  | 77 +++++++++++++++++++++--------------------------------
 gpu/path.go | 14 +++++++---
 2 files changed, 42 insertions(+), 49 deletions(-)

diff --git a/gpu/gpu.go b/gpu/gpu.go
index 41604fa05..5936f9d3b 100644
--- a/gpu/gpu.go
+++ b/gpu/gpu.go
@@ -308,7 +308,7 @@ type texture struct {
 type blitter struct {
 	ctx                    driver.Device
 	viewport               image.Point
-	prog                   [3]*program
+	prog                   [materialCount]*program
 	layout                 driver.InputLayout
 	colUniforms            *blitColUniforms
 	texUniforms            *blitTexUniforms
@@ -382,6 +382,7 @@ const (
 	materialColor materialType = iota
 	materialLinearGradient
 	materialTexture
+	materialCount
 )
 
 func New(api API) (GPU, error) {
@@ -569,6 +570,7 @@ func newBlitter(ctx driver.Device) *blitter {
 	if err != nil {
 		panic(err)
 	}
+
 	b := &blitter{
 		ctx:       ctx,
 		quadVerts: quadVerts,
@@ -576,13 +578,23 @@ func newBlitter(ctx driver.Device) *blitter {
 	b.colUniforms = new(blitColUniforms)
 	b.texUniforms = new(blitTexUniforms)
 	b.linearGradientUniforms = new(blitLinearGradientUniforms)
+
 	prog, layout, err := createColorPrograms(ctx, shader_blit_vert, shader_blit_frag,
-		[3]interface{}{&b.colUniforms.vert, &b.linearGradientUniforms.vert, &b.texUniforms.vert},
-		[3]interface{}{&b.colUniforms.frag, &b.linearGradientUniforms.frag, nil},
+		[...]interface{}{
+			materialColor:          &b.colUniforms.vert,
+			materialLinearGradient: &b.linearGradientUniforms.vert,
+			materialTexture:        &b.texUniforms.vert,
+		},
+		[...]interface{}{
+			materialColor:          &b.colUniforms.frag,
+			materialLinearGradient: &b.linearGradientUniforms.frag,
+			materialTexture:        nil,
+		},
 	)
 	if err != nil {
 		panic(err)
 	}
+
 	b.prog = prog
 	b.layout = layout
 	return b
@@ -596,67 +608,40 @@ func (b *blitter) release() {
 	b.layout.Release()
 }
 
-func createColorPrograms(b driver.Device, vsSrc driver.ShaderSources, fsSrc [3]driver.ShaderSources, vertUniforms, fragUniforms [3]interface{}) ([3]*program, driver.InputLayout, error) {
-	var progs [3]*program
-	{
-		prog, err := b.NewProgram(vsSrc, fsSrc[materialTexture])
-		if err != nil {
-			return progs, nil, err
-		}
-		var vertBuffer, fragBuffer *uniformBuffer
-		if u := vertUniforms[materialTexture]; u != nil {
-			vertBuffer = newUniformBuffer(b, u)
-			prog.SetVertexUniforms(vertBuffer.buf)
-		}
-		if u := fragUniforms[materialTexture]; u != nil {
-			fragBuffer = newUniformBuffer(b, u)
-			prog.SetFragmentUniforms(fragBuffer.buf)
+func createColorPrograms(b driver.Device, vsSrc driver.ShaderSources, fsSrc [materialCount]driver.ShaderSources, vertUniforms, fragUniforms [materialCount]interface{}) (_ [materialCount]*program, _ driver.InputLayout, err error) {
+	var progs [materialCount]*program
+
+	release := func() {
+		for _, p := range progs {
+			if p != nil {
+				p.Release()
+			}
 		}
-		progs[materialTexture] = newProgram(prog, vertBuffer, fragBuffer)
 	}
-	{
-		var vertBuffer, fragBuffer *uniformBuffer
-		prog, err := b.NewProgram(vsSrc, fsSrc[materialColor])
+
+	for variant := range progs {
+		prog, err := b.NewProgram(vsSrc, fsSrc[variant])
 		if err != nil {
-			progs[materialTexture].Release()
+			release()
 			return progs, nil, err
 		}
-		if u := vertUniforms[materialColor]; u != nil {
-			vertBuffer = newUniformBuffer(b, u)
-			prog.SetVertexUniforms(vertBuffer.buf)
-		}
-		if u := fragUniforms[materialColor]; u != nil {
-			fragBuffer = newUniformBuffer(b, u)
-			prog.SetFragmentUniforms(fragBuffer.buf)
-		}
-		progs[materialColor] = newProgram(prog, vertBuffer, fragBuffer)
-	}
-	{
 		var vertBuffer, fragBuffer *uniformBuffer
-		prog, err := b.NewProgram(vsSrc, fsSrc[materialLinearGradient])
-		if err != nil {
-			progs[materialTexture].Release()
-			progs[materialColor].Release()
-			return progs, nil, err
-		}
-		if u := vertUniforms[materialLinearGradient]; u != nil {
+		if u := vertUniforms[variant]; u != nil {
 			vertBuffer = newUniformBuffer(b, u)
 			prog.SetVertexUniforms(vertBuffer.buf)
 		}
-		if u := fragUniforms[materialLinearGradient]; u != nil {
+		if u := fragUniforms[variant]; u != nil {
 			fragBuffer = newUniformBuffer(b, u)
 			prog.SetFragmentUniforms(fragBuffer.buf)
 		}
-		progs[materialLinearGradient] = newProgram(prog, vertBuffer, fragBuffer)
+		progs[variant] = newProgram(prog, vertBuffer, fragBuffer)
 	}
+
 	layout, err := b.NewInputLayout(vsSrc, []driver.InputDesc{
 		{Type: driver.DataTypeFloat, Size: 2, Offset: 0},
 		{Type: driver.DataTypeFloat, Size: 2, Offset: 4 * 2},
 	})
 	if err != nil {
-		progs[materialTexture].Release()
-		progs[materialColor].Release()
-		progs[materialLinearGradient].Release()
 		return progs, nil, err
 	}
 	return progs, layout, nil
diff --git a/gpu/path.go b/gpu/path.go
index b7ec3ba2c..ae20e9061 100644
--- a/gpu/path.go
+++ b/gpu/path.go
@@ -28,7 +28,7 @@ type pather struct {
 
 type coverer struct {
 	ctx                    driver.Device
-	prog                   [3]*program
+	prog                   [materialCount]*program
 	texUniforms            *coverTexUniforms
 	colUniforms            *coverColUniforms
 	linearGradientUniforms *coverLinearGradientUniforms
@@ -162,8 +162,16 @@ func newCoverer(ctx driver.Device) *coverer {
 	c.texUniforms = new(coverTexUniforms)
 	c.linearGradientUniforms = new(coverLinearGradientUniforms)
 	prog, layout, err := createColorPrograms(ctx, shader_cover_vert, shader_cover_frag,
-		[3]interface{}{&c.colUniforms.vert, &c.linearGradientUniforms.vert, &c.texUniforms.vert},
-		[3]interface{}{&c.colUniforms.frag, &c.linearGradientUniforms.frag, nil},
+		[materialCount]interface{}{
+			materialColor:          &c.colUniforms.vert,
+			materialLinearGradient: &c.linearGradientUniforms.vert,
+			materialTexture:        &c.texUniforms.vert,
+		},
+		[materialCount]interface{}{
+			materialColor:          &c.colUniforms.frag,
+			materialLinearGradient: &c.linearGradientUniforms.frag,
+			materialTexture:        nil,
+		},
 	)
 	if err != nil {
 		panic(err)

From 82f63d2a8c2f286953b4b27f0dcbeee50722d993 Mon Sep 17 00:00:00 2001
From: Egon Elbre <egonelbre@gmail.com>
Date: Sun, 7 Mar 2021 18:33:43 +0200
Subject: [PATCH 2/4] gpu: add radial-gradient material

Signed-off-by: Egon Elbre <egonelbre@gmail.com>
---
 gpu/compute.go                      |  3 +++
 gpu/gpu.go                          | 34 +++++++++++++++++++++++++++++
 gpu/internal/convertshaders/main.go |  4 ++++
 gpu/path.go                         | 28 ++++++++++++++++++++++++
 gpu/shaders.go                      | 27 +++++++++++++++++++++++
 5 files changed, 96 insertions(+)

diff --git a/gpu/compute.go b/gpu/compute.go
index 36b9f74f6..55704b4f6 100644
--- a/gpu/compute.go
+++ b/gpu/compute.go
@@ -614,6 +614,9 @@ func (g *compute) encodeOps(trans f32.Affine2D, viewport image.Point, ops []imag
 		case materialLinearGradient:
 			// TODO: implement.
 			g.enc.fill(f32color.NRGBAToRGBA(op.material.color1.SRGB()))
+		case materialRadialGradient:
+			// TODO: implement.
+			g.enc.fill(f32color.NRGBAToRGBA(op.material.color1.SRGB()))
 		default:
 			panic("not implemented")
 		}
diff --git a/gpu/gpu.go b/gpu/gpu.go
index 5936f9d3b..7d425f547 100644
--- a/gpu/gpu.go
+++ b/gpu/gpu.go
@@ -313,6 +313,7 @@ type blitter struct {
 	colUniforms            *blitColUniforms
 	texUniforms            *blitTexUniforms
 	linearGradientUniforms *blitLinearGradientUniforms
+	radialGradientUniforms *blitRadialGradientUniforms
 	quadVerts              driver.Buffer
 }
 
@@ -343,6 +344,16 @@ type blitLinearGradientUniforms struct {
 	}
 }
 
+type blitRadialGradientUniforms struct {
+	vert struct {
+		blitUniforms
+		_ [12]byte // Padding to a multiple of 16.
+	}
+	frag struct {
+		gradientUniforms
+	}
+}
+
 type uniformBuffer struct {
 	buf driver.Buffer
 	ptr []byte
@@ -381,6 +392,7 @@ const (
 const (
 	materialColor materialType = iota
 	materialLinearGradient
+	materialRadialGradient
 	materialTexture
 	materialCount
 )
@@ -578,16 +590,19 @@ func newBlitter(ctx driver.Device) *blitter {
 	b.colUniforms = new(blitColUniforms)
 	b.texUniforms = new(blitTexUniforms)
 	b.linearGradientUniforms = new(blitLinearGradientUniforms)
+	b.radialGradientUniforms = new(blitRadialGradientUniforms)
 
 	prog, layout, err := createColorPrograms(ctx, shader_blit_vert, shader_blit_frag,
 		[...]interface{}{
 			materialColor:          &b.colUniforms.vert,
 			materialLinearGradient: &b.linearGradientUniforms.vert,
+			materialRadialGradient: &b.radialGradientUniforms.vert,
 			materialTexture:        &b.texUniforms.vert,
 		},
 		[...]interface{}{
 			materialColor:          &b.colUniforms.frag,
 			materialLinearGradient: &b.linearGradientUniforms.frag,
+			materialRadialGradient: &b.radialGradientUniforms.frag,
 			materialTexture:        nil,
 		},
 	)
@@ -1071,6 +1086,14 @@ func (d *drawState) materialFor(rect f32.Rectangle, off f32.Point, partTrans f32
 		m.color2 = f32color.LinearFromSRGB(d.color2)
 		m.opaque = m.color1.A == 1.0 && m.color2.A == 1.0
 
+		m.uvTrans = partTrans.Mul(gradientSpaceTransform(clip, off, d.stop1, d.stop2))
+	case materialRadialGradient:
+		m.material = materialRadialGradient
+
+		m.color1 = f32color.LinearFromSRGB(d.color1)
+		m.color2 = f32color.LinearFromSRGB(d.color2)
+		m.opaque = m.color1.A == 1.0 && m.color2.A == 1.0
+
 		m.uvTrans = partTrans.Mul(gradientSpaceTransform(clip, off, d.stop1, d.stop2))
 	case materialTexture:
 		m.material = materialTexture
@@ -1166,11 +1189,13 @@ func (b *blitter) blit(z float32, mat materialType, col f32color.RGBA, col1, col
 	case materialColor:
 		b.colUniforms.frag.color = col
 		uniforms = &b.colUniforms.vert.blitUniforms
+
 	case materialTexture:
 		t1, t2, t3, t4, t5, t6 := uvTrans.Elems()
 		b.texUniforms.vert.blitUniforms.uvTransformR1 = [4]float32{t1, t2, t3, 0}
 		b.texUniforms.vert.blitUniforms.uvTransformR2 = [4]float32{t4, t5, t6, 0}
 		uniforms = &b.texUniforms.vert.blitUniforms
+
 	case materialLinearGradient:
 		b.linearGradientUniforms.frag.color1 = col1
 		b.linearGradientUniforms.frag.color2 = col2
@@ -1179,6 +1204,15 @@ func (b *blitter) blit(z float32, mat materialType, col f32color.RGBA, col1, col
 		b.linearGradientUniforms.vert.blitUniforms.uvTransformR1 = [4]float32{t1, t2, t3, 0}
 		b.linearGradientUniforms.vert.blitUniforms.uvTransformR2 = [4]float32{t4, t5, t6, 0}
 		uniforms = &b.linearGradientUniforms.vert.blitUniforms
+
+	case materialRadialGradient:
+		b.radialGradientUniforms.frag.color1 = col1
+		b.radialGradientUniforms.frag.color2 = col2
+
+		t1, t2, t3, t4, t5, t6 := uvTrans.Elems()
+		b.radialGradientUniforms.vert.blitUniforms.uvTransformR1 = [4]float32{t1, t2, t3, 0}
+		b.radialGradientUniforms.vert.blitUniforms.uvTransformR2 = [4]float32{t4, t5, t6, 0}
+		uniforms = &b.radialGradientUniforms.vert.blitUniforms
 	}
 	uniforms.z = z
 	uniforms.transform = [4]float32{scale.X, scale.Y, off.X, off.Y}
diff --git a/gpu/internal/convertshaders/main.go b/gpu/internal/convertshaders/main.go
index 92b98790e..7f309402b 100644
--- a/gpu/internal/convertshaders/main.go
+++ b/gpu/internal/convertshaders/main.go
@@ -268,6 +268,10 @@ func (conv *Converter) Shader(shaderPath string) ([]driver.ShaderSources, error)
 			FetchColorExpr: `mix(_color1, _color2, clamp(vUV.x, 0.0, 1.0))`,
 			Header:         `layout(binding=0) uniform Gradient { vec4 _color1; vec4 _color2; };`,
 		},
+		{
+			FetchColorExpr: `mix(_color1, _color2, clamp(length(vUV), 0.0, 1.0))`,
+			Header:         `layout(binding=0) uniform Gradient { vec4 _color1; vec4 _color2; };`,
+		},
 		{
 			FetchColorExpr: `texture(tex, vUV)`,
 			Header:         `layout(binding=0) uniform sampler2D tex;`,
diff --git a/gpu/path.go b/gpu/path.go
index ae20e9061..ce75cb00f 100644
--- a/gpu/path.go
+++ b/gpu/path.go
@@ -32,6 +32,7 @@ type coverer struct {
 	texUniforms            *coverTexUniforms
 	colUniforms            *coverColUniforms
 	linearGradientUniforms *coverLinearGradientUniforms
+	radialGradientUniforms *coverRadialGradientUniforms
 	layout                 driver.InputLayout
 }
 
@@ -62,6 +63,16 @@ type coverLinearGradientUniforms struct {
 	}
 }
 
+type coverRadialGradientUniforms struct {
+	vert struct {
+		coverUniforms
+		_ [12]byte // Padding to multiple of 16.
+	}
+	frag struct {
+		gradientUniforms
+	}
+}
+
 type coverUniforms struct {
 	transform        [4]float32
 	uvCoverTransform [4]float32
@@ -158,24 +169,30 @@ func newCoverer(ctx driver.Device) *coverer {
 	c := &coverer{
 		ctx: ctx,
 	}
+
 	c.colUniforms = new(coverColUniforms)
 	c.texUniforms = new(coverTexUniforms)
 	c.linearGradientUniforms = new(coverLinearGradientUniforms)
+	c.radialGradientUniforms = new(coverRadialGradientUniforms)
+
 	prog, layout, err := createColorPrograms(ctx, shader_cover_vert, shader_cover_frag,
 		[materialCount]interface{}{
 			materialColor:          &c.colUniforms.vert,
 			materialLinearGradient: &c.linearGradientUniforms.vert,
+			materialRadialGradient: &c.radialGradientUniforms.vert,
 			materialTexture:        &c.texUniforms.vert,
 		},
 		[materialCount]interface{}{
 			materialColor:          &c.colUniforms.frag,
 			materialLinearGradient: &c.linearGradientUniforms.frag,
+			materialRadialGradient: &c.radialGradientUniforms.frag,
 			materialTexture:        nil,
 		},
 	)
 	if err != nil {
 		panic(err)
 	}
+
 	c.prog = prog
 	c.layout = layout
 	return c
@@ -394,6 +411,7 @@ func (c *coverer) cover(z float32, mat materialType, col f32color.RGBA, col1, co
 	case materialColor:
 		c.colUniforms.frag.color = col
 		uniforms = &c.colUniforms.vert.coverUniforms
+
 	case materialLinearGradient:
 		c.linearGradientUniforms.frag.color1 = col1
 		c.linearGradientUniforms.frag.color2 = col2
@@ -402,6 +420,16 @@ func (c *coverer) cover(z float32, mat materialType, col f32color.RGBA, col1, co
 		c.linearGradientUniforms.vert.uvTransformR1 = [4]float32{t1, t2, t3, 0}
 		c.linearGradientUniforms.vert.uvTransformR2 = [4]float32{t4, t5, t6, 0}
 		uniforms = &c.linearGradientUniforms.vert.coverUniforms
+
+	case materialRadialGradient:
+		c.radialGradientUniforms.frag.color1 = col1
+		c.radialGradientUniforms.frag.color2 = col2
+
+		t1, t2, t3, t4, t5, t6 := uvTrans.Elems()
+		c.radialGradientUniforms.vert.uvTransformR1 = [4]float32{t1, t2, t3, 0}
+		c.radialGradientUniforms.vert.uvTransformR2 = [4]float32{t4, t5, t6, 0}
+		uniforms = &c.radialGradientUniforms.vert.coverUniforms
+
 	case materialTexture:
 		t1, t2, t3, t4, t5, t6 := uvTrans.Elems()
 		c.texUniforms.vert.uvTransformR1 = [4]float32{t1, t2, t3, 0}
diff --git a/gpu/shaders.go b/gpu/shaders.go
index 4ef02174b..1c4f16bab 100644
--- a/gpu/shaders.go
+++ b/gpu/shaders.go
@@ -40,6 +40,19 @@ var (
 			GLSL150:   "#version 150\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n};\n\nuniform Gradient _12;\n\nout vec4 fragColor;\nin vec2 vUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp(vUV.x, 0.0, 1.0)));\n}\n\n",
 			HLSL:      []byte{0x44, 0x58, 0x42, 0x43, 0xc0, 0x43, 0x72, 0x3d, 0x68, 0xc9, 0x38, 0x57, 0x9f, 0xa3, 0x60, 0xa8, 0xae, 0xd2, 0xa2, 0xf0, 0x1, 0x0, 0x0, 0x0, 0x40, 0x3, 0x0, 0x0, 0x6, 0x0, 0x0, 0x0, 0x38, 0x0, 0x0, 0x0, 0xcc, 0x0, 0x0, 0x0, 0x74, 0x1, 0x0, 0x0, 0xf0, 0x1, 0x0, 0x0, 0xd8, 0x2, 0x0, 0x0, 0xc, 0x3, 0x0, 0x0, 0x41, 0x6f, 0x6e, 0x39, 0x8c, 0x0, 0x0, 0x0, 0x8c, 0x0, 0x0, 0x0, 0x0, 0x2, 0xff, 0xff, 0x5c, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x1, 0x0, 0x24, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x24, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0xff, 0xff, 0x1f, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x80, 0x0, 0x0, 0x3, 0xb0, 0x1, 0x0, 0x0, 0x2, 0x0, 0x0, 0x18, 0x80, 0x0, 0x0, 0x0, 0xb0, 0x1, 0x0, 0x0, 0x2, 0x1, 0x0, 0xf, 0x80, 0x0, 0x0, 0xe4, 0xa0, 0x2, 0x0, 0x0, 0x3, 0x1, 0x0, 0xf, 0x80, 0x1, 0x0, 0xe4, 0x81, 0x1, 0x0, 0xe4, 0xa0, 0x4, 0x0, 0x0, 0x4, 0x0, 0x0, 0xf, 0x80, 0x0, 0x0, 0xff, 0x80, 0x1, 0x0, 0xe4, 0x80, 0x0, 0x0, 0xe4, 0xa0, 0x1, 0x0, 0x0, 0x2, 0x0, 0x8, 0xf, 0x80, 0x0, 0x0, 0xe4, 0x80, 0xff, 0xff, 0x0, 0x0, 0x53, 0x48, 0x44, 0x52, 0xa0, 0x0, 0x0, 0x0, 0x40, 0x0, 0x0, 0x0, 0x28, 0x0, 0x0, 0x0, 0x59, 0x0, 0x0, 0x4, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x62, 0x10, 0x0, 0x3, 0x12, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x65, 0x0, 0x0, 0x3, 0xf2, 0x20, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x68, 0x0, 0x0, 0x2, 0x2, 0x0, 0x0, 0x0, 0x36, 0x20, 0x0, 0x5, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0xf2, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x80, 0x41, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x32, 0x0, 0x0, 0xa, 0xf2, 0x20, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x6, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0xe, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3e, 0x0, 0x0, 0x1, 0x53, 0x54, 0x41, 0x54, 0x74, 0x0, 0x0, 0x0, 0x4, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x52, 0x44, 0x45, 0x46, 0xe0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x48, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1c, 0x0, 0x0, 0x0, 0x0, 0x4, 0xff, 0xff, 0x0, 0x1, 0x0, 0x0, 0xb7, 0x0, 0x0, 0x0, 0x3c, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x47, 0x72, 0x61, 0x64, 0x69, 0x65, 0x6e, 0x74, 0x0, 0xab, 0xab, 0xab, 0x3c, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x60, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x90, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x9c, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xac, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x9c, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x63, 0x6f, 0x6c, 0x6f, 0x72, 0x31, 0x0, 0xab, 0x1, 0x0, 0x3, 0x0, 0x1, 0x0, 0x4, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x63, 0x6f, 0x6c, 0x6f, 0x72, 0x32, 0x0, 0x4d, 0x69, 0x63, 0x72, 0x6f, 0x73, 0x6f, 0x66, 0x74, 0x20, 0x28, 0x52, 0x29, 0x20, 0x48, 0x4c, 0x53, 0x4c, 0x20, 0x53, 0x68, 0x61, 0x64, 0x65, 0x72, 0x20, 0x43, 0x6f, 0x6d, 0x70, 0x69, 0x6c, 0x65, 0x72, 0x20, 0x31, 0x30, 0x2e, 0x31, 0x0, 0xab, 0x49, 0x53, 0x47, 0x4e, 0x2c, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x8, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x1, 0x0, 0x0, 0x54, 0x45, 0x58, 0x43, 0x4f, 0x4f, 0x52, 0x44, 0x0, 0xab, 0xab, 0xab, 0x4f, 0x53, 0x47, 0x4e, 0x2c, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x8, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xf, 0x0, 0x0, 0x0, 0x53, 0x56, 0x5f, 0x54, 0x61, 0x72, 0x67, 0x65, 0x74, 0x0, 0xab, 0xab},
 		},
+		{
+			Name: "blit.frag",
+			Uniforms: driver.UniformsReflection{
+				Blocks:    []driver.UniformBlock{{Name: "Gradient", Binding: 0}},
+				Locations: []driver.UniformLocation{{Name: "_12._color1", Type: 0x0, Size: 4, Offset: 0}, {Name: "_12._color2", Type: 0x0, Size: 4, Offset: 16}},
+				Size:      32,
+			},
+			GLSL100ES: "precision mediump float;\nprecision highp int;\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n};\n\nuniform Gradient _12;\n\nvarying vec2 vUV;\n\nvoid main()\n{\n    gl_FragData[0] = mix(_12._color1, _12._color2, vec4(clamp(length(vUV), 0.0, 1.0)));\n}\n\n",
+			GLSL300ES: "#version 300 es\nprecision mediump float;\nprecision highp int;\n\nlayout(std140) uniform Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n} _12;\n\nlayout(location = 0) out vec4 fragColor;\nin vec2 vUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp(length(vUV), 0.0, 1.0)));\n}\n\n",
+			GLSL130:   "#version 130\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n};\n\nuniform Gradient _12;\n\nout vec4 fragColor;\nin vec2 vUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp(length(vUV), 0.0, 1.0)));\n}\n\n",
+			GLSL150:   "#version 150\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n};\n\nuniform Gradient _12;\n\nout vec4 fragColor;\nin vec2 vUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp(length(vUV), 0.0, 1.0)));\n}\n\n",
+			HLSL:      []byte{0x44, 0x58, 0x42, 0x43, 0x10, 0x3d, 0xc, 0x8f, 0x81, 0xf3, 0x6e, 0x92, 0x13, 0x1a, 0x49, 0x47, 0xa2, 0xfa, 0x6e, 0xd1, 0x1, 0x0, 0x0, 0x0, 0xb0, 0x3, 0x0, 0x0, 0x6, 0x0, 0x0, 0x0, 0x38, 0x0, 0x0, 0x0, 0x4, 0x1, 0x0, 0x0, 0xe4, 0x1, 0x0, 0x0, 0x60, 0x2, 0x0, 0x0, 0x48, 0x3, 0x0, 0x0, 0x7c, 0x3, 0x0, 0x0, 0x41, 0x6f, 0x6e, 0x39, 0xc4, 0x0, 0x0, 0x0, 0xc4, 0x0, 0x0, 0x0, 0x0, 0x2, 0xff, 0xff, 0x94, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x1, 0x0, 0x24, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x24, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0xff, 0xff, 0x51, 0x0, 0x0, 0x5, 0x2, 0x0, 0xf, 0xa0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1f, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x80, 0x0, 0x0, 0x3, 0xb0, 0x5a, 0x0, 0x0, 0x4, 0x0, 0x0, 0x8, 0x80, 0x0, 0x0, 0xe4, 0xb0, 0x0, 0x0, 0xe4, 0xb0, 0x2, 0x0, 0x0, 0xa0, 0x7, 0x0, 0x0, 0x2, 0x0, 0x0, 0x1, 0x80, 0x0, 0x0, 0xff, 0x80, 0x6, 0x0, 0x0, 0x2, 0x0, 0x0, 0x11, 0x80, 0x0, 0x0, 0x0, 0x80, 0x1, 0x0, 0x0, 0x2, 0x1, 0x0, 0xf, 0x80, 0x0, 0x0, 0xe4, 0xa0, 0x2, 0x0, 0x0, 0x3, 0x1, 0x0, 0xf, 0x80, 0x1, 0x0, 0xe4, 0x81, 0x1, 0x0, 0xe4, 0xa0, 0x4, 0x0, 0x0, 0x4, 0x0, 0x0, 0xf, 0x80, 0x0, 0x0, 0x0, 0x80, 0x1, 0x0, 0xe4, 0x80, 0x0, 0x0, 0xe4, 0xa0, 0x1, 0x0, 0x0, 0x2, 0x0, 0x8, 0xf, 0x80, 0x0, 0x0, 0xe4, 0x80, 0xff, 0xff, 0x0, 0x0, 0x53, 0x48, 0x44, 0x52, 0xd8, 0x0, 0x0, 0x0, 0x40, 0x0, 0x0, 0x0, 0x36, 0x0, 0x0, 0x0, 0x59, 0x0, 0x0, 0x4, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x62, 0x10, 0x0, 0x3, 0x32, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x65, 0x0, 0x0, 0x3, 0xf2, 0x20, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x68, 0x0, 0x0, 0x2, 0x2, 0x0, 0x0, 0x0, 0xf, 0x0, 0x0, 0x7, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x4b, 0x0, 0x0, 0x5, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x33, 0x0, 0x0, 0x7, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x40, 0x0, 0x0, 0x0, 0x0, 0x80, 0x3f, 0x0, 0x0, 0x0, 0xa, 0xf2, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x80, 0x41, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x32, 0x0, 0x0, 0xa, 0xf2, 0x20, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x6, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0xe, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3e, 0x0, 0x0, 0x1, 0x53, 0x54, 0x41, 0x54, 0x74, 0x0, 0x0, 0x0, 0x6, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x5, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x52, 0x44, 0x45, 0x46, 0xe0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x48, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1c, 0x0, 0x0, 0x0, 0x0, 0x4, 0xff, 0xff, 0x0, 0x1, 0x0, 0x0, 0xb7, 0x0, 0x0, 0x0, 0x3c, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x47, 0x72, 0x61, 0x64, 0x69, 0x65, 0x6e, 0x74, 0x0, 0xab, 0xab, 0xab, 0x3c, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x60, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x90, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x9c, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xac, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x9c, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x63, 0x6f, 0x6c, 0x6f, 0x72, 0x31, 0x0, 0xab, 0x1, 0x0, 0x3, 0x0, 0x1, 0x0, 0x4, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x63, 0x6f, 0x6c, 0x6f, 0x72, 0x32, 0x0, 0x4d, 0x69, 0x63, 0x72, 0x6f, 0x73, 0x6f, 0x66, 0x74, 0x20, 0x28, 0x52, 0x29, 0x20, 0x48, 0x4c, 0x53, 0x4c, 0x20, 0x53, 0x68, 0x61, 0x64, 0x65, 0x72, 0x20, 0x43, 0x6f, 0x6d, 0x70, 0x69, 0x6c, 0x65, 0x72, 0x20, 0x31, 0x30, 0x2e, 0x31, 0x0, 0xab, 0x49, 0x53, 0x47, 0x4e, 0x2c, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x8, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x3, 0x0, 0x0, 0x54, 0x45, 0x58, 0x43, 0x4f, 0x4f, 0x52, 0x44, 0x0, 0xab, 0xab, 0xab, 0x4f, 0x53, 0x47, 0x4e, 0x2c, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x8, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xf, 0x0, 0x0, 0x0, 0x53, 0x56, 0x5f, 0x54, 0x61, 0x72, 0x67, 0x65, 0x74, 0x0, 0xab, 0xab},
+		},
 		{
 			Name:      "blit.frag",
 			Textures:  []driver.TextureBinding{{Name: "tex", Binding: 0}},
@@ -113,6 +126,20 @@ var (
 			GLSL150:   "#version 150\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n};\n\nuniform Gradient _12;\n\nuniform sampler2D cover;\n\nout vec4 fragColor;\nin vec2 vUV;\nin vec2 vCoverUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp(vUV.x, 0.0, 1.0)));\n    float cover_1 = min(abs(texture(cover, vCoverUV).x), 1.0);\n    fragColor *= cover_1;\n}\n\n",
 			HLSL:      []byte{0x44, 0x58, 0x42, 0x43, 0xd2, 0x27, 0xbe, 0xa0, 0xfc, 0x1b, 0xe8, 0x79, 0xd, 0x99, 0xe5, 0xb7, 0xfe, 0x6f, 0x25, 0x6f, 0x1, 0x0, 0x0, 0x0, 0x70, 0x4, 0x0, 0x0, 0x6, 0x0, 0x0, 0x0, 0x38, 0x0, 0x0, 0x0, 0x8, 0x1, 0x0, 0x0, 0x38, 0x2, 0x0, 0x0, 0xb4, 0x2, 0x0, 0x0, 0xf0, 0x3, 0x0, 0x0, 0x3c, 0x4, 0x0, 0x0, 0x41, 0x6f, 0x6e, 0x39, 0xc8, 0x0, 0x0, 0x0, 0xc8, 0x0, 0x0, 0x0, 0x0, 0x2, 0xff, 0xff, 0x94, 0x0, 0x0, 0x0, 0x34, 0x0, 0x0, 0x0, 0x1, 0x0, 0x28, 0x0, 0x0, 0x0, 0x34, 0x0, 0x0, 0x0, 0x34, 0x0, 0x1, 0x0, 0x24, 0x0, 0x0, 0x0, 0x34, 0x0, 0x1, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0xff, 0xff, 0x1f, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x80, 0x0, 0x0, 0xf, 0xb0, 0x1f, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x90, 0x0, 0x8, 0xf, 0xa0, 0x42, 0x0, 0x0, 0x3, 0x0, 0x0, 0xf, 0x80, 0x0, 0x0, 0xe4, 0xb0, 0x0, 0x8, 0xe4, 0xa0, 0x1, 0x0, 0x0, 0x2, 0x0, 0x0, 0x12, 0x80, 0x0, 0x0, 0xff, 0xb0, 0x1, 0x0, 0x0, 0x2, 0x1, 0x0, 0xf, 0x80, 0x0, 0x0, 0xe4, 0xa0, 0x2, 0x0, 0x0, 0x3, 0x1, 0x0, 0xf, 0x80, 0x1, 0x0, 0xe4, 0x81, 0x1, 0x0, 0xe4, 0xa0, 0x4, 0x0, 0x0, 0x4, 0x1, 0x0, 0xf, 0x80, 0x0, 0x0, 0x55, 0x80, 0x1, 0x0, 0xe4, 0x80, 0x0, 0x0, 0xe4, 0xa0, 0x23, 0x0, 0x0, 0x2, 0x0, 0x0, 0x11, 0x80, 0x0, 0x0, 0x0, 0x80, 0x5, 0x0, 0x0, 0x3, 0x0, 0x0, 0xf, 0x80, 0x0, 0x0, 0x0, 0x80, 0x1, 0x0, 0xe4, 0x80, 0x1, 0x0, 0x0, 0x2, 0x0, 0x8, 0xf, 0x80, 0x0, 0x0, 0xe4, 0x80, 0xff, 0xff, 0x0, 0x0, 0x53, 0x48, 0x44, 0x52, 0x28, 0x1, 0x0, 0x0, 0x40, 0x0, 0x0, 0x0, 0x4a, 0x0, 0x0, 0x0, 0x59, 0x0, 0x0, 0x4, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x5a, 0x0, 0x0, 0x3, 0x0, 0x60, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x58, 0x18, 0x0, 0x4, 0x0, 0x70, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x55, 0x55, 0x0, 0x0, 0x62, 0x10, 0x0, 0x3, 0x32, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x62, 0x10, 0x0, 0x3, 0x42, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x65, 0x0, 0x0, 0x3, 0xf2, 0x20, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x68, 0x0, 0x0, 0x2, 0x2, 0x0, 0x0, 0x0, 0x36, 0x20, 0x0, 0x5, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2a, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0xf2, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x80, 0x41, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x32, 0x0, 0x0, 0xa, 0xf2, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x6, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0xe, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x45, 0x0, 0x0, 0x9, 0xf2, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x7e, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x60, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x33, 0x0, 0x0, 0x8, 0x12, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x80, 0x81, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x40, 0x0, 0x0, 0x0, 0x0, 0x80, 0x3f, 0x38, 0x0, 0x0, 0x7, 0xf2, 0x20, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0xe, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x6, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x3e, 0x0, 0x0, 0x1, 0x53, 0x54, 0x41, 0x54, 0x74, 0x0, 0x0, 0x0, 0x7, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x4, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x52, 0x44, 0x45, 0x46, 0x34, 0x1, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x9c, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x1c, 0x0, 0x0, 0x0, 0x0, 0x4, 0xff, 0xff, 0x0, 0x1, 0x0, 0x0, 0xb, 0x1, 0x0, 0x0, 0x7c, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x8b, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x5, 0x0, 0x0, 0x0, 0x4, 0x0, 0x0, 0x0, 0xff, 0xff, 0xff, 0xff, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0xd, 0x0, 0x0, 0x0, 0x91, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x5f, 0x63, 0x6f, 0x76, 0x65, 0x72, 0x5f, 0x73, 0x61, 0x6d, 0x70, 0x6c, 0x65, 0x72, 0x0, 0x63, 0x6f, 0x76, 0x65, 0x72, 0x0, 0x47, 0x72, 0x61, 0x64, 0x69, 0x65, 0x6e, 0x74, 0x0, 0xab, 0xab, 0x91, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0xb4, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xe4, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0xf0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0xf0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x63, 0x6f, 0x6c, 0x6f, 0x72, 0x31, 0x0, 0xab, 0x1, 0x0, 0x3, 0x0, 0x1, 0x0, 0x4, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x63, 0x6f, 0x6c, 0x6f, 0x72, 0x32, 0x0, 0x4d, 0x69, 0x63, 0x72, 0x6f, 0x73, 0x6f, 0x66, 0x74, 0x20, 0x28, 0x52, 0x29, 0x20, 0x48, 0x4c, 0x53, 0x4c, 0x20, 0x53, 0x68, 0x61, 0x64, 0x65, 0x72, 0x20, 0x43, 0x6f, 0x6d, 0x70, 0x69, 0x6c, 0x65, 0x72, 0x20, 0x31, 0x30, 0x2e, 0x31, 0x0, 0xab, 0x49, 0x53, 0x47, 0x4e, 0x44, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x8, 0x0, 0x0, 0x0, 0x38, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x3, 0x0, 0x0, 0x38, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xc, 0x4, 0x0, 0x0, 0x54, 0x45, 0x58, 0x43, 0x4f, 0x4f, 0x52, 0x44, 0x0, 0xab, 0xab, 0xab, 0x4f, 0x53, 0x47, 0x4e, 0x2c, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x8, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xf, 0x0, 0x0, 0x0, 0x53, 0x56, 0x5f, 0x54, 0x61, 0x72, 0x67, 0x65, 0x74, 0x0, 0xab, 0xab},
 		},
+		{
+			Name: "cover.frag",
+			Uniforms: driver.UniformsReflection{
+				Blocks:    []driver.UniformBlock{{Name: "Gradient", Binding: 0}},
+				Locations: []driver.UniformLocation{{Name: "_12._color1", Type: 0x0, Size: 4, Offset: 0}, {Name: "_12._color2", Type: 0x0, Size: 4, Offset: 16}},
+				Size:      32,
+			},
+			Textures:  []driver.TextureBinding{{Name: "cover", Binding: 1}},
+			GLSL100ES: "precision mediump float;\nprecision highp int;\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n};\n\nuniform Gradient _12;\n\nuniform mediump sampler2D cover;\n\nvarying vec2 vUV;\nvarying highp vec2 vCoverUV;\n\nvoid main()\n{\n    gl_FragData[0] = mix(_12._color1, _12._color2, vec4(clamp(length(vUV), 0.0, 1.0)));\n    float cover_1 = min(abs(texture2D(cover, vCoverUV).x), 1.0);\n    gl_FragData[0] *= cover_1;\n}\n\n",
+			GLSL300ES: "#version 300 es\nprecision mediump float;\nprecision highp int;\n\nlayout(std140) uniform Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n} _12;\n\nuniform mediump sampler2D cover;\n\nlayout(location = 0) out vec4 fragColor;\nin vec2 vUV;\nin highp vec2 vCoverUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp(length(vUV), 0.0, 1.0)));\n    float cover_1 = min(abs(texture(cover, vCoverUV).x), 1.0);\n    fragColor *= cover_1;\n}\n\n",
+			GLSL130:   "#version 130\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n};\n\nuniform Gradient _12;\n\nuniform sampler2D cover;\n\nout vec4 fragColor;\nin vec2 vUV;\nin vec2 vCoverUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp(length(vUV), 0.0, 1.0)));\n    float cover_1 = min(abs(texture(cover, vCoverUV).x), 1.0);\n    fragColor *= cover_1;\n}\n\n",
+			GLSL150:   "#version 150\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n};\n\nuniform Gradient _12;\n\nuniform sampler2D cover;\n\nout vec4 fragColor;\nin vec2 vUV;\nin vec2 vCoverUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp(length(vUV), 0.0, 1.0)));\n    float cover_1 = min(abs(texture(cover, vCoverUV).x), 1.0);\n    fragColor *= cover_1;\n}\n\n",
+			HLSL:      []byte{0x44, 0x58, 0x42, 0x43, 0x79, 0x65, 0x19, 0xf3, 0xd2, 0xf1, 0xc0, 0x15, 0x8b, 0x62, 0x2d, 0x57, 0x71, 0xb8, 0x5, 0xe9, 0x1, 0x0, 0x0, 0x0, 0xe0, 0x4, 0x0, 0x0, 0x6, 0x0, 0x0, 0x0, 0x38, 0x0, 0x0, 0x0, 0x40, 0x1, 0x0, 0x0, 0xa8, 0x2, 0x0, 0x0, 0x24, 0x3, 0x0, 0x0, 0x60, 0x4, 0x0, 0x0, 0xac, 0x4, 0x0, 0x0, 0x41, 0x6f, 0x6e, 0x39, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x2, 0xff, 0xff, 0xcc, 0x0, 0x0, 0x0, 0x34, 0x0, 0x0, 0x0, 0x1, 0x0, 0x28, 0x0, 0x0, 0x0, 0x34, 0x0, 0x0, 0x0, 0x34, 0x0, 0x1, 0x0, 0x24, 0x0, 0x0, 0x0, 0x34, 0x0, 0x1, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0xff, 0xff, 0x51, 0x0, 0x0, 0x5, 0x2, 0x0, 0xf, 0xa0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1f, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x80, 0x0, 0x0, 0xf, 0xb0, 0x1f, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x90, 0x0, 0x8, 0xf, 0xa0, 0x42, 0x0, 0x0, 0x3, 0x0, 0x0, 0xf, 0x80, 0x0, 0x0, 0xe4, 0xb0, 0x0, 0x8, 0xe4, 0xa0, 0x5a, 0x0, 0x0, 0x4, 0x0, 0x0, 0x2, 0x80, 0x0, 0x0, 0x1b, 0xb0, 0x0, 0x0, 0x1b, 0xb0, 0x2, 0x0, 0x0, 0xa0, 0x7, 0x0, 0x0, 0x2, 0x0, 0x0, 0x2, 0x80, 0x0, 0x0, 0x55, 0x80, 0x6, 0x0, 0x0, 0x2, 0x0, 0x0, 0x12, 0x80, 0x0, 0x0, 0x55, 0x80, 0x1, 0x0, 0x0, 0x2, 0x1, 0x0, 0xf, 0x80, 0x0, 0x0, 0xe4, 0xa0, 0x2, 0x0, 0x0, 0x3, 0x1, 0x0, 0xf, 0x80, 0x1, 0x0, 0xe4, 0x81, 0x1, 0x0, 0xe4, 0xa0, 0x4, 0x0, 0x0, 0x4, 0x1, 0x0, 0xf, 0x80, 0x0, 0x0, 0x55, 0x80, 0x1, 0x0, 0xe4, 0x80, 0x0, 0x0, 0xe4, 0xa0, 0x23, 0x0, 0x0, 0x2, 0x0, 0x0, 0x11, 0x80, 0x0, 0x0, 0x0, 0x80, 0x5, 0x0, 0x0, 0x3, 0x0, 0x0, 0xf, 0x80, 0x0, 0x0, 0x0, 0x80, 0x1, 0x0, 0xe4, 0x80, 0x1, 0x0, 0x0, 0x2, 0x0, 0x8, 0xf, 0x80, 0x0, 0x0, 0xe4, 0x80, 0xff, 0xff, 0x0, 0x0, 0x53, 0x48, 0x44, 0x52, 0x60, 0x1, 0x0, 0x0, 0x40, 0x0, 0x0, 0x0, 0x58, 0x0, 0x0, 0x0, 0x59, 0x0, 0x0, 0x4, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x5a, 0x0, 0x0, 0x3, 0x0, 0x60, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x58, 0x18, 0x0, 0x4, 0x0, 0x70, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x55, 0x55, 0x0, 0x0, 0x62, 0x10, 0x0, 0x3, 0x32, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x62, 0x10, 0x0, 0x3, 0xc2, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x65, 0x0, 0x0, 0x3, 0xf2, 0x20, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x68, 0x0, 0x0, 0x2, 0x2, 0x0, 0x0, 0x0, 0xf, 0x0, 0x0, 0x7, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xe6, 0x1a, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xe6, 0x1a, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x4b, 0x0, 0x0, 0x5, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x33, 0x0, 0x0, 0x7, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x40, 0x0, 0x0, 0x0, 0x0, 0x80, 0x3f, 0x0, 0x0, 0x0, 0xa, 0xf2, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x80, 0x41, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x32, 0x0, 0x0, 0xa, 0xf2, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x6, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0xe, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x45, 0x0, 0x0, 0x9, 0xf2, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x7e, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x60, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x33, 0x0, 0x0, 0x8, 0x12, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x80, 0x81, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x40, 0x0, 0x0, 0x0, 0x0, 0x80, 0x3f, 0x38, 0x0, 0x0, 0x7, 0xf2, 0x20, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0xe, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x6, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x3e, 0x0, 0x0, 0x1, 0x53, 0x54, 0x41, 0x54, 0x74, 0x0, 0x0, 0x0, 0x9, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x7, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x52, 0x44, 0x45, 0x46, 0x34, 0x1, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x9c, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x1c, 0x0, 0x0, 0x0, 0x0, 0x4, 0xff, 0xff, 0x0, 0x1, 0x0, 0x0, 0xb, 0x1, 0x0, 0x0, 0x7c, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x8b, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x5, 0x0, 0x0, 0x0, 0x4, 0x0, 0x0, 0x0, 0xff, 0xff, 0xff, 0xff, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0xd, 0x0, 0x0, 0x0, 0x91, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x5f, 0x63, 0x6f, 0x76, 0x65, 0x72, 0x5f, 0x73, 0x61, 0x6d, 0x70, 0x6c, 0x65, 0x72, 0x0, 0x63, 0x6f, 0x76, 0x65, 0x72, 0x0, 0x47, 0x72, 0x61, 0x64, 0x69, 0x65, 0x6e, 0x74, 0x0, 0xab, 0xab, 0x91, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0xb4, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xe4, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0xf0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0xf0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x63, 0x6f, 0x6c, 0x6f, 0x72, 0x31, 0x0, 0xab, 0x1, 0x0, 0x3, 0x0, 0x1, 0x0, 0x4, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x63, 0x6f, 0x6c, 0x6f, 0x72, 0x32, 0x0, 0x4d, 0x69, 0x63, 0x72, 0x6f, 0x73, 0x6f, 0x66, 0x74, 0x20, 0x28, 0x52, 0x29, 0x20, 0x48, 0x4c, 0x53, 0x4c, 0x20, 0x53, 0x68, 0x61, 0x64, 0x65, 0x72, 0x20, 0x43, 0x6f, 0x6d, 0x70, 0x69, 0x6c, 0x65, 0x72, 0x20, 0x31, 0x30, 0x2e, 0x31, 0x0, 0xab, 0x49, 0x53, 0x47, 0x4e, 0x44, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x8, 0x0, 0x0, 0x0, 0x38, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x3, 0x0, 0x0, 0x38, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xc, 0xc, 0x0, 0x0, 0x54, 0x45, 0x58, 0x43, 0x4f, 0x4f, 0x52, 0x44, 0x0, 0xab, 0xab, 0xab, 0x4f, 0x53, 0x47, 0x4e, 0x2c, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x8, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xf, 0x0, 0x0, 0x0, 0x53, 0x56, 0x5f, 0x54, 0x61, 0x72, 0x67, 0x65, 0x74, 0x0, 0xab, 0xab},
+		},
 		{
 			Name:      "cover.frag",
 			Textures:  []driver.TextureBinding{{Name: "tex", Binding: 0}, {Name: "cover", Binding: 1}},

From 2ae1967aeb099958ee97c4a813edfb96bca8f787 Mon Sep 17 00:00:00 2001
From: Egon Elbre <egonelbre@gmail.com>
Date: Sun, 7 Mar 2021 18:45:42 +0200
Subject: [PATCH 3/4] gpu,op/paint: add paint.RadialGradientOp

Signed-off-by: Egon Elbre <egonelbre@gmail.com>
---
 gpu/gpu.go                                    |  78 ++++++++++++++++--
 .../rendertest/refs/TestEllipseGradient.png   | Bin 0 -> 3537 bytes
 .../refs/TestEllipseGradientAngled.png        | Bin 0 -> 2921 bytes
 .../rendertest/refs/TestRadialGradient.png    | Bin 0 -> 4947 bytes
 gpu/internal/rendertest/render_test.go        |  38 +++++++++
 internal/opconst/ops.go                       |   3 +
 op/paint/paint.go                             |  46 +++++++++++
 7 files changed, 157 insertions(+), 8 deletions(-)
 create mode 100644 gpu/internal/rendertest/refs/TestEllipseGradient.png
 create mode 100644 gpu/internal/rendertest/refs/TestEllipseGradientAngled.png
 create mode 100644 gpu/internal/rendertest/refs/TestRadialGradient.png

diff --git a/gpu/gpu.go b/gpu/gpu.go
index 7d425f547..d4c1c4930 100644
--- a/gpu/gpu.go
+++ b/gpu/gpu.go
@@ -107,11 +107,13 @@ type drawState struct {
 	// Current paint.ColorOp, if any.
 	color color.NRGBA
 
-	// Current paint.LinearGradientOp.
+	// Current paint.LinearGradientOp and paint.RadialGradientOp.
 	stop1  f32.Point
 	stop2  f32.Point
 	color1 color.NRGBA
 	color2 color.NRGBA
+	// Current paint.RadialGradientOp.
+	radiusy float32
 }
 
 type pathOp struct {
@@ -187,9 +189,11 @@ type material struct {
 	opaque   bool
 	// For materialTypeColor.
 	color f32color.RGBA
-	// For materialTypeLinearGradient.
+	// For materialTypeLinearGradient and materialTypeRadialGradient.
 	color1 f32color.RGBA
 	color2 f32color.RGBA
+	// For materialTypeRadialGradient.
+	radiusy float32
 	// For materialTypeTexture.
 	data    imageOpData
 	uvTrans f32.Affine2D
@@ -212,9 +216,20 @@ type imageOpData struct {
 }
 
 type linearGradientOpData struct {
-	stop1  f32.Point
+	stop1 f32.Point
+	stop2 f32.Point
+
+	color1 color.NRGBA
+	color2 color.NRGBA
+}
+
+type radialGradientOpData struct {
+	stop1 f32.Point
+	stop2 f32.Point
+
+	radiusy float32
+
 	color1 color.NRGBA
-	stop2  f32.Point
 	color2 color.NRGBA
 }
 
@@ -294,6 +309,36 @@ func decodeLinearGradientOp(data []byte) linearGradientOpData {
 	}
 }
 
+func decodeRadialGradientOp(data []byte) radialGradientOpData {
+	if opconst.OpType(data[0]) != opconst.TypeRadialGradient {
+		panic("invalid op")
+	}
+	bo := binary.LittleEndian
+	return radialGradientOpData{
+		stop1: f32.Point{
+			X: math.Float32frombits(bo.Uint32(data[1:])),
+			Y: math.Float32frombits(bo.Uint32(data[5:])),
+		},
+		stop2: f32.Point{
+			X: math.Float32frombits(bo.Uint32(data[9:])),
+			Y: math.Float32frombits(bo.Uint32(data[13:])),
+		},
+		radiusy: math.Float32frombits(bo.Uint32(data[17:])),
+		color1: color.NRGBA{
+			R: data[21+0],
+			G: data[21+1],
+			B: data[21+2],
+			A: data[21+3],
+		},
+		color2: color.NRGBA{
+			R: data[25+0],
+			G: data[25+1],
+			B: data[25+2],
+			A: data[25+3],
+		},
+	}
+}
+
 type clipType uint8
 
 type resource interface {
@@ -975,6 +1020,14 @@ loop:
 			state.stop2 = op.stop2
 			state.color1 = op.color1
 			state.color2 = op.color2
+		case opconst.TypeRadialGradient:
+			state.matType = materialRadialGradient
+			op := decodeRadialGradientOp(encOp.Data)
+			state.stop1 = op.stop1
+			state.stop2 = op.stop2
+			state.radiusy = op.radiusy
+			state.color1 = op.color1
+			state.color2 = op.color2
 		case opconst.TypeImage:
 			state.matType = materialTexture
 			state.image = decodeImageOp(encOp.Data, encOp.Refs)
@@ -1086,7 +1139,7 @@ func (d *drawState) materialFor(rect f32.Rectangle, off f32.Point, partTrans f32
 		m.color2 = f32color.LinearFromSRGB(d.color2)
 		m.opaque = m.color1.A == 1.0 && m.color2.A == 1.0
 
-		m.uvTrans = partTrans.Mul(gradientSpaceTransform(clip, off, d.stop1, d.stop2))
+		m.uvTrans = partTrans.Mul(gradientSpaceTransform(clip, off, d.stop1, d.stop2, -1))
 	case materialRadialGradient:
 		m.material = materialRadialGradient
 
@@ -1094,7 +1147,7 @@ func (d *drawState) materialFor(rect f32.Rectangle, off f32.Point, partTrans f32
 		m.color2 = f32color.LinearFromSRGB(d.color2)
 		m.opaque = m.color1.A == 1.0 && m.color2.A == 1.0
 
-		m.uvTrans = partTrans.Mul(gradientSpaceTransform(clip, off, d.stop1, d.stop2))
+		m.uvTrans = partTrans.Mul(gradientSpaceTransform(clip, off, d.stop1, d.stop2, d.radiusy))
 	case materialTexture:
 		m.material = materialTexture
 		dr := boundRectF(rect.Add(off))
@@ -1286,11 +1339,20 @@ func texSpaceTransform(r f32.Rectangle, bounds image.Point) (f32.Point, f32.Poin
 }
 
 // gradientSpaceTransform transforms stop1 and stop2 to [(0,0), (1,1)].
-func gradientSpaceTransform(clip image.Rectangle, off f32.Point, stop1, stop2 f32.Point) f32.Affine2D {
+func gradientSpaceTransform(clip image.Rectangle, off f32.Point, stop1, stop2 f32.Point, radiusy float32) f32.Affine2D {
 	d := stop2.Sub(stop1)
 	l := float32(math.Sqrt(float64(d.X*d.X + d.Y*d.Y)))
 	a := float32(math.Atan2(float64(-d.Y), float64(d.X)))
 
+	scalex := 1 / l
+
+	var scaley float32
+	if radiusy == -1 {
+		scaley = scalex
+	} else if radiusy != 0 {
+		scaley = 1 / radiusy
+	}
+
 	// TODO: optimize
 	zp := f32.Point{}
 	return f32.Affine2D{}.
@@ -1298,7 +1360,7 @@ func gradientSpaceTransform(clip image.Rectangle, off f32.Point, stop1, stop2 f3
 		Offset(zp.Sub(off).Add(layout.FPt(clip.Min))). // offset to clip space
 		Offset(zp.Sub(stop1)).                         // offset to first stop point
 		Rotate(zp, a).                                 // rotate to align gradient
-		Scale(zp, f32.Pt(1/l, 1/l))                    // scale gradient to right size
+		Scale(zp, f32.Pt(scalex, scaley))              // scale gradient to right size
 }
 
 // clipSpaceTransform returns the scale and offset that transforms the given
diff --git a/gpu/internal/rendertest/refs/TestEllipseGradient.png b/gpu/internal/rendertest/refs/TestEllipseGradient.png
new file mode 100644
index 0000000000000000000000000000000000000000..75283649be59fdd2b9a74b290be7c829aa3b2b99
GIT binary patch
literal 3537
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
LNkvXXu0mjf_1%i{

literal 0
HcmV?d00001

diff --git a/gpu/internal/rendertest/refs/TestEllipseGradientAngled.png b/gpu/internal/rendertest/refs/TestEllipseGradientAngled.png
new file mode 100644
index 0000000000000000000000000000000000000000..3e9378bd658e144afbe32cbfe44525c4687db23a
GIT binary patch
literal 2921
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
Z+@OGEgY2ITls^a!pe(OhG?{xp_%8{ZnS1~M

literal 0
HcmV?d00001

diff --git a/gpu/internal/rendertest/refs/TestRadialGradient.png b/gpu/internal/rendertest/refs/TestRadialGradient.png
new file mode 100644
index 0000000000000000000000000000000000000000..8a2ff95bc6d4a3b9f3948ebefb905925329c1495
GIT binary patch
literal 4947
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
RSnvP<002ovPDHLkV1kPbXdeIo

literal 0
HcmV?d00001

diff --git a/gpu/internal/rendertest/render_test.go b/gpu/internal/rendertest/render_test.go
index 3e027eb30..668f51e1d 100644
--- a/gpu/internal/rendertest/render_test.go
+++ b/gpu/internal/rendertest/render_test.go
@@ -340,6 +340,44 @@ func TestLinearGradientAngled(t *testing.T) {
 	}, func(r result) {})
 }
 
+func TestRadialGradient(t *testing.T) {
+	run(t, func(ops *op.Ops) {
+		paint.RadialGradientOp{
+			Stop1:  f32.Pt(64, 64),
+			Color1: red,
+			Stop2:  f32.Pt(64, 0),
+			Color2: black,
+		}.Add(ops)
+		paint.PaintOp{}.Add(ops)
+	}, func(r result) {})
+}
+
+func TestEllipseGradient(t *testing.T) {
+	run(t, func(ops *op.Ops) {
+		paint.RadialGradientOp{
+			Stop1:   f32.Pt(64, 64),
+			Color1:  red,
+			Stop2:   f32.Pt(64, 0),
+			Color2:  black,
+			RadiusY: 32,
+		}.Add(ops)
+		paint.PaintOp{}.Add(ops)
+	}, func(r result) {})
+}
+
+func TestEllipseGradientAngled(t *testing.T) {
+	run(t, func(ops *op.Ops) {
+		paint.RadialGradientOp{
+			Stop1:   f32.Pt(64, 64),
+			Color1:  red,
+			Stop2:   f32.Pt(32, 96),
+			Color2:  black,
+			RadiusY: 32,
+		}.Add(ops)
+		paint.PaintOp{}.Add(ops)
+	}, func(r result) {})
+}
+
 // lerp calculates linear interpolation with color b and p.
 func lerp(a, b f32color.RGBA, p float32) f32color.RGBA {
 	return f32color.RGBA{
diff --git a/internal/opconst/ops.go b/internal/opconst/ops.go
index 8e9a1a35c..16f6a3b25 100644
--- a/internal/opconst/ops.go
+++ b/internal/opconst/ops.go
@@ -17,6 +17,7 @@ const (
 	TypePaint
 	TypeColor
 	TypeLinearGradient
+	TypeRadialGradient
 	TypeArea
 	TypePointerInput
 	TypePass
@@ -46,6 +47,7 @@ const (
 	TypePaintLen           = 1
 	TypeColorLen           = 1 + 4
 	TypeLinearGradientLen  = 1 + 8*2 + 4*2
+	TypeRadialGradientLen  = 1 + 8*2 + 4 + 4*2
 	TypeAreaLen            = 1 + 1 + 4*4
 	TypePointerInputLen    = 1 + 1 + 1
 	TypePassLen            = 1 + 1
@@ -90,6 +92,7 @@ func (t OpType) Size() int {
 		TypePaintLen,
 		TypeColorLen,
 		TypeLinearGradientLen,
+		TypeRadialGradientLen,
 		TypeAreaLen,
 		TypePointerInputLen,
 		TypePassLen,
diff --git a/op/paint/paint.go b/op/paint/paint.go
index e36eca3e5..4a900f1bb 100644
--- a/op/paint/paint.go
+++ b/op/paint/paint.go
@@ -36,6 +36,8 @@ type ColorOp struct {
 
 // LinearGradientOp sets the brush to a gradient starting at stop1 with color1 and
 // ending at stop2 with color2.
+//
+// Note: this gradient does not work together with non-offset transforms.
 type LinearGradientOp struct {
 	Stop1  f32.Point
 	Color1 color.NRGBA
@@ -43,6 +45,21 @@ type LinearGradientOp struct {
 	Color2 color.NRGBA
 }
 
+// RadialGradientOp sets the brush to a radial gradient center starting at stop1 with color1
+// and ellipse X axis ending at stop2 with color2.
+//
+// Note: this does not work together with non-offset transforms.
+type RadialGradientOp struct {
+	Stop1  f32.Point
+	Color1 color.NRGBA
+	Stop2  f32.Point
+	Color2 color.NRGBA
+
+	// RadiusY defines Y axis for the ellipse.
+	// RadiusY = 0 draws a circle.
+	RadiusY float32
+}
+
 // PaintOp fills fills the current clip area with the current brush.
 type PaintOp struct {
 }
@@ -132,6 +149,35 @@ func (c LinearGradientOp) Add(o *op.Ops) {
 	data[21+3] = c.Color2.A
 }
 
+func (c RadialGradientOp) Add(o *op.Ops) {
+	data := o.Write(opconst.TypeRadialGradientLen)
+	data[0] = byte(opconst.TypeRadialGradient)
+
+	bo := binary.LittleEndian
+	bo.PutUint32(data[1:], math.Float32bits(c.Stop1.X))
+	bo.PutUint32(data[5:], math.Float32bits(c.Stop1.Y))
+	bo.PutUint32(data[9:], math.Float32bits(c.Stop2.X))
+	bo.PutUint32(data[13:], math.Float32bits(c.Stop2.Y))
+
+	radiusY := c.RadiusY
+	if radiusY < 0 {
+		radiusY = 0
+	}
+	if radiusY == 0 {
+		radiusY = -1 // using -1 to avoid duplicate length calculation
+	}
+	bo.PutUint32(data[17:], math.Float32bits(radiusY))
+
+	data[21+0] = c.Color1.R
+	data[21+1] = c.Color1.G
+	data[21+2] = c.Color1.B
+	data[21+3] = c.Color1.A
+	data[25+0] = c.Color2.R
+	data[25+1] = c.Color2.G
+	data[25+2] = c.Color2.B
+	data[25+3] = c.Color2.A
+}
+
 func (d PaintOp) Add(o *op.Ops) {
 	data := o.Write(opconst.TypePaintLen)
 	data[0] = byte(opconst.TypePaint)

From f55bc5f728fc1a490f4b13604d0595e1aebc9c1b Mon Sep 17 00:00:00 2001
From: Egon Elbre <egonelbre@gmail.com>
Date: Mon, 8 Mar 2021 17:18:47 +0200
Subject: [PATCH 4/4] gpu,op/paint: add Offset1 to RadialGradient

Signed-off-by: Egon Elbre <egonelbre@gmail.com>
---
 gpu/gpu.go                                    |  24 +++++++++++----
 gpu/internal/convertshaders/main.go           |   4 +--
 .../refs/TestRadialGradientOffset.png         | Bin 0 -> 4673 bytes
 gpu/internal/rendertest/render_test.go        |  13 ++++++++
 gpu/path.go                                   |  10 ++++---
 gpu/shaders.go                                |  28 +++++++++---------
 internal/opconst/ops.go                       |   2 +-
 op/paint/paint.go                             |   4 +++
 8 files changed, 59 insertions(+), 26 deletions(-)
 create mode 100644 gpu/internal/rendertest/refs/TestRadialGradientOffset.png

diff --git a/gpu/gpu.go b/gpu/gpu.go
index d4c1c4930..e94da75ae 100644
--- a/gpu/gpu.go
+++ b/gpu/gpu.go
@@ -113,6 +113,7 @@ type drawState struct {
 	color1 color.NRGBA
 	color2 color.NRGBA
 	// Current paint.RadialGradientOp.
+	offset1 float32
 	radiusy float32
 }
 
@@ -193,6 +194,7 @@ type material struct {
 	color1 f32color.RGBA
 	color2 f32color.RGBA
 	// For materialTypeRadialGradient.
+	offset1 float32
 	radiusy float32
 	// For materialTypeTexture.
 	data    imageOpData
@@ -227,6 +229,7 @@ type radialGradientOpData struct {
 	stop1 f32.Point
 	stop2 f32.Point
 
+	offset1 float32
 	radiusy float32
 
 	color1 color.NRGBA
@@ -336,6 +339,7 @@ func decodeRadialGradientOp(data []byte) radialGradientOpData {
 			B: data[25+2],
 			A: data[25+3],
 		},
+		offset1: math.Float32frombits(bo.Uint32(data[29:])),
 	}
 }
 
@@ -395,7 +399,8 @@ type blitRadialGradientUniforms struct {
 		_ [12]byte // Padding to a multiple of 16.
 	}
 	frag struct {
-		gradientUniforms
+		radialGradientUniforms
+		_ [12]byte // Padding to multiple of 16.
 	}
 }
 
@@ -426,6 +431,12 @@ type gradientUniforms struct {
 	color2 f32color.RGBA
 }
 
+type radialGradientUniforms struct {
+	color1  f32color.RGBA
+	color2  f32color.RGBA
+	offset1 float32
+}
+
 type materialType uint8
 
 const (
@@ -1025,6 +1036,7 @@ loop:
 			op := decodeRadialGradientOp(encOp.Data)
 			state.stop1 = op.stop1
 			state.stop2 = op.stop2
+			state.offset1 = op.offset1
 			state.radiusy = op.radiusy
 			state.color1 = op.color1
 			state.color2 = op.color2
@@ -1145,6 +1157,7 @@ func (d *drawState) materialFor(rect f32.Rectangle, off f32.Point, partTrans f32
 
 		m.color1 = f32color.LinearFromSRGB(d.color1)
 		m.color2 = f32color.LinearFromSRGB(d.color2)
+		m.offset1 = d.offset1
 		m.opaque = m.color1.A == 1.0 && m.color2.A == 1.0
 
 		m.uvTrans = partTrans.Mul(gradientSpaceTransform(clip, off, d.stop1, d.stop2, d.radiusy))
@@ -1188,7 +1201,7 @@ func (r *renderer) drawZOps(cache *resourceCache, ops []imageOp) {
 		}
 		drc := img.clip
 		scale, off := clipSpaceTransform(drc, r.blitter.viewport)
-		r.blitter.blit(img.z, m.material, m.color, m.color1, m.color2, scale, off, m.uvTrans)
+		r.blitter.blit(img.z, m.material, m.color, m.color1, m.color2, m.offset1, scale, off, m.uvTrans)
 	}
 	r.ctx.SetDepthTest(false)
 }
@@ -1212,7 +1225,7 @@ func (r *renderer) drawOps(cache *resourceCache, ops []imageOp) {
 		var fbo stencilFBO
 		switch img.clipType {
 		case clipTypeNone:
-			r.blitter.blit(img.z, m.material, m.color, m.color1, m.color2, scale, off, m.uvTrans)
+			r.blitter.blit(img.z, m.material, m.color, m.color1, m.color2, m.offset1, scale, off, m.uvTrans)
 			continue
 		case clipTypePath:
 			fbo = r.pather.stenciler.cover(img.place.Idx)
@@ -1228,13 +1241,13 @@ func (r *renderer) drawOps(cache *resourceCache, ops []imageOp) {
 			Max: img.place.Pos.Add(drc.Size()),
 		}
 		coverScale, coverOff := texSpaceTransform(layout.FRect(uv), fbo.size)
-		r.pather.cover(img.z, m.material, m.color, m.color1, m.color2, scale, off, m.uvTrans, coverScale, coverOff)
+		r.pather.cover(img.z, m.material, m.color, m.color1, m.color2, m.offset1, scale, off, m.uvTrans, coverScale, coverOff)
 	}
 	r.ctx.DepthMask(true)
 	r.ctx.SetDepthTest(false)
 }
 
-func (b *blitter) blit(z float32, mat materialType, col f32color.RGBA, col1, col2 f32color.RGBA, scale, off f32.Point, uvTrans f32.Affine2D) {
+func (b *blitter) blit(z float32, mat materialType, col f32color.RGBA, col1, col2 f32color.RGBA, col1off float32, scale, off f32.Point, uvTrans f32.Affine2D) {
 	p := b.prog[mat]
 	b.ctx.BindProgram(p.prog)
 	var uniforms *blitUniforms
@@ -1261,6 +1274,7 @@ func (b *blitter) blit(z float32, mat materialType, col f32color.RGBA, col1, col
 	case materialRadialGradient:
 		b.radialGradientUniforms.frag.color1 = col1
 		b.radialGradientUniforms.frag.color2 = col2
+		b.radialGradientUniforms.frag.offset1 = col1off
 
 		t1, t2, t3, t4, t5, t6 := uvTrans.Elems()
 		b.radialGradientUniforms.vert.blitUniforms.uvTransformR1 = [4]float32{t1, t2, t3, 0}
diff --git a/gpu/internal/convertshaders/main.go b/gpu/internal/convertshaders/main.go
index 7f309402b..fb2472271 100644
--- a/gpu/internal/convertshaders/main.go
+++ b/gpu/internal/convertshaders/main.go
@@ -269,8 +269,8 @@ func (conv *Converter) Shader(shaderPath string) ([]driver.ShaderSources, error)
 			Header:         `layout(binding=0) uniform Gradient { vec4 _color1; vec4 _color2; };`,
 		},
 		{
-			FetchColorExpr: `mix(_color1, _color2, clamp(length(vUV), 0.0, 1.0))`,
-			Header:         `layout(binding=0) uniform Gradient { vec4 _color1; vec4 _color2; };`,
+			FetchColorExpr: `mix(_color1, _color2, clamp((length(vUV) - _offset1) / (1.0 - _offset1), 0.0, 1.0))`,
+			Header:         `layout(binding=0) uniform Gradient { vec4 _color1; vec4 _color2; float _offset1; };`,
 		},
 		{
 			FetchColorExpr: `texture(tex, vUV)`,
diff --git a/gpu/internal/rendertest/refs/TestRadialGradientOffset.png b/gpu/internal/rendertest/refs/TestRadialGradientOffset.png
new file mode 100644
index 0000000000000000000000000000000000000000..f9a37d3264e6a9d839ae803dc7c78b84a4ace0f0
GIT binary patch
literal 4673
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
D0SMG(

literal 0
HcmV?d00001

diff --git a/gpu/internal/rendertest/render_test.go b/gpu/internal/rendertest/render_test.go
index 668f51e1d..8124fccea 100644
--- a/gpu/internal/rendertest/render_test.go
+++ b/gpu/internal/rendertest/render_test.go
@@ -352,6 +352,19 @@ func TestRadialGradient(t *testing.T) {
 	}, func(r result) {})
 }
 
+func TestRadialGradientOffset(t *testing.T) {
+	run(t, func(ops *op.Ops) {
+		paint.RadialGradientOp{
+			Stop1:   f32.Pt(64, 64),
+			Color1:  blue,
+			Stop2:   f32.Pt(64, 0),
+			Color2:  black,
+			Offset1: 0.5,
+		}.Add(ops)
+		paint.PaintOp{}.Add(ops)
+	}, func(r result) {})
+}
+
 func TestEllipseGradient(t *testing.T) {
 	run(t, func(ops *op.Ops) {
 		paint.RadialGradientOp{
diff --git a/gpu/path.go b/gpu/path.go
index ce75cb00f..b14cc38fd 100644
--- a/gpu/path.go
+++ b/gpu/path.go
@@ -69,7 +69,8 @@ type coverRadialGradientUniforms struct {
 		_ [12]byte // Padding to multiple of 16.
 	}
 	frag struct {
-		gradientUniforms
+		radialGradientUniforms
+		_ [12]byte // Padding to multiple of 16.
 	}
 }
 
@@ -399,11 +400,11 @@ func (s *stenciler) stencilPath(bounds image.Rectangle, offset f32.Point, uv ima
 	}
 }
 
-func (p *pather) cover(z float32, mat materialType, col f32color.RGBA, col1, col2 f32color.RGBA, scale, off f32.Point, uvTrans f32.Affine2D, coverScale, coverOff f32.Point) {
-	p.coverer.cover(z, mat, col, col1, col2, scale, off, uvTrans, coverScale, coverOff)
+func (p *pather) cover(z float32, mat materialType, col f32color.RGBA, col1, col2 f32color.RGBA, col1off float32, scale, off f32.Point, uvTrans f32.Affine2D, coverScale, coverOff f32.Point) {
+	p.coverer.cover(z, mat, col, col1, col2, col1off, scale, off, uvTrans, coverScale, coverOff)
 }
 
-func (c *coverer) cover(z float32, mat materialType, col f32color.RGBA, col1, col2 f32color.RGBA, scale, off f32.Point, uvTrans f32.Affine2D, coverScale, coverOff f32.Point) {
+func (c *coverer) cover(z float32, mat materialType, col f32color.RGBA, col1, col2 f32color.RGBA, col1off float32, scale, off f32.Point, uvTrans f32.Affine2D, coverScale, coverOff f32.Point) {
 	p := c.prog[mat]
 	c.ctx.BindProgram(p.prog)
 	var uniforms *coverUniforms
@@ -424,6 +425,7 @@ func (c *coverer) cover(z float32, mat materialType, col f32color.RGBA, col1, co
 	case materialRadialGradient:
 		c.radialGradientUniforms.frag.color1 = col1
 		c.radialGradientUniforms.frag.color2 = col2
+		c.radialGradientUniforms.frag.offset1 = col1off
 
 		t1, t2, t3, t4, t5, t6 := uvTrans.Elems()
 		c.radialGradientUniforms.vert.uvTransformR1 = [4]float32{t1, t2, t3, 0}
diff --git a/gpu/shaders.go b/gpu/shaders.go
index 1c4f16bab..8cf6e570f 100644
--- a/gpu/shaders.go
+++ b/gpu/shaders.go
@@ -44,14 +44,14 @@ var (
 			Name: "blit.frag",
 			Uniforms: driver.UniformsReflection{
 				Blocks:    []driver.UniformBlock{{Name: "Gradient", Binding: 0}},
-				Locations: []driver.UniformLocation{{Name: "_12._color1", Type: 0x0, Size: 4, Offset: 0}, {Name: "_12._color2", Type: 0x0, Size: 4, Offset: 16}},
-				Size:      32,
+				Locations: []driver.UniformLocation{{Name: "_12._color1", Type: 0x0, Size: 4, Offset: 0}, {Name: "_12._color2", Type: 0x0, Size: 4, Offset: 16}, {Name: "_12._offset1", Type: 0x0, Size: 1, Offset: 32}},
+				Size:      36,
 			},
-			GLSL100ES: "precision mediump float;\nprecision highp int;\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n};\n\nuniform Gradient _12;\n\nvarying vec2 vUV;\n\nvoid main()\n{\n    gl_FragData[0] = mix(_12._color1, _12._color2, vec4(clamp(length(vUV), 0.0, 1.0)));\n}\n\n",
-			GLSL300ES: "#version 300 es\nprecision mediump float;\nprecision highp int;\n\nlayout(std140) uniform Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n} _12;\n\nlayout(location = 0) out vec4 fragColor;\nin vec2 vUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp(length(vUV), 0.0, 1.0)));\n}\n\n",
-			GLSL130:   "#version 130\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n};\n\nuniform Gradient _12;\n\nout vec4 fragColor;\nin vec2 vUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp(length(vUV), 0.0, 1.0)));\n}\n\n",
-			GLSL150:   "#version 150\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n};\n\nuniform Gradient _12;\n\nout vec4 fragColor;\nin vec2 vUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp(length(vUV), 0.0, 1.0)));\n}\n\n",
-			HLSL:      []byte{0x44, 0x58, 0x42, 0x43, 0x10, 0x3d, 0xc, 0x8f, 0x81, 0xf3, 0x6e, 0x92, 0x13, 0x1a, 0x49, 0x47, 0xa2, 0xfa, 0x6e, 0xd1, 0x1, 0x0, 0x0, 0x0, 0xb0, 0x3, 0x0, 0x0, 0x6, 0x0, 0x0, 0x0, 0x38, 0x0, 0x0, 0x0, 0x4, 0x1, 0x0, 0x0, 0xe4, 0x1, 0x0, 0x0, 0x60, 0x2, 0x0, 0x0, 0x48, 0x3, 0x0, 0x0, 0x7c, 0x3, 0x0, 0x0, 0x41, 0x6f, 0x6e, 0x39, 0xc4, 0x0, 0x0, 0x0, 0xc4, 0x0, 0x0, 0x0, 0x0, 0x2, 0xff, 0xff, 0x94, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x1, 0x0, 0x24, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x24, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0xff, 0xff, 0x51, 0x0, 0x0, 0x5, 0x2, 0x0, 0xf, 0xa0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1f, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x80, 0x0, 0x0, 0x3, 0xb0, 0x5a, 0x0, 0x0, 0x4, 0x0, 0x0, 0x8, 0x80, 0x0, 0x0, 0xe4, 0xb0, 0x0, 0x0, 0xe4, 0xb0, 0x2, 0x0, 0x0, 0xa0, 0x7, 0x0, 0x0, 0x2, 0x0, 0x0, 0x1, 0x80, 0x0, 0x0, 0xff, 0x80, 0x6, 0x0, 0x0, 0x2, 0x0, 0x0, 0x11, 0x80, 0x0, 0x0, 0x0, 0x80, 0x1, 0x0, 0x0, 0x2, 0x1, 0x0, 0xf, 0x80, 0x0, 0x0, 0xe4, 0xa0, 0x2, 0x0, 0x0, 0x3, 0x1, 0x0, 0xf, 0x80, 0x1, 0x0, 0xe4, 0x81, 0x1, 0x0, 0xe4, 0xa0, 0x4, 0x0, 0x0, 0x4, 0x0, 0x0, 0xf, 0x80, 0x0, 0x0, 0x0, 0x80, 0x1, 0x0, 0xe4, 0x80, 0x0, 0x0, 0xe4, 0xa0, 0x1, 0x0, 0x0, 0x2, 0x0, 0x8, 0xf, 0x80, 0x0, 0x0, 0xe4, 0x80, 0xff, 0xff, 0x0, 0x0, 0x53, 0x48, 0x44, 0x52, 0xd8, 0x0, 0x0, 0x0, 0x40, 0x0, 0x0, 0x0, 0x36, 0x0, 0x0, 0x0, 0x59, 0x0, 0x0, 0x4, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x62, 0x10, 0x0, 0x3, 0x32, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x65, 0x0, 0x0, 0x3, 0xf2, 0x20, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x68, 0x0, 0x0, 0x2, 0x2, 0x0, 0x0, 0x0, 0xf, 0x0, 0x0, 0x7, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x4b, 0x0, 0x0, 0x5, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x33, 0x0, 0x0, 0x7, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x40, 0x0, 0x0, 0x0, 0x0, 0x80, 0x3f, 0x0, 0x0, 0x0, 0xa, 0xf2, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x80, 0x41, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x32, 0x0, 0x0, 0xa, 0xf2, 0x20, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x6, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0xe, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3e, 0x0, 0x0, 0x1, 0x53, 0x54, 0x41, 0x54, 0x74, 0x0, 0x0, 0x0, 0x6, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x5, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x52, 0x44, 0x45, 0x46, 0xe0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x48, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1c, 0x0, 0x0, 0x0, 0x0, 0x4, 0xff, 0xff, 0x0, 0x1, 0x0, 0x0, 0xb7, 0x0, 0x0, 0x0, 0x3c, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x47, 0x72, 0x61, 0x64, 0x69, 0x65, 0x6e, 0x74, 0x0, 0xab, 0xab, 0xab, 0x3c, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x60, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x90, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x9c, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xac, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x9c, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x63, 0x6f, 0x6c, 0x6f, 0x72, 0x31, 0x0, 0xab, 0x1, 0x0, 0x3, 0x0, 0x1, 0x0, 0x4, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x63, 0x6f, 0x6c, 0x6f, 0x72, 0x32, 0x0, 0x4d, 0x69, 0x63, 0x72, 0x6f, 0x73, 0x6f, 0x66, 0x74, 0x20, 0x28, 0x52, 0x29, 0x20, 0x48, 0x4c, 0x53, 0x4c, 0x20, 0x53, 0x68, 0x61, 0x64, 0x65, 0x72, 0x20, 0x43, 0x6f, 0x6d, 0x70, 0x69, 0x6c, 0x65, 0x72, 0x20, 0x31, 0x30, 0x2e, 0x31, 0x0, 0xab, 0x49, 0x53, 0x47, 0x4e, 0x2c, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x8, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x3, 0x0, 0x0, 0x54, 0x45, 0x58, 0x43, 0x4f, 0x4f, 0x52, 0x44, 0x0, 0xab, 0xab, 0xab, 0x4f, 0x53, 0x47, 0x4e, 0x2c, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x8, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xf, 0x0, 0x0, 0x0, 0x53, 0x56, 0x5f, 0x54, 0x61, 0x72, 0x67, 0x65, 0x74, 0x0, 0xab, 0xab},
+			GLSL100ES: "precision mediump float;\nprecision highp int;\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n    float _offset1;\n};\n\nuniform Gradient _12;\n\nvarying vec2 vUV;\n\nvoid main()\n{\n    gl_FragData[0] = mix(_12._color1, _12._color2, vec4(clamp((length(vUV) - _12._offset1) / (1.0 - _12._offset1), 0.0, 1.0)));\n}\n\n",
+			GLSL300ES: "#version 300 es\nprecision mediump float;\nprecision highp int;\n\nlayout(std140) uniform Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n    float _offset1;\n} _12;\n\nlayout(location = 0) out vec4 fragColor;\nin vec2 vUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp((length(vUV) - _12._offset1) / (1.0 - _12._offset1), 0.0, 1.0)));\n}\n\n",
+			GLSL130:   "#version 130\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n    float _offset1;\n};\n\nuniform Gradient _12;\n\nout vec4 fragColor;\nin vec2 vUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp((length(vUV) - _12._offset1) / (1.0 - _12._offset1), 0.0, 1.0)));\n}\n\n",
+			GLSL150:   "#version 150\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n    float _offset1;\n};\n\nuniform Gradient _12;\n\nout vec4 fragColor;\nin vec2 vUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp((length(vUV) - _12._offset1) / (1.0 - _12._offset1), 0.0, 1.0)));\n}\n\n",
+			HLSL:      []byte{0x44, 0x58, 0x42, 0x43, 0x9c, 0x61, 0x7c, 0xaa, 0x5d, 0x88, 0xba, 0x34, 0x7f, 0x82, 0x36, 0x27, 0x76, 0xc7, 0xe8, 0xf2, 0x1, 0x0, 0x0, 0x0, 0x64, 0x4, 0x0, 0x0, 0x6, 0x0, 0x0, 0x0, 0x38, 0x0, 0x0, 0x0, 0x3c, 0x1, 0x0, 0x0, 0x64, 0x2, 0x0, 0x0, 0xe0, 0x2, 0x0, 0x0, 0xfc, 0x3, 0x0, 0x0, 0x30, 0x4, 0x0, 0x0, 0x41, 0x6f, 0x6e, 0x39, 0xfc, 0x0, 0x0, 0x0, 0xfc, 0x0, 0x0, 0x0, 0x0, 0x2, 0xff, 0xff, 0xcc, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x1, 0x0, 0x24, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x24, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0xff, 0xff, 0x51, 0x0, 0x0, 0x5, 0x3, 0x0, 0xf, 0xa0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x80, 0x3f, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1f, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x80, 0x0, 0x0, 0x3, 0xb0, 0x5a, 0x0, 0x0, 0x4, 0x0, 0x0, 0x8, 0x80, 0x0, 0x0, 0xe4, 0xb0, 0x0, 0x0, 0xe4, 0xb0, 0x3, 0x0, 0x0, 0xa0, 0x7, 0x0, 0x0, 0x2, 0x0, 0x0, 0x1, 0x80, 0x0, 0x0, 0xff, 0x80, 0x6, 0x0, 0x0, 0x2, 0x0, 0x0, 0x1, 0x80, 0x0, 0x0, 0x0, 0x80, 0x1, 0x0, 0x0, 0x2, 0x0, 0x0, 0x2, 0x80, 0x3, 0x0, 0x55, 0xa0, 0x2, 0x0, 0x0, 0x3, 0x0, 0x0, 0x3, 0x80, 0x0, 0x0, 0xe4, 0x80, 0x2, 0x0, 0x0, 0xa1, 0x6, 0x0, 0x0, 0x2, 0x0, 0x0, 0x2, 0x80, 0x0, 0x0, 0x55, 0x80, 0x5, 0x0, 0x0, 0x3, 0x0, 0x0, 0x11, 0x80, 0x0, 0x0, 0x55, 0x80, 0x0, 0x0, 0x0, 0x80, 0x1, 0x0, 0x0, 0x2, 0x1, 0x0, 0xf, 0x80, 0x0, 0x0, 0xe4, 0xa0, 0x2, 0x0, 0x0, 0x3, 0x1, 0x0, 0xf, 0x80, 0x1, 0x0, 0xe4, 0x81, 0x1, 0x0, 0xe4, 0xa0, 0x4, 0x0, 0x0, 0x4, 0x0, 0x0, 0xf, 0x80, 0x0, 0x0, 0x0, 0x80, 0x1, 0x0, 0xe4, 0x80, 0x0, 0x0, 0xe4, 0xa0, 0x1, 0x0, 0x0, 0x2, 0x0, 0x8, 0xf, 0x80, 0x0, 0x0, 0xe4, 0x80, 0xff, 0xff, 0x0, 0x0, 0x53, 0x48, 0x44, 0x52, 0x20, 0x1, 0x0, 0x0, 0x40, 0x0, 0x0, 0x0, 0x48, 0x0, 0x0, 0x0, 0x59, 0x0, 0x0, 0x4, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x62, 0x10, 0x0, 0x3, 0x32, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x65, 0x0, 0x0, 0x3, 0xf2, 0x20, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x68, 0x0, 0x0, 0x2, 0x2, 0x0, 0x0, 0x0, 0xf, 0x0, 0x0, 0x7, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x4b, 0x0, 0x0, 0x5, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x9, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0x80, 0x20, 0x80, 0x41, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x9, 0x22, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x40, 0x0, 0x0, 0x0, 0x0, 0x80, 0x3f, 0xa, 0x80, 0x20, 0x80, 0x41, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0xe, 0x20, 0x0, 0x7, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1a, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0xf2, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x80, 0x41, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x32, 0x0, 0x0, 0xa, 0xf2, 0x20, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x6, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0xe, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3e, 0x0, 0x0, 0x1, 0x53, 0x54, 0x41, 0x54, 0x74, 0x0, 0x0, 0x0, 0x8, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x7, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x52, 0x44, 0x45, 0x46, 0x14, 0x1, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x48, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1c, 0x0, 0x0, 0x0, 0x0, 0x4, 0xff, 0xff, 0x0, 0x1, 0x0, 0x0, 0xec, 0x0, 0x0, 0x0, 0x3c, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x47, 0x72, 0x61, 0x64, 0x69, 0x65, 0x6e, 0x74, 0x0, 0xab, 0xab, 0xab, 0x3c, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x60, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa8, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0xb4, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xc4, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0xb4, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xcf, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x4, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0xdc, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x63, 0x6f, 0x6c, 0x6f, 0x72, 0x31, 0x0, 0xab, 0x1, 0x0, 0x3, 0x0, 0x1, 0x0, 0x4, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x63, 0x6f, 0x6c, 0x6f, 0x72, 0x32, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x6f, 0x66, 0x66, 0x73, 0x65, 0x74, 0x31, 0x0, 0xab, 0x0, 0x0, 0x3, 0x0, 0x1, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x4d, 0x69, 0x63, 0x72, 0x6f, 0x73, 0x6f, 0x66, 0x74, 0x20, 0x28, 0x52, 0x29, 0x20, 0x48, 0x4c, 0x53, 0x4c, 0x20, 0x53, 0x68, 0x61, 0x64, 0x65, 0x72, 0x20, 0x43, 0x6f, 0x6d, 0x70, 0x69, 0x6c, 0x65, 0x72, 0x20, 0x31, 0x30, 0x2e, 0x31, 0x0, 0x49, 0x53, 0x47, 0x4e, 0x2c, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x8, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x3, 0x0, 0x0, 0x54, 0x45, 0x58, 0x43, 0x4f, 0x4f, 0x52, 0x44, 0x0, 0xab, 0xab, 0xab, 0x4f, 0x53, 0x47, 0x4e, 0x2c, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x8, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xf, 0x0, 0x0, 0x0, 0x53, 0x56, 0x5f, 0x54, 0x61, 0x72, 0x67, 0x65, 0x74, 0x0, 0xab, 0xab},
 		},
 		{
 			Name:      "blit.frag",
@@ -130,15 +130,15 @@ var (
 			Name: "cover.frag",
 			Uniforms: driver.UniformsReflection{
 				Blocks:    []driver.UniformBlock{{Name: "Gradient", Binding: 0}},
-				Locations: []driver.UniformLocation{{Name: "_12._color1", Type: 0x0, Size: 4, Offset: 0}, {Name: "_12._color2", Type: 0x0, Size: 4, Offset: 16}},
-				Size:      32,
+				Locations: []driver.UniformLocation{{Name: "_12._color1", Type: 0x0, Size: 4, Offset: 0}, {Name: "_12._color2", Type: 0x0, Size: 4, Offset: 16}, {Name: "_12._offset1", Type: 0x0, Size: 1, Offset: 32}},
+				Size:      36,
 			},
 			Textures:  []driver.TextureBinding{{Name: "cover", Binding: 1}},
-			GLSL100ES: "precision mediump float;\nprecision highp int;\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n};\n\nuniform Gradient _12;\n\nuniform mediump sampler2D cover;\n\nvarying vec2 vUV;\nvarying highp vec2 vCoverUV;\n\nvoid main()\n{\n    gl_FragData[0] = mix(_12._color1, _12._color2, vec4(clamp(length(vUV), 0.0, 1.0)));\n    float cover_1 = min(abs(texture2D(cover, vCoverUV).x), 1.0);\n    gl_FragData[0] *= cover_1;\n}\n\n",
-			GLSL300ES: "#version 300 es\nprecision mediump float;\nprecision highp int;\n\nlayout(std140) uniform Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n} _12;\n\nuniform mediump sampler2D cover;\n\nlayout(location = 0) out vec4 fragColor;\nin vec2 vUV;\nin highp vec2 vCoverUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp(length(vUV), 0.0, 1.0)));\n    float cover_1 = min(abs(texture(cover, vCoverUV).x), 1.0);\n    fragColor *= cover_1;\n}\n\n",
-			GLSL130:   "#version 130\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n};\n\nuniform Gradient _12;\n\nuniform sampler2D cover;\n\nout vec4 fragColor;\nin vec2 vUV;\nin vec2 vCoverUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp(length(vUV), 0.0, 1.0)));\n    float cover_1 = min(abs(texture(cover, vCoverUV).x), 1.0);\n    fragColor *= cover_1;\n}\n\n",
-			GLSL150:   "#version 150\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n};\n\nuniform Gradient _12;\n\nuniform sampler2D cover;\n\nout vec4 fragColor;\nin vec2 vUV;\nin vec2 vCoverUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp(length(vUV), 0.0, 1.0)));\n    float cover_1 = min(abs(texture(cover, vCoverUV).x), 1.0);\n    fragColor *= cover_1;\n}\n\n",
-			HLSL:      []byte{0x44, 0x58, 0x42, 0x43, 0x79, 0x65, 0x19, 0xf3, 0xd2, 0xf1, 0xc0, 0x15, 0x8b, 0x62, 0x2d, 0x57, 0x71, 0xb8, 0x5, 0xe9, 0x1, 0x0, 0x0, 0x0, 0xe0, 0x4, 0x0, 0x0, 0x6, 0x0, 0x0, 0x0, 0x38, 0x0, 0x0, 0x0, 0x40, 0x1, 0x0, 0x0, 0xa8, 0x2, 0x0, 0x0, 0x24, 0x3, 0x0, 0x0, 0x60, 0x4, 0x0, 0x0, 0xac, 0x4, 0x0, 0x0, 0x41, 0x6f, 0x6e, 0x39, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x2, 0xff, 0xff, 0xcc, 0x0, 0x0, 0x0, 0x34, 0x0, 0x0, 0x0, 0x1, 0x0, 0x28, 0x0, 0x0, 0x0, 0x34, 0x0, 0x0, 0x0, 0x34, 0x0, 0x1, 0x0, 0x24, 0x0, 0x0, 0x0, 0x34, 0x0, 0x1, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0xff, 0xff, 0x51, 0x0, 0x0, 0x5, 0x2, 0x0, 0xf, 0xa0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1f, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x80, 0x0, 0x0, 0xf, 0xb0, 0x1f, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x90, 0x0, 0x8, 0xf, 0xa0, 0x42, 0x0, 0x0, 0x3, 0x0, 0x0, 0xf, 0x80, 0x0, 0x0, 0xe4, 0xb0, 0x0, 0x8, 0xe4, 0xa0, 0x5a, 0x0, 0x0, 0x4, 0x0, 0x0, 0x2, 0x80, 0x0, 0x0, 0x1b, 0xb0, 0x0, 0x0, 0x1b, 0xb0, 0x2, 0x0, 0x0, 0xa0, 0x7, 0x0, 0x0, 0x2, 0x0, 0x0, 0x2, 0x80, 0x0, 0x0, 0x55, 0x80, 0x6, 0x0, 0x0, 0x2, 0x0, 0x0, 0x12, 0x80, 0x0, 0x0, 0x55, 0x80, 0x1, 0x0, 0x0, 0x2, 0x1, 0x0, 0xf, 0x80, 0x0, 0x0, 0xe4, 0xa0, 0x2, 0x0, 0x0, 0x3, 0x1, 0x0, 0xf, 0x80, 0x1, 0x0, 0xe4, 0x81, 0x1, 0x0, 0xe4, 0xa0, 0x4, 0x0, 0x0, 0x4, 0x1, 0x0, 0xf, 0x80, 0x0, 0x0, 0x55, 0x80, 0x1, 0x0, 0xe4, 0x80, 0x0, 0x0, 0xe4, 0xa0, 0x23, 0x0, 0x0, 0x2, 0x0, 0x0, 0x11, 0x80, 0x0, 0x0, 0x0, 0x80, 0x5, 0x0, 0x0, 0x3, 0x0, 0x0, 0xf, 0x80, 0x0, 0x0, 0x0, 0x80, 0x1, 0x0, 0xe4, 0x80, 0x1, 0x0, 0x0, 0x2, 0x0, 0x8, 0xf, 0x80, 0x0, 0x0, 0xe4, 0x80, 0xff, 0xff, 0x0, 0x0, 0x53, 0x48, 0x44, 0x52, 0x60, 0x1, 0x0, 0x0, 0x40, 0x0, 0x0, 0x0, 0x58, 0x0, 0x0, 0x0, 0x59, 0x0, 0x0, 0x4, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x5a, 0x0, 0x0, 0x3, 0x0, 0x60, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x58, 0x18, 0x0, 0x4, 0x0, 0x70, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x55, 0x55, 0x0, 0x0, 0x62, 0x10, 0x0, 0x3, 0x32, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x62, 0x10, 0x0, 0x3, 0xc2, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x65, 0x0, 0x0, 0x3, 0xf2, 0x20, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x68, 0x0, 0x0, 0x2, 0x2, 0x0, 0x0, 0x0, 0xf, 0x0, 0x0, 0x7, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xe6, 0x1a, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xe6, 0x1a, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x4b, 0x0, 0x0, 0x5, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x33, 0x0, 0x0, 0x7, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x40, 0x0, 0x0, 0x0, 0x0, 0x80, 0x3f, 0x0, 0x0, 0x0, 0xa, 0xf2, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x80, 0x41, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x32, 0x0, 0x0, 0xa, 0xf2, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x6, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0xe, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x45, 0x0, 0x0, 0x9, 0xf2, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x7e, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x60, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x33, 0x0, 0x0, 0x8, 0x12, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x80, 0x81, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x40, 0x0, 0x0, 0x0, 0x0, 0x80, 0x3f, 0x38, 0x0, 0x0, 0x7, 0xf2, 0x20, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0xe, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x6, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x3e, 0x0, 0x0, 0x1, 0x53, 0x54, 0x41, 0x54, 0x74, 0x0, 0x0, 0x0, 0x9, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x7, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x52, 0x44, 0x45, 0x46, 0x34, 0x1, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x9c, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x1c, 0x0, 0x0, 0x0, 0x0, 0x4, 0xff, 0xff, 0x0, 0x1, 0x0, 0x0, 0xb, 0x1, 0x0, 0x0, 0x7c, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x8b, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x5, 0x0, 0x0, 0x0, 0x4, 0x0, 0x0, 0x0, 0xff, 0xff, 0xff, 0xff, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0xd, 0x0, 0x0, 0x0, 0x91, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x5f, 0x63, 0x6f, 0x76, 0x65, 0x72, 0x5f, 0x73, 0x61, 0x6d, 0x70, 0x6c, 0x65, 0x72, 0x0, 0x63, 0x6f, 0x76, 0x65, 0x72, 0x0, 0x47, 0x72, 0x61, 0x64, 0x69, 0x65, 0x6e, 0x74, 0x0, 0xab, 0xab, 0x91, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0xb4, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xe4, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0xf0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0xf0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x63, 0x6f, 0x6c, 0x6f, 0x72, 0x31, 0x0, 0xab, 0x1, 0x0, 0x3, 0x0, 0x1, 0x0, 0x4, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x63, 0x6f, 0x6c, 0x6f, 0x72, 0x32, 0x0, 0x4d, 0x69, 0x63, 0x72, 0x6f, 0x73, 0x6f, 0x66, 0x74, 0x20, 0x28, 0x52, 0x29, 0x20, 0x48, 0x4c, 0x53, 0x4c, 0x20, 0x53, 0x68, 0x61, 0x64, 0x65, 0x72, 0x20, 0x43, 0x6f, 0x6d, 0x70, 0x69, 0x6c, 0x65, 0x72, 0x20, 0x31, 0x30, 0x2e, 0x31, 0x0, 0xab, 0x49, 0x53, 0x47, 0x4e, 0x44, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x8, 0x0, 0x0, 0x0, 0x38, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x3, 0x0, 0x0, 0x38, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xc, 0xc, 0x0, 0x0, 0x54, 0x45, 0x58, 0x43, 0x4f, 0x4f, 0x52, 0x44, 0x0, 0xab, 0xab, 0xab, 0x4f, 0x53, 0x47, 0x4e, 0x2c, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x8, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xf, 0x0, 0x0, 0x0, 0x53, 0x56, 0x5f, 0x54, 0x61, 0x72, 0x67, 0x65, 0x74, 0x0, 0xab, 0xab},
+			GLSL100ES: "precision mediump float;\nprecision highp int;\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n    float _offset1;\n};\n\nuniform Gradient _12;\n\nuniform mediump sampler2D cover;\n\nvarying vec2 vUV;\nvarying highp vec2 vCoverUV;\n\nvoid main()\n{\n    gl_FragData[0] = mix(_12._color1, _12._color2, vec4(clamp((length(vUV) - _12._offset1) / (1.0 - _12._offset1), 0.0, 1.0)));\n    float cover_1 = min(abs(texture2D(cover, vCoverUV).x), 1.0);\n    gl_FragData[0] *= cover_1;\n}\n\n",
+			GLSL300ES: "#version 300 es\nprecision mediump float;\nprecision highp int;\n\nlayout(std140) uniform Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n    float _offset1;\n} _12;\n\nuniform mediump sampler2D cover;\n\nlayout(location = 0) out vec4 fragColor;\nin vec2 vUV;\nin highp vec2 vCoverUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp((length(vUV) - _12._offset1) / (1.0 - _12._offset1), 0.0, 1.0)));\n    float cover_1 = min(abs(texture(cover, vCoverUV).x), 1.0);\n    fragColor *= cover_1;\n}\n\n",
+			GLSL130:   "#version 130\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n    float _offset1;\n};\n\nuniform Gradient _12;\n\nuniform sampler2D cover;\n\nout vec4 fragColor;\nin vec2 vUV;\nin vec2 vCoverUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp((length(vUV) - _12._offset1) / (1.0 - _12._offset1), 0.0, 1.0)));\n    float cover_1 = min(abs(texture(cover, vCoverUV).x), 1.0);\n    fragColor *= cover_1;\n}\n\n",
+			GLSL150:   "#version 150\n\nstruct Gradient\n{\n    vec4 _color1;\n    vec4 _color2;\n    float _offset1;\n};\n\nuniform Gradient _12;\n\nuniform sampler2D cover;\n\nout vec4 fragColor;\nin vec2 vUV;\nin vec2 vCoverUV;\n\nvoid main()\n{\n    fragColor = mix(_12._color1, _12._color2, vec4(clamp((length(vUV) - _12._offset1) / (1.0 - _12._offset1), 0.0, 1.0)));\n    float cover_1 = min(abs(texture(cover, vCoverUV).x), 1.0);\n    fragColor *= cover_1;\n}\n\n",
+			HLSL:      []byte{0x44, 0x58, 0x42, 0x43, 0x88, 0x20, 0xd, 0xe7, 0x7f, 0x81, 0xbe, 0xdf, 0x42, 0x32, 0x79, 0x2d, 0x4a, 0xd6, 0x93, 0x2e, 0x1, 0x0, 0x0, 0x0, 0xa4, 0x5, 0x0, 0x0, 0x6, 0x0, 0x0, 0x0, 0x38, 0x0, 0x0, 0x0, 0x88, 0x1, 0x0, 0x0, 0x38, 0x3, 0x0, 0x0, 0xb4, 0x3, 0x0, 0x0, 0x24, 0x5, 0x0, 0x0, 0x70, 0x5, 0x0, 0x0, 0x41, 0x6f, 0x6e, 0x39, 0x48, 0x1, 0x0, 0x0, 0x48, 0x1, 0x0, 0x0, 0x0, 0x2, 0xff, 0xff, 0x14, 0x1, 0x0, 0x0, 0x34, 0x0, 0x0, 0x0, 0x1, 0x0, 0x28, 0x0, 0x0, 0x0, 0x34, 0x0, 0x0, 0x0, 0x34, 0x0, 0x1, 0x0, 0x24, 0x0, 0x0, 0x0, 0x34, 0x0, 0x1, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0xff, 0xff, 0x51, 0x0, 0x0, 0x5, 0x3, 0x0, 0xf, 0xa0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x80, 0x3f, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1f, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x80, 0x0, 0x0, 0xf, 0xb0, 0x1f, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x90, 0x0, 0x8, 0xf, 0xa0, 0x42, 0x0, 0x0, 0x3, 0x0, 0x0, 0xf, 0x80, 0x0, 0x0, 0xe4, 0xb0, 0x0, 0x8, 0xe4, 0xa0, 0x5a, 0x0, 0x0, 0x4, 0x0, 0x0, 0x2, 0x80, 0x0, 0x0, 0x1b, 0xb0, 0x0, 0x0, 0x1b, 0xb0, 0x3, 0x0, 0x0, 0xa0, 0x7, 0x0, 0x0, 0x2, 0x0, 0x0, 0x2, 0x80, 0x0, 0x0, 0x55, 0x80, 0x6, 0x0, 0x0, 0x2, 0x0, 0x0, 0x2, 0x80, 0x0, 0x0, 0x55, 0x80, 0x2, 0x0, 0x0, 0x3, 0x0, 0x0, 0x2, 0x80, 0x0, 0x0, 0x55, 0x80, 0x2, 0x0, 0x0, 0xa1, 0x1, 0x0, 0x0, 0x2, 0x1, 0x0, 0x8, 0x80, 0x3, 0x0, 0x55, 0xa0, 0x2, 0x0, 0x0, 0x3, 0x0, 0x0, 0x4, 0x80, 0x1, 0x0, 0xff, 0x80, 0x2, 0x0, 0x0, 0xa1, 0x6, 0x0, 0x0, 0x2, 0x0, 0x0, 0x4, 0x80, 0x0, 0x0, 0xaa, 0x80, 0x5, 0x0, 0x0, 0x3, 0x0, 0x0, 0x12, 0x80, 0x0, 0x0, 0xaa, 0x80, 0x0, 0x0, 0x55, 0x80, 0x1, 0x0, 0x0, 0x2, 0x1, 0x0, 0xf, 0x80, 0x0, 0x0, 0xe4, 0xa0, 0x2, 0x0, 0x0, 0x3, 0x1, 0x0, 0xf, 0x80, 0x1, 0x0, 0xe4, 0x81, 0x1, 0x0, 0xe4, 0xa0, 0x4, 0x0, 0x0, 0x4, 0x1, 0x0, 0xf, 0x80, 0x0, 0x0, 0x55, 0x80, 0x1, 0x0, 0xe4, 0x80, 0x0, 0x0, 0xe4, 0xa0, 0x23, 0x0, 0x0, 0x2, 0x0, 0x0, 0x11, 0x80, 0x0, 0x0, 0x0, 0x80, 0x5, 0x0, 0x0, 0x3, 0x0, 0x0, 0xf, 0x80, 0x0, 0x0, 0x0, 0x80, 0x1, 0x0, 0xe4, 0x80, 0x1, 0x0, 0x0, 0x2, 0x0, 0x8, 0xf, 0x80, 0x0, 0x0, 0xe4, 0x80, 0xff, 0xff, 0x0, 0x0, 0x53, 0x48, 0x44, 0x52, 0xa8, 0x1, 0x0, 0x0, 0x40, 0x0, 0x0, 0x0, 0x6a, 0x0, 0x0, 0x0, 0x59, 0x0, 0x0, 0x4, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x5a, 0x0, 0x0, 0x3, 0x0, 0x60, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x58, 0x18, 0x0, 0x4, 0x0, 0x70, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x55, 0x55, 0x0, 0x0, 0x62, 0x10, 0x0, 0x3, 0x32, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x62, 0x10, 0x0, 0x3, 0xc2, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x65, 0x0, 0x0, 0x3, 0xf2, 0x20, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x68, 0x0, 0x0, 0x2, 0x2, 0x0, 0x0, 0x0, 0xf, 0x0, 0x0, 0x7, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xe6, 0x1a, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xe6, 0x1a, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x4b, 0x0, 0x0, 0x5, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x9, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0x80, 0x20, 0x80, 0x41, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x9, 0x22, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x40, 0x0, 0x0, 0x0, 0x0, 0x80, 0x3f, 0xa, 0x80, 0x20, 0x80, 0x41, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0xe, 0x20, 0x0, 0x7, 0x12, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1a, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xa, 0xf2, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x80, 0x41, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x32, 0x0, 0x0, 0xa, 0xf2, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x6, 0x0, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0xe, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x8e, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x45, 0x0, 0x0, 0x9, 0xf2, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x46, 0x10, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0x7e, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x60, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x33, 0x0, 0x0, 0x8, 0x12, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0xa, 0x0, 0x10, 0x80, 0x81, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x40, 0x0, 0x0, 0x0, 0x0, 0x80, 0x3f, 0x38, 0x0, 0x0, 0x7, 0xf2, 0x20, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x46, 0xe, 0x10, 0x0, 0x0, 0x0, 0x0, 0x0, 0x6, 0x0, 0x10, 0x0, 0x1, 0x0, 0x0, 0x0, 0x3e, 0x0, 0x0, 0x1, 0x53, 0x54, 0x41, 0x54, 0x74, 0x0, 0x0, 0x0, 0xb, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x9, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x52, 0x44, 0x45, 0x46, 0x68, 0x1, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x9c, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x1c, 0x0, 0x0, 0x0, 0x0, 0x4, 0xff, 0xff, 0x0, 0x1, 0x0, 0x0, 0x40, 0x1, 0x0, 0x0, 0x7c, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x8b, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x5, 0x0, 0x0, 0x0, 0x4, 0x0, 0x0, 0x0, 0xff, 0xff, 0xff, 0xff, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0xd, 0x0, 0x0, 0x0, 0x91, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x5f, 0x63, 0x6f, 0x76, 0x65, 0x72, 0x5f, 0x73, 0x61, 0x6d, 0x70, 0x6c, 0x65, 0x72, 0x0, 0x63, 0x6f, 0x76, 0x65, 0x72, 0x0, 0x47, 0x72, 0x61, 0x64, 0x69, 0x65, 0x6e, 0x74, 0x0, 0xab, 0xab, 0x91, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0xb4, 0x0, 0x0, 0x0, 0x30, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xfc, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x8, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x18, 0x1, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x10, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x8, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x23, 0x1, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x4, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x30, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x63, 0x6f, 0x6c, 0x6f, 0x72, 0x31, 0x0, 0xab, 0x1, 0x0, 0x3, 0x0, 0x1, 0x0, 0x4, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x63, 0x6f, 0x6c, 0x6f, 0x72, 0x32, 0x0, 0x5f, 0x31, 0x32, 0x5f, 0x6f, 0x66, 0x66, 0x73, 0x65, 0x74, 0x31, 0x0, 0xab, 0x0, 0x0, 0x3, 0x0, 0x1, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x4d, 0x69, 0x63, 0x72, 0x6f, 0x73, 0x6f, 0x66, 0x74, 0x20, 0x28, 0x52, 0x29, 0x20, 0x48, 0x4c, 0x53, 0x4c, 0x20, 0x53, 0x68, 0x61, 0x64, 0x65, 0x72, 0x20, 0x43, 0x6f, 0x6d, 0x70, 0x69, 0x6c, 0x65, 0x72, 0x20, 0x31, 0x30, 0x2e, 0x31, 0x0, 0x49, 0x53, 0x47, 0x4e, 0x44, 0x0, 0x0, 0x0, 0x2, 0x0, 0x0, 0x0, 0x8, 0x0, 0x0, 0x0, 0x38, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x3, 0x0, 0x0, 0x38, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xc, 0xc, 0x0, 0x0, 0x54, 0x45, 0x58, 0x43, 0x4f, 0x4f, 0x52, 0x44, 0x0, 0xab, 0xab, 0xab, 0x4f, 0x53, 0x47, 0x4e, 0x2c, 0x0, 0x0, 0x0, 0x1, 0x0, 0x0, 0x0, 0x8, 0x0, 0x0, 0x0, 0x20, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x3, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0x0, 0xf, 0x0, 0x0, 0x0, 0x53, 0x56, 0x5f, 0x54, 0x61, 0x72, 0x67, 0x65, 0x74, 0x0, 0xab, 0xab},
 		},
 		{
 			Name:      "cover.frag",
diff --git a/internal/opconst/ops.go b/internal/opconst/ops.go
index 16f6a3b25..23bd4766b 100644
--- a/internal/opconst/ops.go
+++ b/internal/opconst/ops.go
@@ -47,7 +47,7 @@ const (
 	TypePaintLen           = 1
 	TypeColorLen           = 1 + 4
 	TypeLinearGradientLen  = 1 + 8*2 + 4*2
-	TypeRadialGradientLen  = 1 + 8*2 + 4 + 4*2
+	TypeRadialGradientLen  = 1 + 8*2 + 4 + 4*2 + 4
 	TypeAreaLen            = 1 + 1 + 4*4
 	TypePointerInputLen    = 1 + 1 + 1
 	TypePassLen            = 1 + 1
diff --git a/op/paint/paint.go b/op/paint/paint.go
index 4a900f1bb..abc33fb00 100644
--- a/op/paint/paint.go
+++ b/op/paint/paint.go
@@ -55,6 +55,8 @@ type RadialGradientOp struct {
 	Stop2  f32.Point
 	Color2 color.NRGBA
 
+	// Offset1 defines ratio to offset Stop1 color.
+	Offset1 float32
 	// RadiusY defines Y axis for the ellipse.
 	// RadiusY = 0 draws a circle.
 	RadiusY float32
@@ -176,6 +178,8 @@ func (c RadialGradientOp) Add(o *op.Ops) {
 	data[25+1] = c.Color2.G
 	data[25+2] = c.Color2.B
 	data[25+3] = c.Color2.A
+
+	bo.PutUint32(data[29:], math.Float32bits(c.Offset1))
 }
 
 func (d PaintOp) Add(o *op.Ops) {