Webmakers/Projects/MeemooClock-DIY: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 15: Line 15:
The digital version, start from: http://meemoo.org/iframework/#gist/2923185
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 2:'''  


'''Step 3:''' Try changing the values the transform and text modules. How do they affect the final clock output?
* Analog version: Experiment with changing the images in each of the image-in modules. Try changing the values in the transform modules.


'''Step 4:''' Experiment with the modules available [+module]. Can you add a webcam image to your clock?
* Digital version: Experiment with changing the font, color, and other values in the text modules.  


'''Step 5:''' Save your app and share the links. Tweet your links with the #meemoo hashtag.
'''Step 3:''' Experiment with adding modules [+module]. Can you add a webcam image to your clock?
 
'''Step 4:''' Save your app and share the links. Tweet your links with the #meemoo hashtag.


</div>
</div>
</div>
</div>

Revision as of 22:08, 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:

  • Analog version: Experiment with changing the images in each of the image-in modules. Try changing the values in the transform modules.
  • Digital version: Experiment with changing the font, color, and other values in the text modules.

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

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