wip: add beginning of bobber assets & logic

s

@@ -0,0 +1,111 @@
+diff --git a/src/games/platformerTest.ts b/src/games/platformerTest.ts
+index 3db780f..0be6098 100644
+--- a/src/games/platformerTest.ts
++++ b/src/games/platformerTest.ts
+@@ -1,4 +1,5 @@
+-import { Scene, GameObjects} from 'phaser'
++import { Scene, GameObjects } from 'phaser'
++import { stickyMessage, toastMessage } from '../debugging/tools'
+ const WIDTH = 256
+ const HEIGHT = 240
+ const GRAVITY = 128
+@@ -407,77 +408,3 @@ export class PlatformerTestScene extends Scene {
+     // clearStickyMessage()
+   }
+ }
+-
+-function stickyMessage(...messages: any) {
+-  // console.log(message)
+-  const prettyMessages: string[] = []
+-  let identifier
+-
+-  identifier = getStackIdentifier()
+-  for (const message of messages) {
+-    if (message.hasOwnProperty('_id')) {
+-      identifier = message._id
+-      continue
+-    }
+-
+-    prettyMessages.push(
+-      typeof message === 'string' || typeof message === 'number'
+-        ? String(message)
+-        : JSON.stringify(message)
+-    )
+-  }
+-
+-  if (!stackToDivMap[identifier]) {
+-    console.log('s')
+-    // Create a new div for this identifier
+-    let newDiv = document.createElement('div')
+-    newDiv.textContent = prettyMessages.join(' ')
+-    const logDiv = document.getElementById('log')
+-    const messageDiv = logDiv!.appendChild(newDiv)
+-    messageDiv.classList.add('log-message', 'fade-in')
+-    stackToDivMap[identifier] = newDiv
+-  } else {
+-    // Update the existing div
+-    stackToDivMap[identifier].textContent = prettyMessages.join(' ')
+-  }
+-}
+-
+-function clearStickyMessage() {
+-  const stickyMessage = document.getElementById('sticky-message')
+-  if (stickyMessage) {
+-    stickyMessage.innerHTML = ''
+-  }
+-}
+-
+-function toastMessage(message: any) {
+-  console.log(message)
+-  const prettyMessage =
+-    typeof message === 'string' || typeof message === 'number'
+-      ? String(message)
+-      : JSON.stringify(message)
+-  const logDiv = document.getElementById('log')
+-  const messageDiv = document.createElement('div')
+-  messageDiv.classList.add('log-message', 'fade-in')
+-  logDiv?.appendChild(messageDiv)
+-  messageDiv?.append(prettyMessage)
+-  setTimeout(() => {
+-    messageDiv.classList.add('fade-out')
+-    setTimeout(() => messageDiv.remove(), 2000)
+-  }, 7000)
+-}
+-
+-interface IDictionary {
+-  [index: string]: HTMLElement
+-}
+-let stackToDivMap: IDictionary = {}
+-
+-function getStackIdentifier() {
+-  let stack = new Error().stack
+-  if (stack) {
+-    let stackLines = stack.split('\n')
+-    // Use a combination of function name and line number as the identifier
+-    // Adjust the index based on where the relevant information is in your stack trace
+-    return stackLines[2] + stackLines[3]
+-  }
+-  return ''
+-}
+diff --git a/src/main.ts b/src/main.ts
+index 0858908..8b6a0ad 100644
+--- a/src/main.ts
++++ b/src/main.ts
+@@ -1,5 +1,7 @@
++import './style.css'
+ import { Game, Scene, WEBGL } from 'phaser'
+-import { PlatformerTestScene } from './platformerTest';
++import { PlatformerTestScene } from './games/platformerTest';
++import { BobberScene } from './games/bobber';
+ interface IMenuScene {
+   menu: { scene: string; text: string }[]
+ }
+@@ -72,7 +74,7 @@ const config: Phaser.Types.Core.GameConfig = {
+       // debug: true
+     },
+   },
+-  scene: [MenuScene, PlatformerTestScene],
++  scene: [MenuScene, PlatformerTestScene, BobberScene],
+   pixelArt: true,
+   scale: {
+     parent: 'game-wrapper',

src/debugging/tools.ts

@@ -0,0 +1,73 @@
+export function stickyMessage(...messages: any) {
+  // console.log(message)
+  const prettyMessages: string[] = []
+  let identifier
+
+  identifier = getStackIdentifier()
+  for (const message of messages) {
+    if (message.hasOwnProperty('_id')) {
+      identifier = message._id
+      continue
+    }
+
+    prettyMessages.push(
+      typeof message === 'string' || typeof message === 'number'
+        ? String(message)
+        : JSON.stringify(message)
+    )
+  }
+
+  if (!stackToDivMap[identifier]) {
+    console.log('s')
+    // Create a new div for this identifier
+    let newDiv = document.createElement('div')
+    newDiv.textContent = prettyMessages.join(' ')
+    const logDiv = document.getElementById('log')
+    const messageDiv = logDiv!.appendChild(newDiv)
+    messageDiv.classList.add('log-message', 'fade-in')
+    stackToDivMap[identifier] = newDiv
+  } else {
+    // Update the existing div
+    stackToDivMap[identifier].textContent = prettyMessages.join(' ')
+  }
+}
+
+export function clearStickyMessage() {
+  const stickyMessage = document.getElementById('sticky-message')
+  if (stickyMessage) {
+    stickyMessage.innerHTML = ''
+  }
+}
+
+export function toastMessage(message: any) {
+  console.log(message)
+  const prettyMessage =
+    typeof message === 'string' || typeof message === 'number'
+      ? String(message)
+      : JSON.stringify(message)
+  const logDiv = document.getElementById('log')
+  const messageDiv = document.createElement('div')
+  messageDiv.classList.add('log-message', 'fade-in')
+  logDiv?.appendChild(messageDiv)
+  messageDiv?.append(prettyMessage)
+  setTimeout(() => {
+    messageDiv.classList.add('fade-out')
+    setTimeout(() => messageDiv.remove(), 2000)
+  }, 7000)
+}
+
+interface IDictionary {
+  [index: string]: HTMLElement
+}
+let stackToDivMap: IDictionary = {}
+
+function getStackIdentifier() {
+  let stack = new Error().stack
+  if (stack) {
+    let stackLines = stack.split('\n')
+    // Use a combination of function name and line number as the identifier
+    // Adjust the index based on where the relevant information is in your stack trace
+    return stackLines[2] + stackLines[3]
+  }
+  return ''
+}