|
|
|
|
Wooden IQ – Block Puzzle is a cultured, ready-to-publish HTML5 puzzle sport constructed on the Canvas API. Gamers drag block items from the tray onto the board and fill entire rows or columns to clear them. Each degree has a purpose: clear traces by the ice blocks and stars to gather all of them and win.
Every of the ten ranges has its personal board form, akin to Basic Cross, Diamond, Ice Ring, Double X, and Hourglass, so each degree feels totally different. Items will be tapped to rotate, and a Swap helper offers new items when the participant is caught. A Bomb helper blasts a 3×3 space. If no piece can match anyplace, the sport provides a swap, and the extent is misplaced provided that nothing helps.
Gamers earn as much as 3 stars per degree for ending in fewer strikes, and a reside IQ rating rewards good play and combos. Multi-line clears present combo messages and display shake.
The sport is straightforward to put in: add the recordsdata and it really works. It has no frameworks and no construct step. Sound results are generated in code with the Internet Audio API, so there aren’t any audio recordsdata to license. The sport is drawn on a 9:16 portrait canvas that scales to suit any display, so it really works equally effectively on telephones, tablets, and desktop browsers.
- Options
Gameplay
- 10 ranges, every with a distinct board form and a distinct sample of ice blocks and stars
- 10×10 board with drag-and-drop items from a tray
- Clear any full row or column, and clear a number of without delay for a combo
- Stage purpose: break all of the ice blocks and acquire all the celebs
- Faucet a chunk to rotate it (15 rotations per degree)
- Swap helper that offers a brand new set of items (5 per degree)
- Bomb helper that clears a 3×3 space (1 per degree): faucet it, then faucet the board
- Good piece dealing: the sport makes certain at the very least one piece within the tray can match
- Computerized “no strikes” detection, with an computerized swap provide earlier than the extent is misplaced
- Progress bar exhibiting how a lot of the purpose is full
- Expertise Used
- HTML5
- CSS3 (flexbox, grid, gradients, animations)
- JavaScript (ES6, vanilla)
- HTML5 Canvas 2D API
- Internet Audio API
- Pointer Occasions
- localStorage
- Supported Browsers
- Google Chrome (desktop and Android)
- Mozilla Firefox
- Microsoft Edge
- Apple Safari (macOS and iOS)
- Opera
- Samsung Web
Works on Home windows, macOS, Linux, iOS, and Android.
