update snake

digitsensitive · digitsensitive · commit 3fdec3f3cbb3 · 2024-03-15T11:08:43.000+01:00
diff --git a/package.json b/package.json
@@ -37,7 +37,7 @@
     "coin-runner": "cd src/games/coin-runner && yarn && yarn run serve-dev",
     "endless-runner": "cd src/games/endless-runner && yarn && yarn run serve-dev",
     "flappy-bird": "cd src/games/flappy-bird && yarn && yarn run serve-dev",
-    "snake": "cd src/games/snake && yarn && yarn run dev",
+    "snake": "cd src/games/snake && yarn && yarn run serve-dev",
     "space-invaders": "cd src/games/space-invaders && yarn && yarn run dev",
     "space-shooter": "cd src/games/space-shooter && yarn && yarn run dev",
     "super-mario-land": "cd src/games/super-mario-land && yarn && yarn run dev",
diff --git a/src/games/snake/package.json b/src/games/snake/package.json
@@ -1,21 +1,28 @@
 {
   "name": "snake",
-  "version": "2.0.0",
+  "version": "0.0.1",
   "description": "Snake for Phaser 3 in TypeScript",
   "keywords": [],
+  "scripts": {
+    "build-dev": "webpack --mode development",
+    "build-prod": "webpack --mode production",
+    "serve-dev": "webpack --mode development && webpack serve --mode development"
+  },
   "devDependencies": {
-    "expose-loader": "4.0.0",
-    "ts-loader": "9.3.1",
-    "typescript": "4.8.0-dev.20220730",
-    "webpack": "5.74.0",
-    "webpack-cli": "4.10.0",
-    "webpack-dev-server": "4.9.3"
+    "@types/node": "20.11.25",
+    "@types/webpack": "5.28.5",
+    "copy-webpack-plugin": "12.0.2",
+    "expose-loader": "5.0.0",
+    "html-webpack-plugin": "5.6.0",
+    "ts-loader": "9.5.1",
+    "ts-node": "10.9.2",
+    "typescript": "5.4.2",
+    "webpack": "5.90.3",
+    "webpack-cli": "5.1.4",
+    "webpack-dev-server": "5.0.2"
   },
   "dependencies": {
-    "phaser": "3.60.0-beta.9"
-  },
-  "scripts": {
-    "dev": "webpack --mode development && webpack serve --mode development"
+    "phaser": "3.80.1"
   },
   "repository": {
     "type": "git",
diff --git a/src/games/snake/src/assets/font/snakeFont.fnt b/src/games/snake/src/assets/font/snakeFont.fnt
diff --git a/src/games/snake/src/assets/font/snakeFont.png b/src/games/snake/src/assets/font/snakeFont.png
diff --git a/src/games/snake/src/config.ts b/src/games/snake/src/config.ts
@@ -5,7 +5,7 @@ import { MainMenuScene } from './scenes/main-menu-scene';
 export const GameConfig: Phaser.Types.Core.GameConfig = {
   title: 'Snake',
   url: 'https://github.com/digitsensitive/phaser3-typescript',
-  version: '2.0',
+  version: '0.0.1',
   width: 256,
   height: 224,
   zoom: 3,
diff --git a/src/games/snake/src/index.html b/src/games/snake/src/index.html
@@ -2,12 +2,11 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="author" content="digitsensitive" />
-    <title>Snake</title>
-    <script src="dist/bundle.js"></script>
+    <title><%= htmlWebpackPlugin.options.title %></title>
   </head>
   <body>
-    <h1>Snake</h1>
     <div id="game"></div>
   </body>
 </html>
diff --git a/src/games/snake/src/interfaces/graphics.interface.ts b/src/games/snake/src/interfaces/graphics.interface.ts
@@ -1,4 +1,4 @@
-export interface IGraphicsConstructor {
+export interface GraphicsConstructor {
   scene: Phaser.Scene;
   options?: Phaser.Types.GameObjects.Graphics.Options;
 }
diff --git a/src/games/snake/src/objects/apple.ts b/src/games/snake/src/objects/apple.ts
@@ -1,11 +1,11 @@
 import { CONST } from '../const/const';
-import { IGraphicsConstructor } from '../interfaces/graphics.interface';
+import { GraphicsConstructor } from '../interfaces/graphics.interface';
 
 export class Apple extends Phaser.GameObjects.Graphics {
-  constructor(aParams: IGraphicsConstructor) {
-    super(aParams.scene, aParams.options);
-    this.x = aParams.options.x;
-    this.y = aParams.options.y;
+  constructor(params: GraphicsConstructor) {
+    super(params.scene, params.options);
+    this.x = params.options.x;
+    this.y = params.options.y;
     this.fillStyle(0x61e85b, 0.8);
     this.fillRect(
       CONST.FIELD_SIZE,
diff --git a/src/games/snake/tsconfig.json b/src/games/snake/tsconfig.json
@@ -3,7 +3,9 @@
     "target": "ES6",
     "module": "CommonJS",
     "moduleResolution": "node",
-    "noImplicitAny": true
+    "noImplicitAny": true,
+    "strict": false,
+    "esModuleInterop": true // webpack.config.ts
   },
   "include": ["src/**/*"],
   "exclude": ["node_modules"]
diff --git a/src/games/snake/webpack.config.js b/src/games/snake/webpack.config.js
diff --git a/src/games/snake/webpack.config.ts b/src/games/snake/webpack.config.ts
@@ -0,0 +1,54 @@
+import path from 'path';
+import webpack from 'webpack';
+import 'webpack-dev-server';
+
+import CopyWebpackPlugin from 'copy-webpack-plugin';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+
+const config: webpack.Configuration = {
+  context: path.resolve(__dirname, 'src'),
+  entry: './game.ts',
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: '[name].[chunkhash].js',
+    chunkFilename: '[name].[chunkhash].js',
+    clean: true
+  },
+  module: {
+    rules: [
+      {
+        test: /\.ts$/,
+        include: path.resolve(__dirname, 'src'),
+        loader: 'ts-loader'
+      },
+      {
+        test: require.resolve('Phaser'),
+        loader: 'expose-loader',
+        options: { exposes: { globalName: 'Phaser', override: true } }
+      }
+    ]
+  },
+  devServer: {
+    static: path.join(__dirname, 'dist')
+  },
+  resolve: {
+    extensions: ['.ts', '.js']
+  },
+  plugins: [
+    new CopyWebpackPlugin({
+      patterns: [
+        {
+          from: 'assets',
+          to: 'assets'
+        }
+      ]
+    }),
+    new HtmlWebpackPlugin({
+      template: path.resolve(__dirname, 'src/index.html'),
+      title: 'Snake',
+      inject: 'head'
+    })
+  ]
+};
+
+export default config;
diff --git a/src/games/snake/yarn.lock b/src/games/snake/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-export interface IGraphicsConstructor {`
	`1`	`+export interface GraphicsConstructor {`
`2`	`2`	`scene: Phaser.Scene;`
`3`	`3`	`options?: Phaser.Types.GameObjects.Graphics.Options;`
`4`	`4`	`}`