54 lines
1.1 KiB
Markdown
54 lines
1.1 KiB
Markdown
# UNO game written in JavaScript for HTML
|
|
I used:
|
|
- JavaScript
|
|
- webpack and some loaders: to pack to one file
|
|
- [Wallpaper Access](https://wallpaperaccess.com/): Background image
|
|
|
|
|
|
|
|
## Demonstration
|
|
[DEMO on GitHub page](https://newini.github.io/uno-game-js/)
|
|
|
|
|
|
|
|
## Installation
|
|
|
|
|
|
|
|
## How to use?
|
|
Put these lines in the HTML body.
|
|
```
|
|
<div id='uno-game'></div>
|
|
<script src='main.js'></script>
|
|
```
|
|
|
|
|
|
|
|
## For developers
|
|
|
|
|
|
### Install webpack
|
|
This repo is compiled with `webpack`. So, first install webpack by
|
|
```
|
|
npm install webpack webpack-cli style-loader css-loader file-loader sass sass-loader --save-dev
|
|
```
|
|
- `webpack`, `webpack-cli`: webpack
|
|
- `style-loader`: Creates `style` nodes from JS strings
|
|
- `css-loader`: Translates CSS into CommonJS
|
|
- `file-loader`: copy image files to dist
|
|
- `sass`, `sass-loader`: Compiles Sass to CSS
|
|
- `--save-dev`: write dependencies in `devDependencies` instead of `dependencies` in `package.json`
|
|
|
|
### Config webpack
|
|
Edit `webpack.config.js` to use webpack loaders
|
|
|
|
### Use webpack
|
|
```
|
|
npx webpack
|
|
```
|
|
or
|
|
```
|
|
npm run build
|
|
```
|
|
This command will generate `dist/main.js`
|