Draft

koenbollen · koenbollen · commit 14805658fdd8 · 2021-08-20T13:50:37.000+02:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+.parcel-cache
+dist
diff --git a/README.md b/README.md
diff --git a/example/game.js b/example/game.js
@@ -0,0 +1,38 @@
+import Phaser from 'phaser'
+
+import { PokiPlugin } from '../lib'
+
+import LoadingScene from './scenes/loading'
+
+const config = {
+  parent: 'game',
+  backgroundColor: '#f0f5fc',
+
+  plugins: {
+    global: [
+      {
+        key: 'poki',
+        plugin: PokiPlugin,
+        start: true,
+        data: {
+          loadingScene: 'LoadingScene',
+          gameplayScene: 'PlayScene',
+          autoCommercialBreak: true
+        }
+      }
+    ]
+  }
+}
+
+export default class Game extends Phaser.Game {
+  start () {
+    super.start()
+    this.input.keyboard.addCapture('SPACE') // to prevent the page from scrolling
+
+    this.scene.add('LoadingScene', LoadingScene, true)
+  }
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+  new Game(config)
+})
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Example</title>
+</head>
+<body>
+  <div id="game"></div>
+  <script src="./game.js" type="module"></script>
+</body>
+</html>
diff --git a/example/scenes/loading.js b/example/scenes/loading.js
@@ -0,0 +1,18 @@
+import Phaser from 'phaser'
+
+import PlayScene from './play'
+
+export default class LoadingScene extends Phaser.Scene {
+  create () {
+    this.load.image('logo', 'textures/logo.png')
+
+    this.load.once('complete', () => {
+      console.log('Loading complete')
+
+      this.scene.add('PlayScene', PlayScene, false)
+      this.scene.start('PlayScene')
+    })
+
+    this.load.start()
+  }
+}
diff --git a/example/scenes/play.js b/example/scenes/play.js
@@ -0,0 +1,12 @@
+import Phaser from 'phaser'
+
+export default class PlayScene extends Phaser.Scene {
+  create () {
+    this.logo = this.add.image(100, 100, 'logo')
+    this.logo.setScale(0.2)
+  }
+
+  update (time, delta) {
+    this.logo.x = 640 + Math.cos(time / 1000) * 100
+  }
+}
diff --git a/example/textures/logo.png b/example/textures/logo.png
diff --git a/lib/index.js b/lib/index.js
@@ -0,0 +1 @@
+export * from './poki'
diff --git a/lib/poki.js b/lib/poki.js
@@ -0,0 +1,35 @@
+import Phaser from 'phaser'
+
+export class PokiPlugin extends Phaser.Plugins.BasePlugin {
+  init (data) {
+    console.log('injecting Poki SDK')
+    this.loadingScene = data.loadingScene
+    this.gameplayScene = data.gameplayScene
+    this.autoCommercialBreak = data.autoCommercialBreak
+
+    const script = document.createElement('script')
+    script.setAttribute('crossOrigin', 'anonymous')
+    script.setAttribute('type', 'text/javascript')
+    script.setAttribute('src', 'https://game-cdn.poki.com/scripts/v2/poki-sdk.js')
+    script.addEventListener('load', () => {
+      console.log('PokiSDK loaded')
+      this.sdk = window.PokiSDK
+      this.sdk.setDebug(true)
+      // this.sdk.init()
+    })
+    script.addEventListener('error', (e) => {
+      console.error('failed to load PokiSDK', e)
+    })
+    document.head.appendChild(script)
+  }
+
+  start() {
+    console.log('start')
+
+    // When is loading started?
+  }
+
+  stop() {
+    console.log('stop')
+  }
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "phaser-plugin",
+  "version": "0.0.1",
+  "main": "lib/index.js",
+  "license": "ISC",
+  "private": true,
+  "scripts": {
+    "start": "parcel ./example/index.html"
+  },
+  "devDependencies": {
+    "parcel": "^2.0.0-rc.0"
+  },
+  "dependencies": {
+    "phaser": "^3.55.2"
+  }
+}
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+node_modules`
	`2`	`+.parcel-cache`
	`3`	`+dist`