Creating Games, Animations and Interactions with the Wick Editor: A UX Talk

on YouTube ↗30m

" summary

Wick Editor is a free, open-source, Mozilla supported browser tool built with React.js; a two-person team turns a student project into a product used by over 10,000 beginner animators and game designers a month, refined through dozens of workshops, after-school sessions and game jams over three years. Claims include immediate in-canvas drawing, tiny scaffolded JavaScript snippets for interactivity, deliberate redesignability for low-resource classrooms, and working on Chromebooks without downloads.

AI-written summary · about

" chapters (15)

1. 0:00Introduction
2. 0:55Wick Editor Projects
3. 3:10Wick Editor for Beginners
4. 5:34Wick Editor MVP
5. 12:09Using React
6. 15:19Using Community Resources
7. 16:41User Personas
8. 17:29Where to Test
9. 19:40Bias
10. 21:34Learning Objectives
11. 22:40Set Ground Rules
12. 23:39Give Specific Tasks
13. 24:28Limitations
14. 25:59Watch and Learn
15. 28:57Interpreting Feedback

" related talks

• 27mNative Web Apps: React and WebAssembly to Rewrite Native AppsFlorian Rival · ReactiveConf 2019
• 45mCreating a WYSIWYG editor using ReactJSIliyan Peychev · JSDayES 2015
• 53mRich Interactivity with CreateJSGrant Skinner · Spotlight: Advanced JS 2013
• 01h 03mWorkshop: Building a game in React and diving into react-reconciler (Part 1)Sergey Konstantinov · HolyJS 2022 Autumn
• 30mBeyond Web-Apps: React, JavaScript and WebAssembly To Port Legacy Native AppsFlorian Rival · React Conf 2018
• 30mNative Web Apps: React, JS & WebAssembly to rewrite native appsFlorian Rival · JSConf US 2019
• 30mDesigning with ReactMark Dalgleish · React Amsterdam 2019
• 33mBeyond Web-Apps React, Javascript and WebAssembly to Port Legacy Native AppsFlorian Rival · React Boston 2018