JavaScript toolkit for fast and simple WebGL low-level rendering.
1.0
First, include toolkit file as standart javascript library:
<script type="text/javascript" src="path_to_lib/simplewebgl.min.js"></script>Second, create a new instance of SimpleWebGL:
var GL = new SimpleWebGL(width, height, options);Arguments width and height are sizes for creating canvas and rendering viewport. options is an object with options for getContext() second argument.
After instance iniated you can use provided API in jQuery-like style:
-
setProgram(program) - complie shaders (program.vertex and program.fragment) and use it as main program.
-
setShaderVars(vars) - get attributes (vars.attribute as array or string) and uniforms (vars.uniform as array or string) for use in draw function.
-
setArrayBuffers(buffers) - for each element of buffers craetes buffer typed gl.ARRAY_BUFFER and save into GL.buffers[index] corresponding to index.
-
setElementsArrayBuffers(buffers) - like setArrayBuffers() but typed gl.ELEMENT_ARRAY_BUFFER.
-
setTextures(textures) - create texture named with index of textures object and save into GL.textures[index]. Every item may be an image or canvas or video html elements.
-
onDraw(function, arguments) - set function calling on every GL.draw() step with arguments. Insinde function use this object for get acces for preapred buffers as this.buffers, variables (attributes and uniforms) as this.vars, textures as this.textures and WebGL context as this.gl.
-
draw() - drawn scene.
-
drawLoop(fps) - run drawning loop with fps (frame per second).
-
drawStop() - stop current drawning loop.
-
resize(width, height) - set new sizes of canvas and viewport.
-
noConflict(name) - detach SimpleWebGL object from global scope and a) save with name or b) return it.
-
version - string with current toolkit version.
-
height, width - specified sizes.
- Provide advanced textures creating parameters.
- Save several programs for using.
BSD 3-Clause