Webmakers/Projects/MeemooClock-DIY: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(digital version)
No edit summary
Line 17: Line 17:
'''Step 2:''' Experiment with changing the images in each of the image-in modules.  
'''Step 2:''' Experiment with changing the images in each of the image-in modules.  


'''Step 3:''' Try changing the values in each of the transform modules. How do they affect the final clock output?
'''Step 3:''' Try changing the values the transform and text modules. How do they affect the final clock output?


'''Step 4:''' Experiment with the modules available [+module]. Can you add a webcam image to your clock?
'''Step 4:''' Experiment with the modules available [+module]. Can you add a webcam image to your clock?

Revision as of 11:42, 13 June 2012

How to hack a clock app with Meemoo

Check out the different kinds of clocks that you can hack, and make your own clock app. A DIY project from Meemoo.org: hackable web apps.

Step 1: Check out the example clocks and chose one as a starting place.

Meemoo-hackable-analog-clock.png

The analog version, start from: http://meemoo.org/iframework/#gist/2760122

Meemoo-hackable-digital-clock.png

The digital version, start from: http://meemoo.org/iframework/#gist/2923185

Step 2: Experiment with changing the images in each of the image-in modules.

Step 3: Try changing the values the transform and text modules. How do they affect the final clock output?

Step 4: Experiment with the modules available [+module]. Can you add a webcam image to your clock?

Step 5: Save your app and share the links. Tweet your links with the #meemoo hashtag.