✨ Add headset and rotating chair

src/Experience/TopChair.js

@@ -0,0 +1,55 @@
+import * as THREE from 'three'
+import { gsap } from 'gsap'
+
+import Experience from './Experience.js'
+
+export default class TopChair
+{
+    constructor()
+    {
+        this.experience = new Experience()
+        this.resources = this.experience.resources
+        this.debug = this.experience.debug
+        this.scene = this.experience.scene
+        this.world = this.experience.world
+        this.time = this.experience.time
+
+        // Debug
+        if(this.debug)
+        {
+            this.debugFolder = this.debug.addFolder({
+                title: 'topChair',
+                expanded: true
+            })
+        }
+
+        this.setModel()
+        this.setAnimation()
+    }
+
+    setModel()
+    {
+        this.model = {}
+
+        this.model.group = this.resources.items.topChairModel.scene.children[0]
+        this.scene.add(this.model.group)
+
+        this.model.group.traverse((_child) =>
+        {
+            if(_child instanceof THREE.Mesh)
+            {
+                _child.material = this.world.room.material
+            }
+        })
+    }
+
+    setAnimation()
+    {
+        this.animation = {}
+    }
+
+    update()
+    {
+        this.model.group.rotation.y = Math.sin(this.time.elapsed * 0.0005) * 0.5
+    }
+}

src/Experience/World.js

@@ -3,6 +3,7 @@ import Experience from './Experience.js'
 import GoogleLeds from './GoogleLeds.js'
 import LoupedeckButtons from './LoupedeckButtons.js'
 import CoffeeSteam from './CoffeeSteam.js'
+import TopChair from './TopChair.js'
 
 export default class World
 {
@@ -22,6 +23,7 @@ export default class World
                 this.setGoogleLeds()
                 this.setLoupedeckButtons()
                 this.setCoffeeSteam()
+                this.setTopChair()
             }
         })
     }
@@ -56,10 +58,6 @@ export default class World
         })
 
         this.scene.add(this.room.model)
-
-        const directionalLight = new THREE.DirectionalLight('#ffffff', 3)
-        directionalLight.position.set(5, 5, 5)
-        this.scene.add(directionalLight)
     }
 
     setGoogleLeds()
@@ -77,6 +75,11 @@ export default class World
         this.coffeeSteam = new CoffeeSteam()
     }
 
+    setTopChair()
+    {
+        this.topChair = new TopChair()
+    }
+
     resize()
     {
     }
@@ -91,6 +94,9 @@ export default class World
 
         if(this.coffeeSteam)
             this.coffeeSteam.update()
+
+        if(this.topChair)
+            this.topChair.update()
     }
 
     destroy()

src/Experience/assets.js

@@ -9,6 +9,8 @@ export default [
 
             { name: 'loupedeckButtonsModel', source: '/assets/loupedeckButtonsModel.glb', type: 'model' },
 
+            { name: 'topChairModel', source: '/assets/topChairModel.glb', type: 'model' },
+
             { name: 'coffeeSteamModel', source: '/assets/coffeeSteamModel.glb', type: 'model' },
 
             { name: 'bakedTexture', source: '/assets/baked.jpg', type: 'texture' },