TL;DR You need to establish a new connection by calling the createConnection method after every disconnection.
Continue reading “Fixing Node Mysql “Error: Cannot enqueue Handshake after invoking quit.””
Author: Rishabh
Rishabh is a full stack web and mobile developer from India. Follow me on Twitter.
Canvas Rotating and Scaling Images Around a Particular Point
Transforming objects in your HTML5 Game or Experiment requires a bit of understanding regarding how they work. The behaviour and end result is not as intuitive as CSS3 transform functions like rotate() or scale(). I could quickly show you how to rotate or scale an image with its center as the origin, but it’s going to be super useful to take an indepth look at how the entire system works.
Continue reading “Canvas Rotating and Scaling Images Around a Particular Point”
Canvas Text Gradients for Backgrounds and Strokes
Text gradients are super easy to achieve with HTML5 Canvas.
Continue reading “Canvas Text Gradients for Backgrounds and Strokes”
Rendering Animations with Moving Objects on Canvas
Moving objects on HTML5 Canvas is really easy. I should have written on this topic before writing on gravity but it’s never too late! Let’s get started with the basics.
Continue reading “Rendering Animations with Moving Objects on Canvas”
Moving/Scrolling/Sliding Background in HTML5 Canvas
Sometimes your game or canvas experiment might have one or more layers of animating backgrounds that are set in motion for the player’s movement or some other reason (like creating a parallax effect?). Just had to do something similar the other day. The problem is tricky but with a bit of thinking it seems like I came up with a proper solution!
Continue reading “Moving/Scrolling/Sliding Background in HTML5 Canvas”
Different Tools for Our Sketching Application
It is important for our painting application to have different tools like:
- Line tool to draw straight lines.
- Rectangle tool to draw rectangles.
- Circle tool to draw circles.
- Eraser tool for erasing purposes.
- Color tool to choose colors.
- … and more
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”
Optimizing HTML5 Canvas to Improve your Game Performance
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”