MiniGL

A 2d WebGL renderer，

• support point,line,face,instanceMesh and custom shader
• support canvas transform & controller
• support webGL2.0
• use glMatrix as matrix library
• support DragonBones animation

case

• basic shape
• point
  • point color
  • point shrink
• line
  • fly line animation
    • meshline
• image
  • image
  • point image
• shader
  • custom shader
• InstanceMesh(webGL2)
  • instanceMesh
  • instanceArrow
• DragonBones animation
  • dragonbone demo
  • dragonbone eyetrack demo
  • dragonbone ubbie

• game
  • game demo

shader uniform

the uniform below will be auto append to shader

    uniform mat3 transform; // model transform matrix
    uniform mat3 modelView; // modelView matrix
    uniform float pixelRatio; //
    uniform float ratio; // canvas width/height
Copy

such as:

    vec3 mPosition = transform * modelView * vec3(position,1.);
Copy

you can use config.z to change the order of meshes

    vec3 mPosition = transform * modelView * vec3(position,z);
Copy

develope

npm i
npm run start
Copy

doc

doc

future

maybe it will be a new origin webgl skia-like lib