CakeBet Blackjack is a fun online card game that uses Pixi.js and and websockets to create a multiplayer gaming experience. The company’s mission is to connect people in the Bitcoin community through games that run in your browser. The gaming platform sustains 40-50 FPS on a 1440x900 screen even with a low-end Intel graphics card.
Along with being able to play with your friends, the game is provably fair. Players can validate each hand while seated at the virtual table. CakeBet works in Chrome, Firefox, Safari, and Internet Explorer. The company plans to release a version that is optimized for mobile browsers in March 2015.
The game itself loads up extremely quickly, most likely due to not needing to load massive amounts of textures on account of its retro-stylization. It includes a 2.5 map editor along with a voxel-editor for monsters, meshes and powerups.
It takes advantage of browser's support for pointer-lock to give a full FPS experience.
Give it a shot by clicking on the image below
Elliot Quest, an 8-bit retro adventure built using the Impact.js HTML5 Game Engine, is a great example of the power of HTML5 being used to drive a cross-platform release: it's being released on WiiU, Steam, OUYA, Amazon Fire TV and as a native app on Windows, OS X and Linux. Built by a team of 4, the game is describe as:
An adventure/RPG where players explore the mysterious Urele island in search of an ancient demon. With 5 dungeons to conquer, 16 bosses to defeat, and countless treasures to discover, Elliot Quest is inspired by Zelda II: The Adventure of Link, and many other classy titles.
Check out the Launch Trailer below:
Gorgeous Fall-themed WebGL demo with requisite falling leaves.
For the last year and a half indie studio NWG has been developing Wardensity, an 3D Multi-player HTML5 game being build on WebGL using Three.js as a base.
The game is completely cross-platform (there are web versions for Mozilla & Chrome, desktop version for Win, Linux, Mac & mobile version for Android and Tizen).
The fully-multiplayer game is created using Angular.js for the interface on the front-end and Socket.io, Node.js & Express on the backend along with a custom C++ pathfinding library. Data is stored in MongoDB.
Initially using stock Three.js, the team quickly ran into problems with performance - to solve this they starting merge as many of the draw calls as possible, reducing the original 600-1500 per frame down to 30-50 for the visible map. The team was able to get performance up to a stable 30-40fps on 1920x0180 on a lowly intel hd4000.
Over at LessMilk.com, Thomas is building one new HTML5 Game per week. The games are built using Phaser, a 2d-focused game engine, and while the feature simple graphics - they are quite fun and the animations and smooth and juicy.
Alteil:Horizons is a groundbreaking HTML5-powered turn-based tactics game raising money on Kickstarter. The game is powered by CSS3 Animation and transitions, giving excellent hardware accelerated support across browsers and it uses Angular.js as a front-end framework.
The reasons for picking HTML5 are detailed in a reddit comment:
This allowed us to use pretty much anything we want in the front end, and we started with flash, then looked at unity and even considered the unreal engine. The selling points of these were the graphical superiority and the idea that web games are slow. That said, flash development was a bit complex and had optimization techniques were of little value add for a turn based game. Unity and similar games were awesome but the idea of forcing a user to install a component to play our game felt like it defeated the purpose of a web game.
I ended up asking people to test out the web anyhow, because all of the downsides such as speed were just theories. When my staff tried out our these proof of concepts in reality, I couldn't be happier. We tested to see how much the DOM could take before there was any human noticeable slowdown and it was well beyond anything we'd ever throw at it with our most complex scenes.
With that settled, and the fact that the dom was actually a reasonable choice, I continued along my separation of concerns routine. Knockout was my first choice but it simply didn't handle a project of our scope as well as I'd like. When I looked at angularJs, it had everything i wanted. The server would send in a json update using socketio (well, checking the best and moving all the way down to long pooling if needed) and everything would just bind. Mock data was as sinch too. I was able to have everyone focus on their specialty and not have to be bogged down by things that weren't relevant to what was immediately in front of them.
From a business standpoint, it's a lot easier to find people who developer for the web than almost anything else. Even our end users picked it up like nothing, and I asked someone in our game's chat to throw togetherhttp://cards.apocoplay.com/ for me. He did it almost instantly.
AngularJS is one of the most powerful tools in my product's pipeline.
Check out the Kickstarter for more details as well as the videos below
The game features a in-browser Ruby interpreter, a nice soundtrack, some sexy pixel art and is based on Ryan Bates command line version of the game. The game is built in Impact.js.
Turing Game is a fun puzzle game built in HTML5 where you construct instruction circuits out of a set of available parts to guide a robot to a goal. The puzzles get progressively harder and introduce programming concepts like looping and conditionals.
It's built by Nadbor Drozd and is one of the first larger scale games built with the Quintus Game Engine