HTML5 is the thing to talk about these days. Today, we have a collection of ridiculously impressive HTML5 canvas-based experiments that will make you say, "Wow!" Let's take a peek at some of the latest, cutting-edge examples out there.
Warning: The animations in some of these canvas experiments may potentially trigger seizures for people with photosensitive epilepsy. Viewer discretion is advised.
Now for the experiments!
Beautiful swirling rainbow particles!
Glowing lights and particles trace this hexagonal, honey-comb pattern.
3. Long Shadow
Simulates a movable light source amongst boxes.
A cosmic network of nodes and lines, with animation and a spotlight effect.
Click anywhere on the canvas below to see a cute explosion of circles.
A vast cloud of shining falling hearts.
Watch these colorful bands of light fill the screen.
Click and keep dragging on the canvas to draw with random words.
A 3D spiral, rendered with lines. You can even rotate it with the mouse!
View this one in full-screen mode. Type in text and watch it appear in a cool particle effect.
11. Falling Confetti
A pretty falling confetti effect. Perfect for a background!
12. Parallax Skyline
A minimalist side-scrolling parallax. This one would be perfect for an old-school video game.
Fuzzy bokeh spots swirling around. View this one in full-page mode for the best effect.
14. Fizzy Sparks
Just hover the mouse over the canvas and see shiny sparks go off everywhere.
Click for a simple, but stylish and colorful fireworks effect.
16. Mechanical Grass
Watch the "grass" grow wherever you move your mouse. Be sure to view this one in full screen to see the effect.
Watch stars and constellations appear in the night sky as you move your mouse.
18. Gravity Points
Click anywhere on the canvas and see all the particles gravitate towards that point.
19. Particle Swarm
Simulated particles swirl around in a simulated magnetic field.
20. Crowd Simulator
This amusing animation simulates a busy crowd of people walking.
A beautiful and serene animated flocking simulation.
Connect two points anywhere on the screen and watch the electricity arc!
A unique animated algorithm for generating stylish and colorful abstract backgrounds.
24. Liquid Lights
A screen full of animated flashing lights, reminiscent of a nightclub or concert.
25. Rainbow Spider
Can you move quickly enough to make the spider fall down from the web? Give it a try.
So what do you think? Getting your own ideas for a neat canvas application?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.Update me weekly
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post