url - http://happy-new-2021.georgi-nikolov.com/

code - https://github.com/gnikoloff/happy-2021-animation

Frontend Technologies Used:

WebGL

Role:

Development

Category:

Animation, Physics

Ball physics animation written in direct WebGL to celebrate the end of 2020.

• Uses hardware instancing with ANGLE_instanced_arrays for minimum draw calls
• Supports VAOs with OES_vertex_array_object to organise buffer and attributes state and reduce WebGL calls
• Post processing step using fullscreen quad for the metaball gooey effect
• Custom animation and physics written from scratch

References

I studied 2D balls physics and collision detection and created this Codepen collection to document my progress.

• Collision detection (MDN Article)
• Foundation HTML5 Animation with JavaScript

My codepen balls physics collection