Category: Canvas

This is a simple tip of how to create a zoom to point effect with kineticjs and mousewheel event. So lets say that you want to zoom into a specific point on a canvas, of course you have used the excellent kineticjs framework, well then you are in luck. To begin with this is the…

While making some experiments with a game, I felt the need to add a grid to the background, after much thinking I decided that canvas should be the “best” solutions for this. However after creating a simple “square” grid I wanted also hexagons and diamond grids. And this is what I’m presenting here, how to…

Finally I have had some free time and thought to try my luck with Codecanyon, which is a place were authors and coders get to monetize their works and for people to get some high-quality code/themes/templates/apps build-in and ready to go. So I managed to “transform” my game of Easter-egg-hunting into a framework for gathering…

A happy HTML5 game for Easter, it was developed in under 8 hours with JQuery/UI, HTML5 canvas, and TweenMax from Greensock for the rendering and animation stuff. Background is from April Wallpapers of Smashing Magazine! Egg graphics are from MediaLoot freebie set of easter-eggs! Font is Luckiest-Guy from Google web-fonts! Tweet if you liked it,…

One of my latest experiments was to create a fullscreen background with a video, for this I used HTML5 video tag and loaded it on a canvas element. Although it worked it somehow felt incomplete because it was simply a video as background, it needed some edge add to it, for this I decided to…