Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Serious Gaming, Thai Typing Game

Avatar for Matthew Campbell Matthew Campbell
November 22, 2015
Education
0
93

Serious Gaming, Thai Typing Game

Jsconf Asia - Singapore 2015

Avatar for Matthew Campbell

Matthew Campbell

November 22, 2015
Tweet

More Decks by Matthew Campbell

See All by Matthew Campbell
Building Distributed Timeseries Database in Go
Avatar for Matthew Campbell mattkanwisher
4
1.4k
Chaos Monkey on my Laptop
Avatar for Matthew Campbell mattkanwisher
0
200

Other Decks in Education

See All in Education
令和エンジニアの学習法 〜 生成AIを使って挫折を回避する 〜
Avatar for Yuduru moriga_yuduru
0
240
学習指導要領と解説に基づく学習内容の構造化の試み / Course of study Commentary LOD JAET 2025
Avatar for Masao Takaku masao
0
130
Web Search and SEO - Lecture 10 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
2
3.1k
Web 2.0 Patterns and Technologies - Lecture 8 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3k
TeXで変える教育現場
Avatar for doratex doratex
1
13k
XML and Related Technologies - Lecture 7 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.2k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
390
Security, Privacy and Trust - Lecture 11 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.2k
Adobe Express
Avatar for Matleena Laakso matleenalaakso
2
8.1k
TinyGoをWebブラウザで動かすための方法+アルファ_20260201
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
2
230
SJRC 2526
Avatar for cbtlibrary cbtlibrary
0
200
JAPAN AI CUP Prediction Tutorial
Avatar for Shotaro Ishihara upura
2
710

Featured

See All Featured
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
300
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
67
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
140
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
200
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
200
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
49
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.2k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
160
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
320
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130

Transcript

  1. Serious Fun Gaming in Javascript

  2. Thai Typing Game http://www.worldweatheronline.com/Fujikawaguchiko-weather/Yamanashi/JP.aspx?day=20 http://www.worldweatheronline.com/Fujikawaguchiko-weather/Yamanashi/JP.aspx?day=20

  3. None

  4. Thai Keyboard

  5. Stickers!

  6. About me • Lives in Bangkok • Write GO for

    Digital Ocean • Server side developer • Book on Go

  7. Gaming

  8. Nekoatsume

  9. What is serious gaming?

  10. None

  11. Gamifaction

  12. None

  13. Why Javascript?

  14. None

  15. Gulp Watch + BrowserSync

  16. RequireJS

  17. CreateJS

  18. Spritesheets

  19. Creating a Spritesheet Play Animation

  20. Parallax Scrolling

  21. None

  22. Setup Layers Parallax Implementation

  23. Game Loop

  24. Creatine

  25. Scene creation / Transition

  26. Cordova

  27. Fixing Native keyboard Better background sound

  28. Electron

  29. None

  30. Conclusion • Make games for learning • Writing games in

    Javascript is easy • Avoid cross platform tools if possible

  31. Open Source Fork me on Github

  32. Questions? We’re Hiring! Matthew Campbell [email protected] @kanwisher github.com/mattkanwisher