Tech Blog

Few weeks back I released an  HTML5 game app  in Google chrome web store. You can find the related post  here . After that, I was playing with multiple ideas where one could potentially attract more users through a chrome or mobile app. So just thought of publishing a mini puzzle absolutely meant for Kids who just learned to count till 10. I would need some feed back from little masters about the game/puzzle and connect some of my thoughts about how we can make useful web applications with simplest technology available on your machine.  You could visit chrome web store here -  https://chrome.google.com/webstore/detail/fmiefkckhkeeggkfjjaocnlljbnlmnok   - and download the Kid's puzzle/game. I would love your feedback if you installed and played it! Note:   Imported from my site  https://sites.google.com/site/dhtmlexperiments/blogs/yetanotherchromeappjustforkids  dated  Mar 3, 2011

I just did some experiment with very basic image manipulation using HTML5 APIs and JavaScript. In a nut shell, here is what I am trying to do. Load image in cavas element.  Extract the pixels using  context.getImageData  method.  Iterate through the pixels and edit/change Restore it back to cavas using  context .putImageData  method. Let's go one more level deep into  ctx.getImageData  method. context.getImageData method returns an ImageData object containing a copy of pixel data for the image loaded in canvas context. For example, if you have an image of 10 x 10 size (10px wide and 10px height) loaded in a canvas, you get an array of pixels representing this 10 x 10 size image. There would be a total of 100pixels in this image.  Each pixel is further divided into four units of RGBA (red, green, blue, and alpha) values, and these four values combined will give unique color & alpha property to one pixel. Here in this case, the total units in the ImageData would