◀ VibeCruiser

webcanvas tetris

A free tetris game — play it in your browser, no install. HTML5-Canvas/JavaScript Tetris game with an animated background

by @Btsan · Btsan/webcanvas_tetris on GitHubLANG JavaScript★ 3HOSTED ON BTSAN.GITHUB.IOUPDATED 20 Jun 2022

Vote and save it — free account with email or sign in with GitHub

Made this, @Btsan? See how many people played it → or use email

▶ Play full screen ▲ Vote: free account with email ▲ Or sign in with GitHub

GitHub may ask you to sign in, then to let VibeCruiser “Verify your GitHub identity” and “Act on your behalf”. We only read your profile and email, and never post anything.

Open the live demo Source on GitHub

From the README

Simple HTML5-Canvas/JavaScript Tetris game implementation. Demo complete with background effect.

This project began as part of another project, but later did not get used. I modified it to be a playable web demo. It runs well on desktop and mobile devices.

The background animation uses colors interpolated from value noise. The implementation uses code I adapted from my previous project which utilized 2D value noise. Here, I extended my Noise.js file to produce 3D value noise.

The game implementation tries to follow the standard Tetris guidelines.

Read the full README on GitHub →

Built something like this? Submit your vibe — free account, takes a minute. How listing works.

More like this

More tetris games →

Made this?

Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.

Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.

On VibeCruiser

How listing, the badge and claiming work →