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

Jump to navigation Jump to search

Festival2012/Submit/Remix games with Craftyy (view source)

Revision as of 22:15, 4 October 2012

262 bytes removed ,  4 October 2012
no edit summary
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?'''===
Retrieved from "https://wiki.mozilla.org/Special:MobileDiff/476711"

Navigation menu