Web demos tagged with "animation"

Page 1 of 2

Screenshot of Halloween Horror Eyes

Halloween Horror Eyes

At short notice, I was asked to create some blinking eyes to be displayed on mobile devices and used for a Halloween Haunted Walk charity event. Sometimes I get to work on really important stuff, and sometimes I get to work on goofy stuff. I think this sits squarely in the goofy category.

animation halloween javascript video

Screenshot of Canvas Animation: 404 Not Found

Canvas Animation: 404 Not Found

A long time ago in a galaxy far, far away, there was a web developer who wanted a silly animation for his custom 404 error page.

animation canvas javascript

Screenshot of Canvas Animation: Particle Emitter #3

Canvas Animation: Particle Emitter #3

I really enjoy creating JavaScript particle emitters and this example is a particularly nice one.

animation canvas javascript

Screenshot of Canvas Animation: Particle Emitter #2

Canvas Animation: Particle Emitter #2

Another JavaScript particle emitter animation. The particles in this animation have a more organic feel to them with random changes to their direction of movement.

animation canvas javascript

Screenshot of Canvas Animation: Particle Emitter #1

Canvas Animation: Particle Emitter #1

A basic JavaScript particle emitter animation that acts as good starting point for creating more complex animations.

animation canvas javascript

Screenshot of Canvas Animation: Hot Sauce Committee

Canvas Animation: Hot Sauce Committee

A full-page HTML canvas animation inspired by the album art from the Beastie Boys' Hot Sauce Committee Part Two.

animation canvas javascript

Screenshot of Canvas Animation: Minecraft Block

Canvas Animation: Minecraft Block

A HTML/JavaScript canvas animation in the style of a Minecraft block.

animation canvas javascript minecraft

Screenshot of Canvas Collider #3

Canvas Collider #3

A JavaScript animation of randomly moving blocks that explode when they collide.

animation canvas javascript

Screenshot of Canvas Movements #1

Canvas Movements #1

Imagine entering a World where every movement you took was directed by rolling dice. Now image everyone entering the same World with the same rules. This animation emulates that scenario with pixels on a screen.

animation canvas javascript

Screenshot of Canvas Collider #2

Canvas Collider #2

This JavaScript canvas animation is a basic block collider with collision detection. Blocks collide with each other and with debris from explosions from previous collisions.

animation canvas javascript

Web Demos

My web demos exist as a playground for creating experiments written in HTML, CSS and JavaScript.

I have previously used CodePen for experimenting with HTML/CSS/JavaScript, but in the spirit of IndieWeb POSSE, I decided to start hosting my demos myself.

Folksonomy

I like tag all content on my site. See below for all tags used within my web demos.

Subscribe

Click the link below to subscribe to my Demo feed in your favourite news reader client:

RSS feed

Philip Newborough and a donkey enjoying a beer.

About

My name is and I’m a full stack web developer living and working in Lincoln, England. This website (philipnewborough.co.uk) serves as my personal homepage. When I’m not working with tech, I love to ride bicycles with my wife and friends.

← An IndieWeb Webring πŸ•ΈπŸ’ β†’