camill/uno-game-js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use url loader to put in one file

Browse Source
This commit is contained in:
Eunchong Kim 2021-07-29 21:23:17 +09:00
parent f98ac7d1d0
commit e42950aa57
9 changed files with 58 additions and 5469 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
js/25c444c4f582dbc97530.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 6.1 KiB

5395
js/377dcbde62f67ce002a7.svg
View File

File diff suppressed because it is too large Load Diff
Side by Side

Before

Width:  |  Height:  |  Size: 296 KiB

BIN
js/494a6b831f5837e010b9.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 98 KiB

77
js/uno_game.js
View File

File diff suppressed because one or more lines are too long

39
package-lock.json generated
View File

@ -14,6 +14,7 @@
"sass": "^1.35.2",
"sass-loader": "^12.1.0",
"style-loader": "^3.1.0",
"url-loader": "^4.1.1",
"webpack": "^5.45.1",
"webpack-cli": "^4.7.2"
}
@ -1675,6 +1676,33 @@
"punycode": "^2.1.0"
}
},
"node_modules/url-loader": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/url-loader/-/url-loader-4.1.1.tgz",
"integrity": "sha512-3BTV812+AVHHOJQO8O5MkWgZ5aosP7GnROJwvzLS9hWDj00lZ6Z0wNak423Lp9PBZN05N+Jk/N5Si8jRAlGyWA==",
"dev": true,
"dependencies": {
"loader-utils": "^2.0.0",
"mime-types": "^2.1.27",
"schema-utils": "^3.0.0"
},
"engines": {
"node": ">= 10.13.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/webpack"
},
"peerDependencies": {
"file-loader": "*",
"webpack": "^4.0.0 || ^5.0.0"
},
"peerDependenciesMeta": {
"file-loader": {
"optional": true
}
}
},
"node_modules/util-deprecate": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@ -3077,6 +3105,17 @@
"punycode": "^2.1.0"
}
},
"url-loader": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/url-loader/-/url-loader-4.1.1.tgz",
"integrity": "sha512-3BTV812+AVHHOJQO8O5MkWgZ5aosP7GnROJwvzLS9hWDj00lZ6Z0wNak423Lp9PBZN05N+Jk/N5Si8jRAlGyWA==",
"dev": true,
"requires": {
"loader-utils": "^2.0.0",
"mime-types": "^2.1.27",
"schema-utils": "^3.0.0"
}
},
"util-deprecate": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",

1
package.json
View File

@ -28,6 +28,7 @@
"sass": "^1.35.2",
"sass-loader": "^12.1.0",
"style-loader": "^3.1.0",
"url-loader": "^4.1.1",
"webpack": "^5.45.1",
"webpack-cli": "^4.7.2"
}

4
src/index.js
View File

@ -5,6 +5,8 @@ import BasicCanvas from './js/basic_canvas.js';
import Room from './js/room.js';
/* SCSS */
import './styles/uno-game.scss';
/* Image */
import green_table from './images/green_table.jpg';
// Global variables
global.canvas_count = 0; // increment number to avoid the same canvas id
@ -23,7 +25,7 @@ document.addEventListener('DOMContentLoaded', () => {
// Create background canv
const bkg = new BasicCanvas(0, 0, global.uno_game_w, global.uno_game_h);
bkg.canvas.classList.add('uno-game-canv-bkg');
bkg.canvas.style.backgroundImage = 'url(' + green_table +')';
// Create UNO title
const title = document.createElement('h1');

3
src/styles/uno-game.scss
View File

@ -11,9 +11,6 @@
}
/* Main view */
.uno-game-canv-bkg {
background-image: url('../images/green_table.jpg');
}
.uno-game-title {
position: absolute;
left: 0;

7
webpack.config.js
View File

@ -18,7 +18,12 @@ module.exports = {
},
{
test: /\.(png|svg|jpe?g|gif)$/i,
type: 'asset/resource',
//type: 'asset/resource',
use: [
{
loader: 'url-loader',
},
],
//use: [
// {
// loader: 'file-loader',