Project Description
A lightweight library over CANVAS, featuring simple objects like (lines, arrows, rectangles, images, sprites, circles, etc).
This is a very small and simple library over CANVAS. It is suitable as a starting point for begginers experimenting with HTML5 and CANVAS.
It allows for simple physics - accelerations and velocities. You can add simple objects to the canvas:
- Line
- Arrow
- PolyLine
- Rectangle
- Ellipse
- Circle
- Image
- ImageSprite
I managed to also implement SAT for better collision detection between polygons. This however only works for now for these new shapes:
- Polygon2D
- PolygonTriangle2D
- PolygonRectangle2D
- PolygonPentagon2D
- PolygonHexagon2D
Next steps
I am researching how to use SAT to reliably detect collisions between polygons and circles, and maybe polygon and ellipses.
I am also searching for a way to detect more reliable collisions of image-image, image-polygon and image-circle types.
I am also learning as i go, so i will take any comment, advice or suggestion into consideration in a very productive way.
Demos can be viewed for now here :
http://clujdev.st2k.net:8080/canvaslib/vs2.0/egg-catcher.htmlhttp://clujdev.st2k.net:8080/canvaslib/vs2.0/snake.htmlhttp://clujdev.st2k.net:8080/canvaslib/vs3.0/moving-dude.htmlhttp://clujdev.st2k.net:8080/canvaslib/vs3.0/flappy-pacman.html