np-gltoy
v1.2.1
Published
webgl toy
Downloads
8
Readme
np-gltoy
webgl toy
- simpleInit
- renderFullScreenCanvas
inject
uniform float u_time
uniform vec2 u_mouse
uniform vec2 u_resolution
uniform vec4 u_date
uniform vec3 iResolution
demo1
import frag from './frag.glsl';
import { simpleInit, renderFullScreenCanvas } from 'np-gltoy';
document.body.style.background = `linear-gradient(180deg, rgb(255 244 208), rgb(84 203 177))`;
renderFullScreenCanvas({
frag,
autoPlay: true,
});
#ifdef GL_ES
precision mediump float;
#endif
uniform vec2 u_resolution;
uniform float u_time;
void main(){
vec2 st=gl_FragCoord.xy/u_resolution.xy;
//
gl_FragColor=vec4(color);
}
demo2
import { simpleInit, renderFullScreenCanvas } from 'np-gltoy';
renderFullScreenCanvas({
main: `void main(){
fragColor = vec4(1., 1., 0., 1.);
}`,
autoPlay: true,
});