404 Page for Net Magazine

November 02, 2017

This is a 404 page I did for the Design Challenge in Net Magazine's 300th Special Edition. I also did a prototype animation on Codepen at https://codepen.io/petebarr/pen/jaboaw You can also view the video of it here: https://cdn.dribbbl...

Organicswimmertriangles

Organic Swimmer

November 29, 2016

A CodePen 'pen' I just did based on Paolo Ceric's weird and wonderful animated gif, using svg and GSAP. It's pretty processor intensive with the blur effects. http://codepen.io/petebarr/pen/BQwqpZ http://patakk.tumblr.com/

Radial whip alpha

Radial Whip Animation

November 13, 2016

Another GSAP one liner on CodePen. http://codepen.io/petebarr/pen/qqdajE Try changing the easing to create some abstract results with odd wave patterns, e.g. Bounce.easeOut. Starting to wonder if I have a thing for circles ;-) Using ea...

Hypnoticpulse

Hypnotic Pulse Animation

November 07, 2016

A very simple pulse animation with basically one line of GSAP code to create the effect. Have a look at my CodePen to see it a little more fluid: http://codepen.io/petebarr/pen/dOPeER

My touch

Touch ID animation SVG & GSAP

November 06, 2016

Shows the simplicity of DrawSVG with stagger on an SVG mask. Has a little bit of CSS 3D added to it too. Apple Watch is just a frame to make it look interesting, I know ;-) View the code on CodePen: http://codepen.io/petebarr/pen/dOyQmy

Eddies

Eddie Rockets Promo Prototype

November 02, 2016

Have a gander at it on Codepen: http://codepen.io/petebarr/pen/KgGvWj Or the full thing if you have a competition code ;-) https://www.rocketgiveaway.com/ This work was done whilst employed at Murray Creative.

Bow and arrow

Bow & Arrow Animation

November 02, 2016

Experimenting with smooth curve path animations in SVG with GSAP on CodePen, inspired by Pasquale D'Silva's shot. Check out the code at: https://codepen.io/petebarr/pen/edqwOP Pasquale D'Silva's: https://dribbble.com/shots/511523--gif-B...

Goo loader 60 2

Goo Loader with GSAP and SVG

October 30, 2016

A little GSAP & SVG gooey loader effect inspired by Marcel Robert's Dribbble shot. See it in CodePen http://codepen.io/petebarr/pen/ALwKxW