Webmakers/Projects/MeemooClock-DIY: Difference between revisions

no edit summary
(digital version)
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 2: Line 2:
<h1>How to hack a clock app with Meemoo</h1> {{anchor|Intro}}
<h1>How to hack a clock app with Meemoo</h1> {{anchor|Intro}}
<div style="display:block;background-color:#ffffff;-moz-column-gap:20px;padding:20px;margin-top:20px;-moz-border-radius:10px;">
<div style="display:block;background-color:#ffffff;-moz-column-gap:20px;padding:20px;margin-top:20px;-moz-border-radius:10px;">
What is Meemoo?
Meemoo is an easy way to wire together mini applications to make an output. You can make a [http://meemoo.org/iframework/#example/cam2gif stop-motion animated GIF], [http://meemoo.org/iframework/#example/camdoodle paint on webcam] images, draw a [http://meemoo.org/iframework/#gist/3002307 picture with math], or make custom clocks!
Each wire shows how data (image, text, or number) travel through the app. To add a wire, drag from one port to another. When you start dragging a wire, the compatible ports are highlighted. To delete a wire, just unplug it by the handle.


Check out the different kinds of clocks that you can hack, and make your own clock app. A DIY project from [http://meemoo.org/ Meemoo.org]: hackable web apps.  
Check out the different kinds of clocks that you can hack, and make your own clock app. A DIY project from [http://meemoo.org/ Meemoo.org]: hackable web apps.  
Line 15: Line 21:
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:'''  
 
* Analog version: Experiment with changing the images in each of the image-in modules. Try changing the values in the transform modules.


'''Step 3:''' Try changing the values in each of the transform modules. How do they affect the final clock output?
* Digital version: Experiment with changing the font, color, and other values in the text modules.  


'''Step 4:''' Experiment with the modules available [+module]. Can you add a webcam image to your clock?
'''Step 3:''' Experiment with adding modules [+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.
'''Step 4:''' Save your app and share the links. Tweet your links with the #meemoo hashtag.


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

edits