Paranormal Entities with Serpentity & WebMIDI

Slides de la sesión de GDLJS en que hablé sobre Entity-Component-System frameworks y cómo hacer un soundboard spooky

Transcript

3. THINGS
4. SPOOKY
 THINGS
10. INTERACTION
12. PARANORMAL ENTITIES WITH SERPENTITY & WEBMIDI @pigeonfolk — unlimited.pizza
13. ENTITY COMPONENT SYSTEM
15. VISUAL SCRATCHINESS POSITION CONFINESS TAIL EVILNESS SCRATCHABILITY
16. RENDER SYSTEM: SOMETHING WITH POSITION + VISUAL
17. SCRATCH SYSTEM: SOMETHING SCRATCHABLE + SOMETHING WITH SCRATCHINESS
19. FACTORIES
20. SPOOKY
 THINGS
21. PARANORMAL SOUNDBOARD AND SCARY HAUNTED HOUSE CONTROL
22. WITH MIDI
24. 1. CREEPY CONTROLS 2. GHOULISH BACKGROUNDS 3. TERRIFYING SAMPLES 4. A GHOST 5. ⚡
25. 1. MAP MIDI 2. PLAY SAMPLES 3. PLAY BG SAMPLES 4. RENDER GHOSTS 5. RENDER ⚡
26. SYSTEMS
28. 1. MIDI MAPS = MAPPABLE 2. TRIGGER + AUDIO = TRIGGERABLE SAMPLE 3. TOGGLE + AUDIO = TOGGLEABLE SAMPLE 4. TRIGGER + IMAGE + POSITION = GHOST 5. INTENSITY ⚡ = LIGHTNING
29. NODES
31. MIDI MAP, TRIGGER, AUDIO, IMAGE, POSITION, INTENSITY
32. COMPONENTS
34. SYSTEMS NODES ENTITIES COMPONENTS
36. GHOST RENDERER TRIGGERABLE IMAGE ENTITY IMAGE POSITION SCALE TRIGGER
37. SPOOKY FACTORY: #CREATE_TRIGGERABLE_SAMPLE(CONFIG) #CREATE_GHOST(CONFIG) CREATE, CONFIG, ADD TO ENGINE
39. JUST PUT IT IN AN APP
41. TACK SÅ MYCKET! SLIDES DEMO