Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What HTML5 Canvas tools should I use to build a card game? [closed]

I'm looking to create a card game using HTML5 Canvas and JavaScript, and I want to know what Canvas tools could make my life easier.

I've found CreateJS and taken some notes on it:

  • Suite of libraries/tools for simplifying complex interactions with HTML5/CSS/JS
    • EaselJS - Abstraction layer on top of HTML5 Canvas
    • SoundJS - Abstraction layer for HTML5 Audio
    • TweenJS - Library for animating HTML5 and CSS properties (cool easing demo)
    • PreloadJS - Library for preloading assets (JS, images, sounds, data, etc.)
  • Documentation seems thorough
  • Lots of demos; no Getting Started Guide/Tutorial to be found
  • Free and open-source (sponsored by Adobe and Microsoft)

What other tools/engines would be useful for making card games for the browser?

Bonus points for tools/frameworks that would help me outside of HTML5 Canvas. I'm using Node.js on the backend, and planning on using Socket.IO/Express/MongoDB, since that's what I know.

Note: I've collected some notes on game engines/tools (including the CreateJS notes above) in this Google Doc. Feel free to add your points to this doc.

like image 624
Aaron Avatar asked Feb 06 '13 09:02

Aaron


People also ask

Is HTML canvas good for games?

The <canvas> element is perfect for making games in HTML. The <canvas> element offers all the functionality you need for making games. Use JavaScript to draw, write, insert images, and more, onto the <canvas> .

Is HTML5 canvas still used?

The HTML5 canvas has the potential to become a staple of the web, enjoying ubiquitous browser and platform support in addition to widespread webpage support, as nearly 90% of websites have ported to HTML5.

Can you make games with HTML5?

In short, HTML5 offers the ability to create cross-browser and cross-platform games. It means you'll have to code once and can deploy the game anywhere. It'll not only save you effort but lots of money as well. It's because you won't have to create different games for different platforms.

What can you do with HTML5 canvas?

HTML5 element <canvas> gives you an easy and powerful way to draw graphics using JavaScript. It can be used to draw graphs, make photo compositions or do simple (and not so simple) animations.


1 Answers

Maybe you want to check this list, but seems like you are missing a couple of sprite based canvas libraries:

  • GameJS
  • Doodle-js

Also I can recommend jaws, because I have used in an online casino game (bingo) with good results. They described as:

Easy and robust game state system to switch between menus, play, high score lists and settings

like image 113
Tom Sarduy Avatar answered Sep 22 '22 15:09

Tom Sarduy