So, I tried creating a little puzzle game, which at the moment looks something like this     The top is the puzzle where you can put pieces that are chosen from a table with 1 row (scrollable) from the bottom of the page  Problem is those are 9 indiv...

Although there are many tutorials about how to render sprites, which I already know, I was wondering about how I can animate my sprites in an object oriented way. Let's say I have a Player-class  class Player{     constructor(){         this.text...

I have a sprite that animates using a sprite sheet. He is only 16x16, but I want to scale him up to around 64x64 in all its pixel-y goodness!     The results are terrible, of course the browser is anti aliasing it. :/  Thanks!  EDIT:  No css needed,...

How can we position the sprite image as Google map marker. For eg: In css we are positioning the image like   background: url('../images/bodycss/pointer.png') 28px -32px;   Now how can I include the above code to the below google api-v3 funct...

I am doing an experiment and attempting to improve the max particle count before frame-rates start to drop in HTML5 Canvas.   I'm using requestAnimationFrame, I'm using drawImage from a canvas as this seems to be the fastest method for render...

I've been requested to create a simple png animation: a glint that appears when hovering over menu items as seen here: http://www.breathoflifeart.com/wordpress/videos/ As you can see at time of posting, the animation plays fine, but stops in plac...

I am making a game in javascript/html5. I am generating random thought balloons composed entirely of sprites. The balloon itself and the text. I get all of this working no problem, however, I am trying to simulate a carriage return so that the "s...

I'm trying to figure out how to create a rotating image effect using a sprite sheet in javascript. What I'm trying to do:  Two buttons:  Left button: Rotate 15 frames to the left.  Right button: Rotate 15 frames to the right.  I realize that...

Can someone help me understand how three.js initially determines the size/scale of a sprite?  At the moment I'm working with 4 sprites (PNGs with transparency that are 3000px?×?1830px) stacked in 3D space, but I'm having to scale them up bet...

I'm currently working on a basic javascript game that has two sprites that are not to be collided together.  However, basic bounding box collision won't suffice as there are portions of the sprites that are transparent and wouldn't 'c...