Web and Mobile Development articles
It is important for our painting application to have different tools like:
We have already built our pencil tool in previous parts. In this part, we’ll focus on creating the aforementioned tools.
Continue reading “Different Tools for Our Sketching Application”
So I coded a game this month for the github game compo called “Pappu Pakia“. This is my first HTML5 Game with beautiful graphics by Kushagra. When I was finished with the coding part, it was pretty exciting until I played it a few times when my CPU was busy, then on an old laptop and finally on a mobile device. In all the cases it was laggy, except in the last one where it was super slow. So what do we do now ? Time to Optimize!
Continue reading “Optimizing HTML5 Canvas to Improve your Game Performance”
So you started moving an object on your canvas by manipulating vx and vy, i.e., velocity on the x and y axis. But then, you just realized that in real world scenarios the speed of an object reduces with time, if there’s no continuous acceleration. Even with an acceleration of X, there will be some friction faced counter-affecting the acceleration.
When creating some canvas experiments like a particle emission system or a game, gravity can be a key feature to implement. Figuring out how to implement gravity on an object in terms of coding can be a bit confusing. We’ll try to comprehend it, by putting it into code in a simplified manner. I liek simplicity!
Continue reading “Basics of Implementing Gravity with HTML5 Canvas”
One of my previous posts talked about implementing gravity in our canvas experiments. Eventually, we made a realistic bouncing ball. We’ll kind of extend that experiment to make a quick fountain explosion on canvas obeying gravity.
Continue reading “HTML5 Canvas Particles Fountain Explosion with Gravity”
Ever wanted to add a magnifying glass effect to your product images for an awesome zoom-in and a great user experience ? You’ll be surprised to know that using CSS3 and jQuery, it’s really easy to integrate this effect to your website or webapp.
Continue reading “Image Zoom Magnifying Glass Effect with CSS3 and jQuery”
The specs have always been in a state of flux. But it seems to be decided on the CSS3 linear and radial gradients syntax finally (hopefully). Let’s just discuss the changes and how you’ll need to modify your current/old code accordingly.
Continue reading “The New and Final CSS3 Linear and Radial Gradients Syntax”