Code

iBreak!

iBreak!

Fun html5 game.

HOW TO PLAY:

Description: I am a bottle.I hang from the wall.But when I fall, iBreak. Your job is to catch me before I fall to the floor and break.

The less you break, the better the score. So try to pass all 3 levels with breaking as few bottles as possible.

Installation:

1. You can use the “ibreak.html” file provided with the source files as the container html or page for the game. Simply copy and paste the source files in your desired web location or directory.

2. If you do not want to use the “ibreak.html” file provided, and if you want to embed the game in an existing web page, just put in the javascript and css links in the webpage/html file as below:

SO inside the “head” tag of the html file, after the “title” tag, add the following lines: <link rel=”stylesheet” href=”ibreak.css”> <script src=”lib/easeljs-NEXT.combined.js”></script> <script src=”lib/tweenjs-NEXT.min.js”></script> <script src=”lib/soundjs-NEXT.min.js”></script> <script src=”lib/preloadjs-NEXT.min.js”></script> <script src=”Main.js”></script>

Make sure the “Main.js” and the “ibreak.css” is in the same directory as the html file that will contain the game.

Also make sure the “lib”,”images”,and “sounds” folders are also in the same directory as the html file.

You can edit the “ibreak.css” file easily with notepad.You can also edit the “Main.js” file same way.

WORDPRESS:

3. To embed the game in wordpress website, make sure you have “iframe” plugins installed in your wordpress web site.

Then load the game in your www directory or web site, copy the url and paste the url inside the “iframe” tag.

[iframe src=”url address of the game”]

FOR FURTHER INSTALLATION HELP. PLEASE CONTACT ME.

INFO:

Source files included, in HTML5 and Javascript format.The “Main.js” file is the javascript file that contains all the game mechanism. So you can edit this file easily in notepad. The codes are commented for your guidance.

You can easily change the graphics and sounds of this game from the attached “images” and “sounds” folder in the source files.

The game runs in all the devices that supports a web browser with HTML5.

It has local device high score system. SO the highest score is recorded.

  • Easy installation. Just copy and paste the source files in you desired location. In the “ibreak.html” file there is links to the library files and the javascript files. There is also a css file named “ibreak.css”. Edit this css file to change the outline of the html5 file.
  • You do not need to buy any software or anything extra to run this game.
  • No programming knowledge needed to change the graphics or to reskin.
  • The game screen scales to any device screen.The maximum witdh is 1360px and height is 650px.
Software used: A javascript library called the “Createjs”. It is open source and free to use. The library is included with the source files in the “lib” folder.

A help file is attached for easy installation.

by
by
by
by
by
by