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'd do. in the end you'll just have to test test test.

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.