Festival2012/Submit/Remix games with Craftyy: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
== Remix games with Craftyy ==
* '''Title of session:''' INSERT MORE ENTICING TITLE HERE.
* '''Title of session:''' INSERT MORE ENTICING TITLE HERE.
* '''Your name and affiliation:''' Nicklaus Liow & Jason Church - http://Craftyy.com
* '''Your name and affiliation:''' Nicklaus Liow & Jason Church - http://Craftyy.com
Line 5: Line 7:
==='''What will your session or activity allow people to make, learn or do?'''===
==='''What will your session or activity allow people to make, learn or do?'''===


We'll explore the Craftyy editor, a drag-and-drop way to make & remix HTML5 games, all in the browser.


Make: HTML5 games collaboratively.
We'll go through the basics of each step in the game development process, remixing each others' games in the process.
 
Embed them into your site.
 
---
 
The recent launch of BostonGlobe.com wow’ed the web world with its use of HTML5 and responsive design approach. Working in small, multi-disciplinary teams, '''we challenge you to envision a tablet-optimised version of the Boston Globe.'''
 
Our key questions: How can it appeal to a younger, app-savvy audience? What interactions and navigation concepts could make this a news experience that stands out? How can it utilise native tablet functionality through HTML5?


Participants will learn:
You'll learn how to do the following with Craftyy:


* How to paper prototype
* Design: The basic drag & drop
* The basics of responsive design & user-experience design
* Art: Creating and remixing art
* How to use native device functions via HTML5
* Audio: Adding sound and music
* Code: Changing the mechanics
* Publishing: Embedding the game


Participants will make:
And by the end, you'll have collaboratively made an HTML5 game you can embed in your site or blog.


* A paper prototype of a tablet-optimized news site.
* A code snippet to access functions on their device.


=== '''How do you see that working?'''===
=== '''How do you see that working?'''===

Revision as of 22:15, 4 October 2012

Remix games with Craftyy

What will your session or activity allow people to make, learn or do?

We'll explore the Craftyy editor, a drag-and-drop way to make & remix HTML5 games, all in the browser.

We'll go through the basics of each step in the game development process, remixing each others' games in the process.

You'll learn how to do the following with Craftyy:

  • Design: The basic drag & drop
  • Art: Creating and remixing art
  • Audio: Adding sound and music
  • Code: Changing the mechanics
  • Publishing: Embedding the game

And by the end, you'll have collaboratively made an HTML5 game you can embed in your site or blog.


How do you see that working?

Exquisite Corpse Roundtable

With each round preceded by a short tutorial for the Craftyy editor.

---

  1. We will break into small groups of different skill-sets: designers, journalists, developers, readers
  2. Groups will sketch & paper prototype their initial concept out your concepts.
  3. Then we'll test the concepts and iterate.

We will have research information on the Boston Globe’s audience and design principles as well as content that you can use in your prototypes ready for you. Apart from the facilitators, who will be there with help, advice, and information on HTML5 and UX/design, the Boston Globe team will be to hand with subject-matter expertise.

How will you deal with 5, 15, 50 participants?

  • With 5 participants: We'll form one group and all work together.
  • with 15 participants: We can form 3 groups.
  • With 50 participants: We'll split first into two large groups (prototypers and testers). Then within each group, we'll split into smaller teams. The prototypers will work through the sketching process, and then the testers will test it out. Then we'll swap. While the prototypers are sketching, the testers will visit existing sites and critique them on user-experience and learn the basics of user testing.

How long within your session before someone else can teach this?

Nooooo idea.

---

About 20-30min. for paper prototyping and 45min. for the code snippet.

What do you see as outcomes after the festival?

Follow-up: Can still see their game online.

Sign up for an account of their own

---

Participants will leave with a prototyped concept. We will provide these follow-up opportunities:

  • Contribute your prototype to Source, a code repository for open news
  • Participate at a Hacks/Hackers event in London to develop these ideas further
  • Join our mailing list to stay in touch and share progress
Retrieved from "https://wiki.mozilla.org/index.php?title=Festival2012/Submit/Remix_games_with_Craftyy&oldid=476711"