Eine winzige Werkstatt, die dieselben Charaktere wie das Spiel verwendet. Natürliche Tierformen, übernatürliche Wäsche. Probiere den Schieberegler aus: Nichts hier verändert deinen Spielstand.

Die 3D-Vorschau konnte auf diesem Gerät nicht gestartet werden. Du kannst dennoch dem untenstehenden Leitfaden folgen.

0× stoppt das Wellen des Stoffes; 2× übertreibt es. Dies ändert die Wellengröße, nicht die Geschwindigkeit. Es werden weder Wind, Schwerkraft noch Stoffphysik simuliert.

1. 1. Form + Oberfläche = ein Mesh

   Geometrie ist die Form; ein Material sagt dem Licht, wie die Oberfläche aussieht. Ein Mesh kombiniert beides. In world.js baut makeGhostMesh eine Kuppel, die sich zu einem plissierten Laken weitet. MeshStandardMaterial lässt es wie matten Stoff aussehen; die Augen verwenden ein unlit-Material, damit sie im Dunkeln hell bleiben.

2. 2. Jeden Frame ein wenig animieren

   In world.js verschiebt animateSheet die Punkte (Vertices) der Geometrie mit Sinuswellen. Niedrigere Punkte bewegen sich mehr als die Krone, was einen lockeren Saum ohne Physik erzeugt. animateAnimal rotiert Gruppen, die als Beingelenke dienen; companions.js ruft dies auf, während die Tiere laufen. dt sind die Sekunden seit dem vorherigen Frame, wodurch die Bewegung über verschiedene Bildraten hinweg konsistent bleibt.

3. 3. Dein erstes kleines Experiment

   Suche in world.js nach animateSheet und ändere wave * 0.07 * edge zu wave * 0.035 * edge. Vorschau erneut aufrufen: Diese Welle wird halb so breit. Stelle 0.07 wieder her, wenn du fertig bist. Ändere immer nur eine Zahl, vergleiche und behalte, was dir gefällt. Probiere als Nächstes die Ohrhöhe in makeLuckyMesh.

4. 4. Shadeys Gestaltwandlungs-Trick

   In shop.js platziert Shadey eine Truhe, eine Katze, ein Frettchen und ein Laken in einer THREE.Group. setForm schaltet deren Sichtbarkeitseigenschaften um: Es ist immer nur eine Form gleichzeitig sichtbar. Ihr leuchtender Bodenring markiert den Köder. Geister erhalten ihre Kartenkachel als temporäres Ziel. Nach einer Lektion lässt dich das Trainingszentrum wählen, welche der geübten Tarnungen sie verwendet. Dies sind vier einstudierte Formen, nicht das Limit ihrer Gestaltwandlung in der Geschichte.

5. 5. Einem Charakter eine Taktik beibringen

   In training.js hat Luckys Taktik drei Zustände: Deckung, Verstecken und Sprung. Ein Pfad bewegt sie zu einem Versteck an der Wand, ein Timer gibt ihr Zeit zu warten, und dann wird ein schnellerer Pfad zu ihrem Sprung. pose ändert ihre Hocke und Sprunghöhe. ko setzt nur den stunTimer eines Geistes; es ruft niemals poof auf. Versuche, die Bewegungsgeschwindigkeit des Sprungs von 12 auf 10 zu ändern, um einen langsameren Sprung zu sehen. Eine Zustandsmaschine ist einfach nur ein kleines Verhalten nach dem anderen – keine Physiksimulation.