Skip to content

Instantly share code, notes, and snippets.

@vlandham
Last active May 27, 2017 22:54
Show Gist options
  • Save vlandham/adc721dde94802802810000f481ed744 to your computer and use it in GitHub Desktop.
Save vlandham/adc721dde94802802810000f481ed744 to your computer and use it in GitHub Desktop.
basic regl triangle
<!DOCTYPE html>
<title>Simple regl Triangle Example </title>
<body>
<script src="https://npmcdn.com/regl@1.3.0/dist/regl.js"></script>
<script src="index.js"></script>
</body>
// In development, you would probably import/require regl
// const regl = require('regl')();
// In this block, it is already loaded, so we just
// initialize it. For more info, see:
// https://github.com/regl-project/regl#standalone-script-tag
var regl = createREGL();
var drawTriangle = regl({
// fragment shader
frag: `
precision mediump float;
uniform vec4 color;
void main () {
gl_FragColor = color;
}`,
// vertex shader
vert: `
precision mediump float;
attribute vec2 position;
void main () {
gl_Position = vec4(position, 0, 1);
}`,
// attributes
attributes: {
position: [
[-1, 0],
[0, -1],
[1, 1]
]
},
// uniforms
uniforms: {
color: [1, 0, 0, 1]
},
// vertex count
count: 3
})
drawTriangle();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment