Set up intro message and player in detail scene

metadata/project.json

@@ -11,6 +11,24 @@
       "path": "packages/client",
       "size": 5600,
       "contents": {}
+    },
+    {
+      "name": "blockchain",
+      "path": "packages/blockchain",
+      "size": 4000,
+      "contents": {}
+    },
+    {
+      "name": "ethash",
+      "path": "packages/ethash",
+      "size": 3600,
+      "contents": {}
+    },
+    {
+      "name": "common",
+      "path": "packages/common",
+      "size": 1000,
+      "contents": {}
     }
   ]
 }

src/scenes/DetailScene.ts

@@ -1,12 +1,19 @@
 import { mp5 } from '../../main';
+import { Player } from '../sketchObjects/Player';
 import store from '../store';
 import { Scenes } from './scenes';
 
 export class DetailScene {
-  constructor() {}
+  player: Player;
+
+  constructor() {
+    this.player = new Player();
+  }
 
   draw() {
     mp5.background(100);
+    this.player.follow();
+    this.player.move();
   }
 
   onSceneClick() {

src/scenes/OverviewScene.ts

@@ -14,6 +14,14 @@ export class OverviewScene {
   constructor() {
     this.edges = generateEdges(projectMetadata.subprojects);
     this.player = new Player();
+
+    setTimeout(() => {
+      store.getState().addUserMessage({
+        text: "Hello there 👋 Let's start exploring the ethereumjs open source project",
+        inputWanted: false,
+        timestamp: Date.now(),
+      });
+    }, 2000);
   }
 
   public draw() {