cleanup

sandru · sandru · commit 8b6e2afb2471 · 2022-06-28T00:29:19.000+03:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+media/images/bunny.png:Zone.Identifier
diff --git a/dist/bundle.js b/dist/bundle.js
diff --git a/index.html b/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta charset="utf-8" />
+    <title>SAPUI5 Walkthrough</title>
+    <script src="dist/bundle.js"></script>
+  </head>
+  <body></body>
+</html>
diff --git a/media/images/bunny.png b/media/images/bunny.png
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "pixi-play-test",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.ts",
+  "scripts": {
+    "start": "start"
+  },
+  "author": "sandru",
+  "license": "ISC",
+  "dependencies": {
+    "pixi.js": "^6.4.2"
+  },
+  "scripts": {
+    "build": "webpack --config webpack.config.js",
+    "start": "webpack --config webpack.config.js -w"
+  },
+  "devDependencies": {
+    "ts-loader": "^9.3.1",
+    "typescript": "^4.7.4",
+    "webpack": "^5.73.0",
+    "webpack-cli": "^4.10.0"
+  }
+}
diff --git a/src/index.ts b/src/index.ts
@@ -0,0 +1,38 @@
+import * as PIXI from "pixi.js";
+// The application will create a renderer using WebGL, if possible,
+// with a fallback to a canvas render. It will also setup the ticker
+// and the root stage PIXI.Container.
+const app = new PIXI.Application();
+
+// The application will create a canvas element for you that you
+// can then insert into the DOM.
+window.onload = function () {
+  document.body.appendChild(app.view);
+};
+
+// load the texture we need
+const loader = new PIXI.Loader();
+
+loader
+  .add("bunny", "./media/images/bunny.png")
+  .load((loader: any, resources: any) => {
+    // This creates a texture from a 'bunny.png' image.
+    const bunny = new PIXI.Sprite(resources.bunny.texture);
+
+    // Setup the position of the bunny
+    bunny.x = app.renderer.width / 2;
+    bunny.y = app.renderer.height / 2;
+
+    // Rotate around the center
+    bunny.anchor.x = 0.5;
+    bunny.anchor.y = 0.5;
+
+    // Add the bunny to the scene we are building.
+    app.stage.addChild(bunny);
+
+    // Listen for frame updates
+    app.ticker.add(() => {
+      // each frame we spin the bunny around a bit
+      bunny.rotation += 0.01;
+    });
+  });
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "outDir": "./dist/",
+    "sourceMap": true,
+    "noImplicitAny": true,
+    "module": "es6",
+    "target": "es5",
+    "jsx": "react",
+    "allowJs": true,
+    "moduleResolution": "node"
+  }
+}
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,23 @@
+const path = require('path');
+
+module.exports = {
+    entry: './src/index.ts',
+    devtool: 'inline-source-map',
+    mode: 'development',
+    module: {
+        rules: [
+            {
+                test: /\.tsx?$/,
+                use: 'ts-loader',
+                exclude: /node_modules/,
+            },
+        ],
+    },
+    resolve: {
+        extensions: ['.tsx', '.ts', '.js'],
+    },
+    output: {
+        filename: 'bundle.js',
+        path: path.resolve(__dirname, 'dist'),
+    },
+};

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+node_modules`
	`2`	`+media/images/bunny.png:Zone.Identifier`