minesweeper Svelte Themes

Minesweeper

A minesweeper clone for the web using TinySlice! My state manager libary.

Minesweeper

The classic Win98 Minesweeper game recreated for the web using reactive technologies such as Svelte and RxJS. With some additional features of a Windows 2000 desktop interface like window management, and a taskbar together with a start menu.

Click on the image to try it out on github pages!

Also available @ Vercel

Comparison

Here's a screencapture from a Windows NT 2000 Virtual Machine:

Differences

I either can't fix these, or they would make no sense to fix. There are of course many more differences, these are the ones I noticed and thought worth mentioning.

  • Font used does not contain actual bold versions of Tahoma at 8px
  • The edges of the tiles and panels within Minesweeper have some 3D Object colored pixels where the edges meet. This cannot be replicated with the box-shadow trick, and regular inset/outset css borders have a sharp edge.
  • The numbers are not pixelated. I've spent a lot of time making those numbers with clip-path's so they will stay. And I think I managed to capture the shape of the original pretty well.
  • Some pixel are not exactly pixel shaped, that's thanks to browser rendering, can't do anything about that.
  • The timer for Minesweeper in the original starts at 1, immediately as you start the game. I believe this is not correct so my timer switches to 1 only after a second after starting the game.

    My initial implementation actually did make the same mistake, and started from 1 immediately!

  • The maximum size of a playfield in the original is 30 by 24, not much larger than the Expert preset. I raised this to 50 by 50.
  • Pressing Cancel in the custom game window resets the game board in the original. I'm not going to do that.

Features

  • Taskbar
    • Start button, animated Start Menu
    • Buttons for open programs
    • A clock
  • Window Management
    • Movable
    • Minimizable (Animated!)
    • Resizable
    • Modals
    • Dropdowns
  • Minesweeper Game
    • Original presets
    • Custom games
    • Highscores
    • Cheating (Recorded to the highscore!)
    • Unlocking the scheme (The original used W98 colors regardless of your scheme)

Known bugs

  • Shortcuts do not work.

Planned features

  • Cheese Terminator
  • Basic scheme editor
  • A tetris game would be cool

Styles

98.css with some tweaks.

Other art

Pixelart was done by me using Pixilart referencing imagery from Windows Virtual Machines.

Top categories

Loading Svelte Themes