Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/AlexAegis/minesweeper
A minesweeper clone for the web using TinySlice! My state manager libary.
https://github.com/AlexAegis/minesweeper
minesweeper rxjs svelte sveltejs tinyslice typescript
Last synced: 4 days ago
JSON representation
A minesweeper clone for the web using TinySlice! My state manager libary.
- Host: GitHub
- URL: https://github.com/AlexAegis/minesweeper
- Owner: AlexAegis
- License: mit
- Created: 2020-07-17T14:06:44.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-10-27T14:09:31.000Z (14 days ago)
- Last Synced: 2024-10-28T00:50:52.494Z (13 days ago)
- Topics: minesweeper, rxjs, svelte, sveltejs, tinyslice, typescript
- Language: TypeScript
- Homepage: https://alexaegis.github.io/minesweeper/
- Size: 5.15 MB
- Stars: 60
- Watchers: 3
- Forks: 4
- Open Issues: 4
-
Metadata Files:
- Readme: readme.md
- Changelog: CHANGELOG.md
- Funding: .github/funding.yml
- License: license
Awesome Lists containing this project
README
# [Minesweeper](https://alexaegis.github.io/minesweeper/)
[](https://github.com/AlexAegis/minesweeper/actions/workflows/cicd.yml)
[](https://www.codacy.com/gh/AlexAegis/minesweeper/dashboard?utm_source=github.com&utm_medium=referral&utm_content=AlexAegis/minesweeper&utm_campaign=Badge_Grade)
[](https://github.com/prettier/prettier)
[](https://github.com/sveltejs/svelte)
[](https://vercel.com/alexaegis/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.
[](https://alexaegis.github.io/minesweeper/)
> Click on the image to try it out on github pages!
[Also available @ Vercel](https://minesweeper-kit.vercel.app/)
## 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`](./docs/w2k.blog.md#3d-objects) 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](https://jdan.github.io/98.css/#intro) with some tweaks.
## Other art
Pixelart was done by me using [Pixilart](https://www.pixilart.com/alexaegis)
referencing imagery from Windows Virtual Machines.