kbmonkey

Here is a xmas card I whipped up using the web canvas element. Source with commentary and a Live Demo

I second GitHub pages, there is also itch.io if you don't mind embedding into their page.

Isn't criticism the best, it feels like growing Agreed my use of colour is bad, I would say non existent! For your info, my goal is not to become pro, but to improve speed + details in programmer art for those game jams: where you must code and create assets by yourself, from scratch, in 48 hours - *Ludum Dare*. Thanks all, excellent feedback!

@Mike018 Great question! A game does not need to be commercially viable to get created, many other games are created for all other reason: for the fun of it, for programming experience, for a collaborative effort. So your question still stands despite the commercial success corollary which other replies echoed. On the other hand if there was a bigger market for educational games, maybe it would spur an interest within hobbyist developers to create them for all other reasons too. "Magenta Mystery" is a remake I made, of a classic educational game. It is mobile compatible so should work on any mobile browser, tested on Android. The game is completable, ironically I got distracted by other projects to polish it off with the finishing touches.

I decided to improve my programmer art. Yep it's atrocious and I find animating characters the most hardest / frustrating. But the act of art making is a nice break from the code and gives the brain a moment of lateral thinking. Here are a couple scenic backgrounds I did, my flow is to find a creative commons image as reference, reduce the size and palette to any easy 12 colours, trace out structural features, fill them and add shading. Finally I add doodads / furnishings / flotsam. Staring too long at the images makes it hard to see what seems strange, out of place, or wrong. Know of any neat tips, techniques to share?

@zurr I am also upgrading my developer art skills, found this page very useful! http://www.andysowards.com/blog/2012/80-epic-pixel-art-tutorials/

I centred the dragged cards around the cursor/finger, and removed the focus arc. This does feel better

Good feedback, thanks! I will address the issue of the dragged card offset to make it in-line with the cursor/finger, @Umz and @BdR. The auto-move to the foundation is something I am thinking to implement, thanks @ecv. The card images are GPL from here. I will include this in the Readme. Thanks

As @mattstyles said, zero problems and personal preference. A canvas UI is obviously a lot more work and always something you can include later if you decide, I would use the time to focus on the game engine first, while using a HTML UI during development.

I find these invaluable: https://developer.mozilla.org/en-US/docs/Games/Introduction https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial Happy learning!

@danyburton There are hundreds of versions of solitaire games and Klondike is one of the more known versions. To help me debug what you saw, when I start a klondike game #735 there is a red 9 and a red 3 visible. I am not able to put the 9 on the 3. Can you?

Here is a card game engine I recently whipped up. I implemented a couple card games so far, which you can play. My motivation was to learn the 2d web canvas, the engine is written in Vanilla JavaScript and has zero dependencies. The UI was thrown together with Bootstrap. It supports dynamic view ports and is thus mobile friendly. Still in early development, but playable and winnable http://wesleywerner.github.io/penny-farthing/

A good question indeed. I revisited this site today as I am busy making a vanilla JavaScript canvas game. @mUnduli I believe this is the forum you need.

Ah thank you very much to both of you. Setting a custom property on the button object fixed it. And thanks for that details about the 2 parameters Rich, I was looking for the callback signature in the docs but guess I am still learning the JavaScript way of doing things. I would make waffles for both of you

Hi all! I have an interesting question today: I am making a game that requires me to build some buttons that use the same callback: this.buyButtons = []; for (var n=0; n<8; n++) { var y = 10 + (n * 35); this.buyButtons.push(this.add.button(10, y, 'buyButton', this.dealButton, this, 2, 1, 0)); }The buttons perform the same task with a modifier counter, how can I pass an "Index" or similar value to the Callback so it knows which of the 8 buttons was clicked? dealButton: function (pointer) { // which button was clicked this time? // setting a custom property value on each button object would work // but then I need a reference to the button to test against. },Thank you