HTML5 Canvas Game Demo #8

Click the bubbles to pop them and run up your score! Use the colored buttons to change the bubbles' color.

Previous version: Bubbles

Bizpad Public Beta Launched!

Bizpad's Beta release is now open to the public! Bizpad is a super-easy yet powerful tool for project and contact management. It makes creating, sharing, and tracking of your projects, tasks, documents, and notes as easy as writing notes on a pad of paper. Share projects and coordinate tasks with your contacts just by entering their email address: Bizpad does the rest!

Bizpad's main page

The Bizpad client is a Web-based user interface built using jQuery/AJAX that is functional on all popular browsers, including IE 7 & 8, Firefox, Google Chrome, Apple Safari, Opera, and Safari on iPhone/iPad. The Bizpad services are built on a cloud architecture using LAMP (Linux/Apache/MySQL/PHP), a RESTful API, and Amazon's Elastic Compute Cloud (EC2) and Simple Storage Service (S3). Visit Bizpad now to see the demo and try out Bizpad.

Bizpad has been developed by Empisys as lead developer in partnership with Xiosoft.

Sparkler Screensaver Source Code contains the source code for the Sparkler screensaver. Sparkler can be built on Windows and Linux.

Fanspray Screensaver Source Code

The Fanspray screensaver is free, open source code. The attachment at the bottom of this post contains the source code. It builds on Microsoft Windows and GNU/Linux.

Interactive HTML5 canvas animation

Click on the canvas to add more blobs. The colored buttons set the blob color. RND sets random color.

This works in Firefox, Safari, Chrome, iPhone, and IE9 browsers.
This page uses HTML5+Javascript without Flash or other plugins. To see how this is done, open this page and view source.

Simple AJAX Example

AJAX (Asynchronous Javascript and XML) is a technique for creating dynamic Web pages. AJAX is used to change elements of a Web page without reloading the whole page from the server, thus increasing performance and responsiveness. It was first named in 2005 and now is a relatively mature technology. All major browsers support it, popular sites use it heavily, and many Web development tools and languages build upon it. For more background about AJAX, see this Wikipedia article.

This page demonstrates basic AJAX functionality. The most popular way to use AJAX is via Javascript that is executed by user actions or a timer. The Javascript makes a request to the Web server, and when a response is received, HTML elements on the page are updated with the new information. Since this occurs asynchronously (in other words, is non-blocking), the user can interact with the Web page while AJAX request/response communication is happening, and so perceives that the page is more responsive.

Assume that you're building a Web page that displays a counter. This counter could show the number of messages the user has, time spent on the site, or similar information. You want the counter to get new information from the server without reloading the rest of the page.

Here are a counter and a button that uses AJAX to call a server-side method to update the counter's value:


Click on the button to see AJAX in action.

HTML5 canvas 2D animation

This tests using the HTML5 canvas element to render animated 2D graphics.

Code Examples for Unit Test Frameworks contains the complete code examples for the book Unit Test Frameworks. It is free open source code. Most of the code requires a Java Development Kit (JDK) and JUnit. Some code uses GNU C++, Python and .NET. For a detailed explanation of the examples, read the book.

Sol - Free Game Download for Windows

Sol - Free Game Download for Windows

Destroy the alien swarms that are threatening the Solar System!
Download Sol (12 Mb)

Syndicate content