https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?action=history&feed=atom&title=IFD%3AComputational_Thinking-SoS16%2FAssignment-21Jun16
IFD:Computational Thinking-SoS16/Assignment-21Jun16 - Revision history
2026-04-26T23:00:06Z
Revision history for this page on the wiki
MediaWiki 1.39.6
https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:Computational_Thinking-SoS16/Assignment-21Jun16&diff=89108&oldid=prev
Reizner: Reizner moved page IFD:Computational Thinking/Assignment-21Jun16 to IFD:Computational Thinking-SoS16/Assignment-21Jun16
2017-02-15T12:22:11Z
<p>Reizner moved page <a href="/kunst-und-gestaltung/wiki/IFD:Computational_Thinking/Assignment-21Jun16" class="mw-redirect" title="IFD:Computational Thinking/Assignment-21Jun16">IFD:Computational Thinking/Assignment-21Jun16</a> to <a href="/kunst-und-gestaltung/wiki/IFD:Computational_Thinking-SoS16/Assignment-21Jun16" title="IFD:Computational Thinking-SoS16/Assignment-21Jun16">IFD:Computational Thinking-SoS16/Assignment-21Jun16</a></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<tr class="diff-title" lang="en">
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 12:22, 15 February 2017</td>
</tr><tr><td colspan="2" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div>
</td></tr></table>
Reizner
https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:Computational_Thinking-SoS16/Assignment-21Jun16&diff=84307&oldid=prev
Reizner at 09:18, 22 June 2016
2016-06-22T09:18:02Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 09:18, 22 June 2016</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l4">Line 4:</td>
<td colspan="2" class="diff-lineno">Line 4:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>You will need to create a sketch and implement at least three control elements (sliders, buttons, knobs, toggles, bangs, et.c.).<br />Your interface doesn't have to actually control anything specific just yet... we will be connecting your interfaces to programmatic structures during our next meeting.<br /></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>You will need to create a sketch and implement at least three control elements (sliders, buttons, knobs, toggles, bangs, et.c.).<br />Your interface doesn't have to actually control anything specific just yet... we will be connecting your interfaces to programmatic structures during our next meeting.<br /></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br /></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br /></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>You may want to have a look at some of the following <del style="font-weight: bold; text-decoration: none;">examples</del>:<br /></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>You may want to have a look at some of the following <ins style="font-weight: bold; text-decoration: none;">resources</ins>:<ins style="font-weight: bold; text-decoration: none;"><br /></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><br /></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">controlP5 Project Home<br /></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">http://www.sojamo.de/libraries/controlP5/<br /></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><br /></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">controlp5 on github<br /></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">https://github.com/sojamo/controlp5</ins><br /></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br /></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br /></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>controlP5 Basics<br /></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>controlP5 Basics<br /></div></td></tr>
</table>
Reizner
https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:Computational_Thinking-SoS16/Assignment-21Jun16&diff=84306&oldid=prev
Reizner at 09:16, 22 June 2016
2016-06-22T09:16:33Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 09:16, 22 June 2016</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l2">Line 2:</td>
<td colspan="2" class="diff-lineno">Line 2:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For next week, begin experimenting with controlP5 to create a basic user interface in Processing.<br /></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For next week, begin experimenting with controlP5 to create a basic user interface in Processing.<br /></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>You will need to create a sketch and implement at least three control elements (sliders, buttons, knobs, toggles, bangs, et.c.). Your interface doesn't have to actually control anything specific just yet... we will be connecting your interfaces to programmatic structures during our next meeting.<br /></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>You will need to create a sketch and implement at least three control elements (sliders, buttons, knobs, toggles, bangs, et.c.).<ins style="font-weight: bold; text-decoration: none;"><br /></ins>Your interface doesn't have to actually control anything specific just yet... we will be connecting your interfaces to programmatic structures during our next meeting.<br /></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br /></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><br /></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>You may want to have a look at some of the following examples:<br /></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>You may want to have a look at some of the following examples:<br /></div></td></tr>
</table>
Reizner
https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:Computational_Thinking-SoS16/Assignment-21Jun16&diff=84305&oldid=prev
Reizner: Created page with "'''''Assignment: 21 June''''' For next week, begin experimenting with controlP5 to create a basic user interface in Processing.<br /> You will need to create a sketch and implem..."
2016-06-22T09:16:23Z
<p>Created page with "'''''Assignment: 21 June''''' For next week, begin experimenting with controlP5 to create a basic user interface in Processing.<br /> You will need to create a sketch and implem..."</p>
<p><b>New page</b></p><div>'''''Assignment: 21 June'''''<br />
<br />
For next week, begin experimenting with controlP5 to create a basic user interface in Processing.<br /><br />
You will need to create a sketch and implement at least three control elements (sliders, buttons, knobs, toggles, bangs, et.c.). Your interface doesn't have to actually control anything specific just yet... we will be connecting your interfaces to programmatic structures during our next meeting.<br /><br />
<br /><br />
You may want to have a look at some of the following examples:<br /><br />
<br /><br />
controlP5 Basics<br /><br />
http://www.sojamo.de/libraries/controlP5/examples/use/ControlP5basics/ControlP5basics.pde<br /><br />
<br /><br />
Processing ControlP5 library example 1 : user interface<br /><br />
Kasper Kamperman<br /><br />
http://www.kasperkamperman.com/blog/processing-code/controlp5-library-example1/<br /><br />
<br /><br />
Processing ControlP5 library example 2 : Style and setValue<br /><br />
http://www.kasperkamperman.com/blog/processing-code/controlp5-library-example2/<br /><br />
<br /><br />
tutorial 3.3: Working with interaction using controlP5 library<br /><br />
http://code.group.shef.ac.uk/CD1-14/tutorials/1_week%203-4/2_tutorial%203.3/<br /><br />
<br /><br />
controlP5 Reference (Javadocs)<br /><br />
http://www.sojamo.com/libraries/controlP5/reference/<br /><br />
<br /><br />
controlP5 Beginner's Course (en français)<br /><br />
CRAS lab<br /><br />
http://www.smallab.org/download/12/<br /></div>
Reizner