From 71854f0d4077c9fcf268e8a996615d5c76871dd0 Mon Sep 17 00:00:00 2001
From: Mark Murray <mark@murray.xyz>
Date: Wed, 19 Feb 2020 07:36:44 +0000
Subject: [PATCH] docs: update example

---
 README.md | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index ed6086b..4b26ed7 100644
--- a/README.md
+++ b/README.md
@@ -29,15 +29,16 @@ const positionBuffer = gl.createAttributeBuffer('vec2', [0, 1, 1, -1, -1, -1])
 const program = gl.createProgram({
   attributes: { position: 'vec2' },
   uniforms: {},
-  varying: {},
-  vertexShaderSource: ({ attributes }) => `
+  varying: { color: 'vec2' },
+  vertexShaderSource: ({ attributes, varying }) => `
       void main() {
         gl_Position = vec4(${attributes.position}.xy, 0, 1);
+        ${varying.color} = (gl_Position.xy + vec2(1,1)) / vec2(2,2);
       }
     `,
-  fragmentShaderSource: () => `
+  fragmentShaderSource: ({ varying }) => `
       void main() {
-        gl_FragColor = vec4(0, 1, 0, 1);
+        gl_FragColor = vec4(0, ${varying.color}, 1);
       }
     `,
 })
@@ -49,3 +50,5 @@ program.drawTriangles({
   attributeBuffers: { position: positionBuffer },
 })
 ```
+
+[![Edit triangular-example-1](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/triangular-example-1-d77h6?fontsize=14&hidenavigation=1&theme=dark)