hotfeet

it's not phaser and it's not golf but it contains everything you would need. https://www.codeproject.com/Articles/217626/Html-Snooker-Club i think if you give it a read it will show the way.

wow that's impressive. thanks for sharing.

it depends on the background. if it is a rectangle with rounded corners 3 images sounds correct. just slice the ends off and use a 1px wide image for the centre and stretch it for the width of the text. you could cheat and have just 1 end and flip it when drawing the other end but the first option seems standard. if it's a rectangle with square corners, you can just use 1px wide image and stretch it, so super simple. if it's a stylized background with elements which can't be limited to 1px and looks wrong when stretching, you can just repeat it over multiple text widths, at least that's what i

i can't mess about with your code at the moment but i see some things that will give you headaches down the track. maybe check out this example it might give you some idea to get up and running. https://jsfiddle.net/hotfeet/x0s9jdn5/

check out this though i'm not 100 on how you would implement it in your desired render style

these are cool. have you thought about just having a grayscale version and using sprite.tint to save having to use more than a single sprite sheet and having to do the work of converting them to the colors you want. there is a demo here

simplistic presentation but an interesting mechanic. i liked this.

there is a bunch of stuff i don't get about your implementation like using multiple canvases. i did up this jsfiddle https://jsfiddle.net/hotfeet/h015gfgt/ maybe it will help you out a bit. i was going to mess about with your code but i figured it easier to just post a working example of a basic top-down game.

it's difficult to know what might be the issue without seeing some code. it does sound like tunneling and can be a bull to wrangle at times. you might need more advanced collision handling than what was in the fiddle. i just offered it as a simple solution and it works for a lot of things. best of luck.

v.well made. i like it. added your blog to favourites lookin forward to what else you make.

instead of the usual tileX = x * tileSize tileY = y * tileSize i'd do tileX = x + x * tileSize tileY = y + y * tileSize you can check out this fiddle and adjust the spacing var to experiment with the effect https://jsfiddle.net/hotfeet/2pzuwwtf/

here's a quick fiddle that shows that cool minkowski shizzle. i didn't add keyboard controls but just mouse over to move the rect you can just adapt from that. the relevant code is really just the function rectCollision(rect1, rect2) https://jsfiddle.net/hotfeet/euobdLvy/

3 5 & 6 are my favourites. the lava glow on the walls in 6 is nice. 3 has a great feeling of depth something those dark lines in 4 detract from imo. cheers for the vids.

v.cool love it. i was derping hard at the beginning but once i got going it was sweet.