Top 5 great games at Chrome Store: Angry Birds, Fancy Pants Adventure World 2, Cargo Bridge, Steambirds Survival, and Canvas Rider

If you use Chrome, head out to the ‘Chrome App Store’ and get the following classic free games:
(1) Angry Birds, (2) Fancy Pants Adventure: World 2, (3) Cargo Bridge, (4) Steambirds: Survival, (5) Canvas Rider

There are tons of free games on the internet, of course, but if you do not want to waste time looking for them and just want some cool, fun games to sink your teeth into, consider the ones on this list. These are casual games that are guaranteed to satisfy; just go ahead and grab them, you will not be sorry that you did.

Chrome apps vs. flash games: although that you could play most of these as browser independent flash games somewhere on the internet, in some cases there is an advantage in installing these as Chrome apps in that in some instances (a) your progress is saved and associated with your gmail login, and (b) you can play offline in some case, and (c) the Chrome store enables game vendors to use the freemium model, where in-game upgrades can be purchased.

More info and screenshots:

1. Angry Birds: the iPhone classic works may not work as well with the mouse as with touchscreen controls, but is still so much fun that you probably won’t even notice.

This this game at: http://html5games.html5examples.info/playgame/canvas-rider

2. Fancy Pants Adventure World 2: so much fun and one of my personal favorites, I love the way this game looks and the gameplay is extremely satisfying.

Fancy Pants Adventure World 2 screenshot

3. Cargo Bridge: a bridge building game that’s the kind of addictive physics game that we’ve been seeing more and more of lately, esp. on touchscreen devices like the iPhone (though I could not find an iPhone version of this game as of this writing).

Cargo Bridge Screenshot1Cargo Bridge Screenshot2

4. Steambird Survival: if I told you that a turn based game can be action packed would you believe me? That’s exactly what this aerial dogfighting game manages to achieve. Very cool!

Steambirds Survival Screenshot

5. Canvas Rider: this game (which harkens back to previously mentioned Linerider), has the player riding around on hundreds of user-submitted tracks. These are frequently very creative and/or amazingly beautiful, but also frequently very difficult. You can draw and submit your own if you like.

Canvas Rider Screenshot

Try this games at: http://html5games.html5examples.info/playgame/canvas-rider

Original post: http://www.freewaregenius.com/2011/10/02/get-5-great-free-games-at-the-chrome-store-angry-birds-fancy-pants-adventure-world-2-cargo-bridge-steambirds-survival-and-canvas-rider/

Some of JS Engine for making HTML5 Game

1. LimeJS is a HTML5 game framework for building fast, native-experience games for all modern touchscreens and desktop browsers.

2. Write AS code into HTML – FlashJS is JavaScript graphics and game development engine with API similar to Flash one.
It`s HTML5 game development tool, based on verified for years Flash methodology.
Just write ActionScript 3 code inside of <actionscript> tag.

3. Crafty is a JavaScript HTML5 Game Engine, Cross Browser compatible, Canvas or DOM, Small file size, Entity Component System, Sprite Map support, Collision Detection, Fire & Forget Events, Lots ‘o Goodies

4.  MelonJS, A lightweight HTML5 game engine  with Javascript, and came from the feeling that no simple, free and standalone library was available to develop games. melonJS is the result of our enthusiasm and past experiments with Javascript, and came from the feeling that no simple, free and standalone library was available to develop games. And although still a work in progress, melonJS already allows to easily create some nice games (see the Gallery page).

5+ Impressive Free HTML5 Games You Can Play In Your Browser

HTML5 signifies the evolution of markup languageas we know it. Adding a range of new tags, multimedia capabilities and removing the need for many proprietary plugins, it is easy to understand how HTML5 is seen as a big step forward in web development.

Flash games were once the norm when it came to browser-based entertainment, but now thanks to the powerful nature of HTML5 many web applications, streaming services and games are taking advantage of the new bells and whistles.

You’ll need a HTML5 compliant browser to join in, all of these HTML5 games have been tested with the latest stable Google Chrome on Ubuntu 10.10. Other HTML5 compliant browsers include Safari, Firefox and Internet Explorer 9.

Canvas Rider

Blatantly inspired by the classic Line Rider, Canvas Rider allows users to create, share and ride user-generated tracks. If you’ve ever played a physics-based bike game (think Trials, or the more recent Trials HD) then the concept will be very familiar.

html5 games

As a biker you must reach the end of the level, which is considerably easier said than done. Careful use of throttle and lean controls will help maintain your rider’s position on the bike, and when you’re sick of being thrown off all the time you can have a go at creating your own level.

There are hundreds of other users’ creations which can be easily filtered by popularity to reveal some beautifully-crafted levels. Chrome users can install an extension for quick access to Canvas Rider.

VII

VII transforms your whole browser window into a monochrome platform world, with smooth animations, physics and responsive controls. Using both the mouse and keyboard you must navigate, manipulate and clear each screen before progressing.
free html5 games

Your telekinesis can be used to move or surf objects and solve thought-provoking puzzles and predicaments. The quirky art style and character (who vaguely resembles Roger from American Dad) plods along at a sombre pace, allowing you to take in all the HTML5 goodness along the way.

Technically brilliant, graphically pleasing and completely free; VII is a great little introduction to the world of browser-borne platform games.

BoredBoredBored

Whilst VII takes on a more relaxed pace, BoredBoredBored employs a different approach – frantic, death-defying arcade action. Using the arrow keys and your space bar, you (quite literally a dot) must avoid incoming enemy fire whilst propelling yourself into waves of oncoming enemies.

free html5 games

Your only method of attack is accessed via the space bar, the longer you charge your shot; the greater your area of effect.

At the end of the game you will be given a breakdown of how terrible you are, that is unless you make it to the final wave. BoredBoredBored is a fine example of how HTML5 can be used to create an incredibly fast-paced arcade game that can run natively in a browser window.

Sand Trap

Instead of taking advantage of one of the many physics engines for the Flash or Java platform, Sand Trap uses its own built-from-scratch HTML5 effort in this addictive puzzler. Each level contains a maze, and within that maze is a small amount of sand. By rotating the maze, it is your task to syphon the sand into the bucket.

free html5 games

Playing on its simple nature, Sand Trap soon becomes complex and very addictive; especially if you have a soft spot for physics games. This game would probably be even better with a touch interface, if you’re lucky enough to have a tablet PC or similar.

FreeCiv

Civilization in your browser – need I say more? For those of you who do remember the original Civ, FreeCiv is a faithful representation of the Sid Meyer classic that stole so much sleep from those who played it.

html5 gaming

Those that don’t are in for a treat! Don’t let the flat, dated graphics distract you, in Civ the whole world is your oyster. You must explore, settle, trade, mine and generally build a turn-based empire from the comfort of your browser. There’s a tutorial to get you up to speed, and scenarios to play through if you wish.

The option to play against AI or other human players is yours, and you can fully customize your games beforehand. Bye-bye spare time!

The Rest

There were a few games that didn’t quite make the main list but distracted me long enough to warrant a mention, and these were:

Torus

html5 gaming
A nifty take on Tetris, replacing the usual 2D interface with a fully 3D hollow sphere.

Pirates Love Daisies

A delightful HTML5 tower defence game that gives some of the premium efforts out there a run for their money.

JSLander

html5 games

A faithful Lunar Lander clone coded in HTML5 and JavaScript.

Hint: you’ll need a Y velocity below 6 not to crash and below 3 for the perfect landing.

World’s Biggest Pac-Man

An awesome selection of custom Pac-Man levels, all linked together. Bored of your current maze? Exit and seamlessly join the next!

Conclusion

If you’ve not upgraded to a HTML5 compliant browser yet, you’re probably missing out on the web’s hottest new tricks. As a Linux user, constant Adobe Flash crashes, glitches and sluggish behaviour is to be expected on my system. Not once whilst testing any of the games in this article did my PC flinch.

There are some things online that only Flash can do… for everything else there’s HTML5.

Any HTML5 games that tickle your fancy? Which browser do you use? Have your say in the comments below.

[Read more...]

Tools for HTML5 Game Development

Depending on the type of games you are developing, you may want to use one or more of the many libraries that make it easy to do things that are needed in games – for example, animation, collision detection, viewpoint automation, etc. Here are some of the libraries we have used and recommend.

This is by no means a complete listing – we encourage you to look around because one of the great benefits of using HTML5 and JavaScript is the fact that there are literally thousands of JS libraries to help you construct the games you want to develop.

ImpactJSImpact is a JavaScript game engine that allows you to develop HTML5 Games in no time. We highly recommend this engine as it is the fastest of its genre and highly versatile. This engine also comes with the incredible Weltmeister editor which lets you easily create tile-based levels. Both FUBAR and Furious Fowl were created with this engine.

Learn more about ImpactJS

Construct 2 by ScirraMake games with no programming required in Construct 2, the HTML5 game creator. Drag and drop a game together in minutes with the powerful event system and preview over Wifi for instant testing on real devices. Also extendible with the Javascript SDK for custom coding or server side integration

Learn more about Construct 2

LimeJSLimeJS is an HTML5 game framework for building fast, native-experience games for all modern touchscreens. Released under Apache’s open source licence, LimeJS can be used to make a vast assortment of games.

Learn more about LimeJS.

Box2DJSBox2DJS is a JavaScript port of Box2D Physics Engine. This engine is a little bulky for mobile, but other engines such as ImpactJS have successfully integrated plugins that fully utilize Box2D in a way that still works well on mobile.

Learn more about Box2D.

The Render EngineThe Render Engine is a newer HTML5 engine that is available for both commercial and open source development through the MIT open source license. Designed from the ground up to be extremely flexible, it boasts an extensive API and uses the newest features of today’s modern browsers.

Learn more about The Render Engine.

Here’s a comprehensive HTML5 game engine list, covering commercial, open source, and abandoned game engines.

Original link: http://www.appmobi.com/?q=node/158

Hexagame Word Puzzle

Hexagame is an Open Source HTML5 word game developed by Matteo Spinelli. You can play the latest version live at:

http://hexaga.me

Basic rules

  1. Compose words by selecting a minimum of three nearby tiles.
  2. Click (or tap) on the last selected tile to confirm the word.
  3. Find as many words as you can in the given time frame (3 minutes per level).

You have a limited number of swaps. Swaps let you rearrange the tiles position.

  1. To change a tile position click (or tap) and hold on it and drag on a nearby tile.
  2. Release to confirm.
  3. You have a limited number of swaps available. Use them wisely.

Client side

To get better performance on tablets and mobile devices the UI is built out of HTML elements and CSS, this is not a canvas game. The game does not use any JS framework, it’s all hand crafted custom code. This makes the whole game resides comfortably in just 15kb (minified+compressed).

Server side

Server side the game uses PHP for very simple tasks (the leader boards mostly). The only dependency is Google OAuth2 library (not included in this repo) needed for user’s sign in. More sign in gateways will be added in the future (twitter, facebook, …).

To add the OAuth PHP client to Hexagame, move the client src directory inside Hexagame libs directory and rename it google(./hexagame/libs/google/...).

You also need to rename the config-test.php file to config.php and fill the $config variable inside (it should self explanatory).

Compatibility

The game is in beta stage and the list of supported browsers/platforms is still limited:

  • Desktop
    • Chrome (best performance overall)
    • Safari (smoothest animations)
    • Firefox (works, low framerate)
    • Opera (works, low framerate)
    • Internet Explorer 9+ (glitches, need debug but good performance)
  • Tablet
    • iPad (small glitches)
    • Android (doesn’t work, need work)
  • Mobile
    • No mobile device supported. Android and iPhone planned. Possibly other webkit based devices. I don’t think the WinPhone 7.5 browser can handle this, maybe WP8.

Database structure

A mysql database is needed for the leader boards. The DB structure is as follow:

CREATE TABLE `users` ( `id` int(11) unsigned NOT NULL AUTO_INCREMENT, `name` varchar(32) NOT NULL DEFAULT '', `email` varchar(128) NOT NULL DEFAULT '', PRIMARY KEY (`id`), KEY `name` (`name`), KEY `email` (`email`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8; CREATE TABLE `sessions` ( `id` char(40) NOT NULL DEFAULT '', `user_id` int(11) unsigned NOT NULL DEFAULT '0', `token` text NOT NULL, `time` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP, PRIMARY KEY (`id`), KEY `user_id` (`user_id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8; CREATE TABLE `scoreboards` ( `id` int(11) unsigned NOT NULL AUTO_INCREMENT, `user_id` int(10) unsigned NOT NULL DEFAULT '0', `time` bigint(20) unsigned NOT NULL DEFAULT '0', `language` char(5) NOT NULL DEFAULT '', `platform` tinyint(4) NOT NULL DEFAULT '0', `score` int(10) unsigned NOT NULL DEFAULT '0', `words` smallint(5) unsigned NOT NULL DEFAULT '0', `letters` mediumint(8) unsigned NOT NULL DEFAULT '0', `level` smallint(5) unsigned NOT NULL DEFAULT '0', PRIMARY KEY (`id`), KEY `user_id` (`user_id`), KEY `score` (`score`), KEY `language` (`language`), KEY `user_id_2` (`user_id`,`score`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8; CREATE TABLE `leaderboards` ( `id` int(11) unsigned NOT NULL AUTO_INCREMENT, `rank` int(10) unsigned NOT NULL DEFAULT '0', `user_id` int(11) unsigned NOT NULL DEFAULT '0', `language` char(5) NOT NULL DEFAULT '', `platform` tinyint(4) NOT NULL DEFAULT '0', `score` int(10) unsigned NOT NULL DEFAULT '0', `words` smallint(5) unsigned NOT NULL DEFAULT '0', `letters` mediumint(8) unsigned NOT NULL DEFAULT '0', `level` smallint(5) unsigned NOT NULL DEFAULT '0', PRIMARY KEY (`id`), KEY `user_id` (`user_id`), KEY `score` (`score`), KEY `rank` (`rank`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8; 

Please note that the DB structure will likely change.

Dictionaries

The game is a word puzzle so it is based on a word list. The dictionary files are not included in the repo but you can download them from http://hexaga.me/dict/wordlist.zip. In the archive you’ll find the post-processed word lists for the following languages:

  • US English
  • UK English
  • Italian is ready but disabled in beta phase

If you want to contribute with other languages please follow these rules:

  • It is not a simple dictionary but a word list. We need all verb forms (infinite, present, future, past, etc), plural and singular, male and female, adjectives in simple, superlative, comparative, diminutive, and so on.
  • Include the most commonly used words only and some neologism. Ideally the word list shouldn’t exceed ~1mb uncompressed. The US dictionary for example is just 350kb, while Italian is 950kb.
  • Include only words 3 to 8 characters long.
  • If possible accented vowels should be converted into the not-accented counter part (e.g.: è = e). When not applicable, please contact me before proceeding.

TO-DO

  • Optimize iPad version
  • Fix IE glitches
  • Add tutorial and instructions
  • Add Options page (to change language and preferences)
  • Add Audio
  • Add android tablet compatibility
  • Add mobile compatibility
  • Add more sign in gateways (twitter, facebook, …)

Quick reference to build a local working environment

  1. Download the wordlist, unzip and place it in the dict folder.
  2. Rename config-test.php to config.php.
  3. Add audio files in the Audio folder (not provided in this repo)

You should be ready to go. If you want to add the leader boards and user login you also need.

  1. Create the hexagame Mysql database with the given structure.
  2. Access the Google API console and register you application/domain.
  3. Download the OAuth PHP client, copy the src directory inside the Hexagame lib directory and rename it google.
  4. Fill the $config variable.
  5. Change the return URL in the login.js file (inside the googleSignIn function).

License

Although the code is MIT licensed, the name Hexagame, the logo and the icons are copyrighted materials owned by Matteo Spinelli. The code is offered for educational purposes.

Ping your blog, website, or RSS feed for Free Sitetag