Happy Easter!!!
April 23, 2011

Easter is here, so why not try these fun applications…. Easter Your Friend Paste your friend’s photo into an Easter Egg. You can then email it as e-cards or post it to Facebook walls. See an example below. Please upgrade your browser Easter Egg Paint Paint easter eggs and send easter greeting e-cards.    

Paint An Easter Egg
March 23, 2011

Easter is coming so why not paint an Easter Egg (in 3D!)? You can then send e-cards to friends and family, post to the gallery, post to Facebook Wall. Go here to start.


Building from Part 1, 2, and 3, we’re now ready to create a canvas overlay that sits above a html page, and where user can draw on.  Here are the steps that we will use: Step 1: Create the canvas. Step 2: Create a function that draws on the canvas based on the mouse position. […]

For your reference, here’s Part 1 and Part 2. If the example doesn’t work, it was because Part 1 and 2 uses the same variables. Open this guide as a separate page to fix it. Also remember that you need a browser that supports Canvas, such as Firefox 3. Before you start drawing lines, you […]

We learned how to create Canvas objects in Part 1, and we also learned how to draw a simple shape on Part 1. You need a browser that support Canvas such as Firefox 3 to run the examples.   Now it’s time to show how to crate a canvas that “overlays” your web-page. By overlay, […]

This is a guide of how to use HTML 5 Canvas, as well as some JavaScript/css tricks to enable drawing on top of a web page. To see the result of this tutorial, open https://permadi.com/blog/?p=383. Canvas introduction is covered here and here. You need a browser that support Canvas such as Firefox 3 to run […]


Here’s a silly demo I made with HTML 5 Canvas object. You need a browser that supports Canvas such as Firefox 3. Warning: you will need to use the browser’s Back button to navigate away from the page. https://permadi.com/blog/?p=383 See the tutorial.