Category: animation

So I have to admit that I’m using Codepen alot, I’m also liking their “love/like” button. So I set to recreate the effect. This pen is still quite sought after and has received many “likes” This is the end result See the Pen Codepen heart by Michael Dobekidis (@netgfx) on CodePen. Continue if you want…

I had some free time and thought to experiment a bit with the new DrawSVG plugin from Greensock, it is a plugin that animates the border of an SVG, other parts of the SVG like fill or opacity could already be tweened via TweenMax/Lite. Here’s a quick tutorial to get you started and I hope…

Hello again, so I was asked to create an impressive Ad banner for a server company (a quite good one). Since most of the animation would involve letters I thought of the Greensock SplitText plugin. And the result was extremely nice, it received over 1000 views on codepen in under 3 days. Here is the…

Hello all, so I have been pretty active on the “create games” front but not so much for blogging, sorry about that… So I come to you now with a Pen that razed over 1500+ views on codepen and 14 hearts so far… It’s my implementation of a remote collision detection system that uses degrees…

Recently I started exploring the world of 3D, I mostly wanted to work in a familiar environment so I chose ThreeJS an excellent framework for 3D construction/animation with javascript. And of course I wanted to inject my favorite tool for javascript animation TweenMax. So after a few examples and documentation reading I came up with…

Recently Greensock added some new cool features to their animation JS Engine, these target specifically css3 animations and animating css3 properties. So I thought to create a little demo showcasing some of these cool new features. This Image gallery moves on 2 axis, horizontally for viewing different images and “vertically” or “in-time” if you prefer…

Hello all, this post was somewhat inspired by the work of PJ.Onori and his blog post about SVG injecting and manipulation through javascript and css. You can read more about his findings here: svg-css-injection So after injecting the SVG inside the DOM I thought of why shouldn’t we try and animate it (no one likes…

Hello This is the first post in this blog for javascript based stuff. I am using greensock products for years for flash/flex/air projects and I would not change their animation power with anything. So when greensock announced port to javascript I was thrilled, and excited to try out the “new” implementation… but wait… there is…