Browser testing

Any testing is really appreciated, just run the game in a browser. See something odd OR NOT, report it to me. Name the browser you're using and the problem that occurs or if it runs smoothly.

Tested in: Safari 4-5, Google Chrome 5.0, FireFox 3.6, Opera 10.10

Priority testing (striped items are tested)

Some styling only works for Webkit browsers, or modern browsers.

Open in new windowblank-link-icon Open in RW templateblank-link-icon

Level: 1
APM: 0
Time: 0
  • 0
  • 0
Loading...
Game Over

About

x

Tetris Stack

This is a RapidWeaver Stack. Build in HTML, CSS3 and JavaScript. Stack is build by Jeroen Ransijn.

Authors

Current: Jeroen Ransijn
Jeroenspy.nl/tetris

Original: Cezary Tomczak
gosu.pl/tetris

Highscores

x

Note: these scores are kept in cookies, they are only visible to your computer.

Download for Free See downloads for more info

Tetris, ready for web 2.0

Bringing the popular brick dropping game to every website possible. With the use of HTML, CSS and JavaScript, Tetris can be played in every website. With a stylish UI, it's fun to put Tetris on your website and spread the Open-source word!

Versions

Basically, there is the source code, optimized to put in your website. Also I converted it into a Stack for the Stacks plug-in for RapidWeaver. If you want to port it to another platform, feel free to!

Open-source

Such a product as this should be available for everyone, so I chose to keep it open-source. You may modify it, improve it, publish it or do anything you like! I hope keeping this product open-source and high quality shows people the power of web technologies.

This game was originally build by Cezary Tomczakblank-link-icon, and licensed under the BSD revised.
Me, Jeroen Ransijn, took the code and improved it dramatically and published it again, also as a Stack. Most of the JavaScript is still the original, though the HTML and CSS is highly improved.

Features

  • Easy and fast to implement
  • Level, Actions Per Minue(APM), Time, Lines and Score
  • Stylish UI
  • Optimized sprite image (yes, only 1)
  • Clean and readable code
  • Fun!

Request features

Want something to be different, or noticed a bug, contact me.

Install guide

  1. Download all the files needed.
  2. Put 'tetris.css', 'tetris.js', 'tetris_sprite.png' and optional 'tetris-corner-fix.png' on your server.
  3. Link to the CSS and JS in your HTML file
  4. Put in the HTML somewhere between your body tags
  5. Donate :)

Still not quite sure what to do? Open Tetris in an empty windowblank-link-icon

For Stacks - RapidWeaver

Make sure you have the Stacks plug-in from YourHead software, it is a commercial product.

  1. Download the Stack
  2. Install the Stack
  3. Donate :)

Optimized

  • CSS Reset Tetris container, no inheritance
  • ID's and Classes cause no interference
  • Progressive CSS3/browser specific (CSS3 is kept apart from the rest)
  • HTML,CSS and JS is neatly coded

Mac OS X

Tested in: Safari 4-5, Google Chrome 5.0, FireFox 3.6, Opera 10.10 Help testing
Some styling only works best in Webkit browsers: Safari and Chrome

Downloads

Everything can be found at Googlecode.

Tetris Stack v1.0
Tetris source, regular website