Seattle Game Dev JS: Een terugblik en een stap vooruit.

En met deze mijlpaal in gedachten willen we al onze leden, sponsors en iedereen die heeft geholpen om van onze bijeenkomsten de geweldige, kennisrijke ‘nuggets’ te maken die ze zijn, hartelijk bedanken!

Dit jaar ziet er nog beter uit dan het vorige. We trapten het af met een stroomstoring, gevolgd door een geweldig herstel en een presentatie (ondanks het gebrek aan stroom!) over HTML5-optimalisaties, verzorgd door het mobiele team van Double Down. Never a dull moment!

Vorig jaar groeide onze groep van 0 naar 380 leden, een enorme prestatie! De Game Dev JS-crew is een diverse community vol ontwikkelaars, artiesten, gamers, program managers, netwerkbeheerders en JS-enthousiastelingen van alle soorten. Ons jongste developer-lid is pas 13 jaar oud! Door de inhoud altijd fris, de sprekers levendig en de leden betrokken te houden, hebben we een robuuste community kunnen opbouwen – we hadden het niet zonder jullie kunnen doen!

Als je geïnteresseerd bent in JS, dan is een meetup een geweldige kans om wat plezier te hebben, iets nieuws te leren, iets te delen wat je weet en een aantal zeer interessante figuren te ontmoeten.

Key Takeaways

• Seattle Game Dev JS groeide in het eerste jaar van nul naar 380 leden, gebouwd op een mix van talks, lightning demo’s en happy hours.
• De line-up van de groep voor 2012 omvatte de volledige HTML5-stack: rendering, canvas-trucs, audio, native wrappers, Windows 8 en node.js-serverarchitectuur.
• Een community als deze werkt omdat het bewust interdisciplinair blijft — ontwikkelaars, artiesten, PM’s en netwerkbeheerders allemaal in één kamer.
• De beste manier om waarde uit een meetup te halen, is door op te komen dagen, vragen te stellen en uiteindelijk zelf iets te presenteren.
• De planning voor 2013 staat open: we willen je ideeën voor onderwerpen, suggesties voor locaties en pitches van sprekers.

Waarom een JavaScript Game Dev Group belangrijk is

Toen we met deze groep begonnen, was “HTML5 game development” nog steeds een term waar veel mensen hun wenkbrauwen bij ophaalden. Het <canvas>-element was jong, de browserprestaties waren inconsistent en het idee dat je een echt spel — geen tech-demo — in JavaScript kon uitbrengen, werd behandeld als een curiositeit in plaats van een platform.

Een jaar later is dat gesprek volledig veranderd. De reden dat een lokale meetup belangrijk is in een vakgebied als dit, is dat de documentatie achterloopt op de realiteit.

Gerelateerd: Unity Asset Store — Kant-en-klare kunst, tools en sjablonen die rechtstreeks in uw Unity-project terechtkomen.

Blogposts beschrijven wat zes maanden geleden werkte. Conferentietalks zijn zo gepolijst dat ze abstract worden. Wat een ontwikkelaar echt vooruithelpt, is naast iemand zitten die vorige week exact jouw probleem heeft opgelost — een canvas dat stottert op een specifiek apparaat, een audio-element dat niet ontgrendelt op mobiel, een build-pipeline die vastloopt bij een grote asset-bundel.

Dat is het gat dat Game Dev JS vult. Het is geen lezingenreeks. Het is een kamer vol mensen die allemaal midden in een probleem zitten en notities vergelijken.

Wat we in 2012 hebben behandeld

Dit is een deel van wat we in het afgelopen jaar hebben behandeld:

Als u aan het winkelen bent: Construct 3 — Browsergebaseerde HTML5-engine zonder code die exporteert naar internet, mobiel en desktop.

• Javascript Game Development: an Overview – Grant Goodale, Massively Fun
• Retained Mode Graphics Libraries – Kevin Moore, Pixel Lab
• Stupid Canvas Tricks – Dean Hudson, Massively Fun
• HTML5 port of Zepto Labs’ Cut the Rope – Joel Fillmore, Pixel Lab
• Challenges of building a native UIWebView application around an HTML5 webapp – Jeff Close, Adam Hardtke, Sean Stringer, and Nate Vaughn, DDI
• Native wrapper technology: CocoonJS – Iker Jamardo, Ludei
• HTML5 game development for Windows 8 – Giorgio Sardo, Microsoft
• Game engine design around node.js and express.js – Dean Hudson and Mason Browne, Massively Fun
• Co+Pilot: a tool built using Javascript and a JQuery like syntax to allow users to make native apps – Myron Millin and David Whitlark
• Effective HTML5 Game Audio – Chris Khoo, Wappworks Studios

Al deze onderwerpen en talloze lightning talks en demo’s door groepsleden werden gedurende het jaar gepresenteerd. En natuurlijk komen we ook af en toe samen voor een happy hour!

Een heel speciale dank aan Double Down Interactive, Big Fish Games, GameHouse en The Makers Space voor het hosten!

De thema’s achter de talks

Terugkijkend op die lijst lopen er een paar duidelijke lijnen doorheen — en die zijn het waard om te benoemen, omdat ze bijna exact overeenkomen met de beslissingen die elke HTML5-ontwikkelaar moet nemen.

Rendering en de vraag over retained-mode. De talk van Kevin Moore over retained-mode graphics libraries en de “Stupid Canvas Tricks” van Dean Hudson staan aan weerszijden van een echte architecturale splitsing. Immediate-mode canvas drawing geeft je totale controle en minimale overhead, maar je beheert elke hertekening zelf. Retained-mode libraries (de lijn die loopt via frameworks zoals CreateJS, PixiJS en later Phaser) bieden je een scene graph, hit testing en tweening direct uit de doos — ten koste van een abstractielaag tussen jou en de GPU. Geen van beide is “correct”. Het juiste antwoord hangt ervan af of je spel uit een handvol sprites bestaat of een complexe, stateful wereld is.

Het wrapperprobleem. Drie afzonderlijke talks — de DDI UIWebView-sessie, de CocoonJS-presentatie van Iker Jamardo en Co+Pilot — draaiden allemaal om dezelfde vraag: hoe krijg je een web-app in een app store? In 2012 waren de opties grofweg:

Benadering	Wat het je oplevert	De afweging
Eenvoudige web-app	Geen wrijving, onmiddellijke updates	Geen aanwezigheid in de store, beperkte apparaat-API’s
Native WebView-wrapper	Store-distributie, enkele native hooks	Prestatieplafond, UI-mismatch met native chrome
Versnelde wrapper (bijv. CocoonJS)	GPU-versneld canvas, snelheid die dichter bij native ligt	Vendor lock-in, platformspecifieke eigenaardigheden

Die tabel is nog steeds een nuttige manier om vandaag de dag over de beslissing na te denken, ook al zijn de specifieke tools geëvolueerd.

Gerelateerd: Amazon: Game Dev Books & Gear — Boeken voor het programmeren van games, mechanische toetsenborden, monitoren en hardware voor ontwikkelaars.

Audio. De lezing van Chris Khoo over effectieve HTML5-game-audio was, en blijft, een van de meest onderschatte onderwerpen in het vakgebied. Audio is waar webgames het vaakst vastlopen: autoplay-beleid, verschillen in codec-ondersteuning en de latentie tussen een gebruikersgebaar en het daadwerkelijke afspelen van een geluid. Als je vandaag een game bouwt, reserveer dan echt tijd voor audio — het is geen probleem dat je oplost door simpelweg “een bestandje toe te voegen”.

Server-side JavaScript. De lezing van Dean Hudson en Mason Browne over game-engine-ontwerp rond node.js en express.js was een vroeg signaal dat de server en de client een taal konden delen. Dat is belangrijker dan het klinkt: gedeelde code voor validatie van de gamestatus, gedeelde dataformaten en één mentaal model over de hele stack.

Hoe je het meeste uit een meetup haalt

Als je nieuw bent bij dit soort groepen — of als je tot nu toe op de achtergrond bleef en nog niet naar voren bent gestapt — is hier het praktische advies dat we iedereen zouden geven.

Onze keuze: Udemy Game Development Courses — On-demand cursussen over Unity, Unreal, C++, C# en shader-programmering.

• Kom met één specifiek probleem. “Mijn game is traag” levert sympathie op. “Mijn canvas laat frames vallen als ik meer dan een paar honderd sprites teken” levert een antwoord op.
• Praat met de persoon naast je, niet alleen met de spreker. De lezing is het excuus; het gesprek in de gang is de waarde.
• Geef een lightning talk. Vijf minuten over iets dat je hebt geleerd is de snelste manier om een bekend gezicht in de groep te worden. Je hoeft geen expert te zijn — je moet één ding hebben opgelost.
• Volg op. Wissel contactgegevens uit en stuur daadwerkelijk de link of het codefragment dat je hebt beloofd.
• Neem je perspectief als niet-ontwikkelaar mee. Onze artiesten, PM’s en netwerkbeheerders stellen de vragen die ontwikkelaars vergeten te stellen, en die vragen zijn vaak de nuttigste in de zaal.

Bouwen aan een gemeenschap die blijft bestaan

Groeien van nul naar 380 leden in een jaar klinkt als een vanity metric, maar het getal dat er werkelijk toe doet is retentie — hoeveel van die mensen zijn teruggekomen. Een paar dingen die we hebben geleerd over het levend houden van een technische gemeenschap:

• Varieer de inhoud. Als elke bijeenkomst een canvas-tutorial voor beginners is, stoppen je ervaren leden met komen. Als elke bijeenkomst over diepe GPU-optimalisatie gaat, verlies je de nieuwkomers. Mix overzichten, deep dives en demo’s.
• Houd de drempel om te spreken laag. Lightning talks en demo’s van leden verlagen de inzet en brengen mensen naar voren die zich nooit vrijwillig zouden aanmelden voor een volledig tijdslot.
• Voed mensen, letterlijk. Happy hours en gedeelde maaltijden doen meer voor de cohesie van de gemeenschap dan welke hoeveelheid agendaplanning dan ook.
• Bedank je hosts publiekelijk. Double Down Interactive, Big Fish Games, GameHouse en The Makers Space gaven ons ruimtes, en ruimtes zijn de onglamoureuze voorwaarde voor al het andere.
• Maak het gastvrij voor elke leeftijd en achtergrond. Ons jongste lid is 13. Dat is geen curiositeit — het is een herinnering dat dit vakgebied een ongewoon lage toetredingsdrempel heeft, en de groep zou dat moeten weerspiegelen.

Vooruitblik naar 2013

Klinkt geweldig, toch? Waar zou je ons in 2013 graag over willen horen praten? Waar wil je afspreken?

Enkele richtingen waar we nieuwsgierig naar zijn en waar we graag jouw input over zouden ontvangen:

• Mobiele prestaties en profiling — hoe je daadwerkelijk kunt meten waar frames blijven, met behulp van browser dev tools en apparaattests.
• Multiplayer en networking — WebSockets, latentiecompensatie en de rommelige realiteit van real-time synchronisatie.
• Tooling en workflow — build-systemen, asset-pipelines en hoe kleine teams releasen zonder een toegewijde tools-engineer.
• Physics en collision — wanneer je een library moet gebruiken en wanneer je je eigen code moet schrijven.
• Toegankelijkheid en input — toetsenbord-, touch- en motion-control-platforms, en hoe je meer dan één kunt ondersteunen zonder je werk te verdubbelen.

Reageer hieronder met je ideeën of tweet @massivelyfun met de hashtag #GameDevJS. Tot snel!

Veelgestelde vragen

Wat is Seattle Game Dev JS?

Het is een meetupgroep in de regio Seattle voor mensen die geïnteresseerd zijn in JavaScript- en HTML5-game-ontwikkeling. Het brengt ontwikkelaars, artiesten, designers, program managers, netwerkbeheerders en algemene JS-enthousiastelingen samen voor lezingen, lightning demo’s en sociale events.

Moet ik een ervaren ontwikkelaar zijn om deel te nemen?

Nee. De groep combineert bewust overzichtslezingen met diepe technische dives, en de leden variëren van een 13-jarige hobbyist tot professionele engineers bij gevestigde studio’s. Als je nieuwsgierig bent naar JS-game-ontwikkeling, hoor je erbij.

Hoe kan ik een lezing voorstellen of een onderwerp suggereren?

Reageer in de comments van dit bericht, of tweet @massivelyfun met de hashtag #GameDevJS. We zijn actief op zoek naar onderwerpideeën, suggesties voor locaties en pitches van sprekers voor 2013.

Welke soorten onderwerpen behandelt de groep?

Historisch gezien: rendering- en canvas-technieken, graphics libraries, native wrappers en app-store-distributie, HTML5-audio, Windows 8-ontwikkeling en node.js/express.js-serverarchitectuur. We zijn geïnteresseerd in uitbreiding naar mobiele profiling, multiplayer-networking, tooling, physics en toegankelijkheid.

Wie organiseert de bijeenkomsten?

We zijn gehost door Double Down Interactive, Big Fish Games, GameHouse en The Makers Space, en we zijn hen allemaal dankbaar. Als uw bedrijf ruimte heeft en de lokale dev-community wil ondersteunen, horen we graag van u.

Gaat deze groep alleen over games?

De focus ligt op games, maar de vaardigheden overlappen sterk met algemene web- en app-ontwikkeling — canvas rendering, audioverwerking, native wrappers en node.js-architectuur zijn allemaal van toepassing op veel meer dan alleen games. Veel van onze leden werken aan projecten die geen games zijn.

Deel dit: Twitter Facebook Google Pinterest Reddit

Verder lezen

• HTML5 — Wikipedia
• Canvas element — Wikipedia
• Node.js — Wikipedia
• Meetup (service) — Wikipedia