<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Struggle for scrapping</title>
	<atom:link href="http://itp.nyu.edu/~hj657/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://itp.nyu.edu/~hj657/blog</link>
	<description></description>
	<lastBuildDate>Thu, 18 Apr 2013 03:24:20 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.2</generator>
		<item>
		<title>[Final Presentation] Book cover design for social science books</title>
		<link>http://itp.nyu.edu/~hj657/blog/2013/04/18/final-presentation-book-cover-design-for-social-science-books/</link>
		<comments>http://itp.nyu.edu/~hj657/blog/2013/04/18/final-presentation-book-cover-design-for-social-science-books/#comments</comments>
		<pubDate>Thu, 18 Apr 2013 03:24:20 +0000</pubDate>
		<dc:creator>HanByul</dc:creator>
				<category><![CDATA[Printing Code]]></category>

		<guid isPermaLink="false">http://itp.nyu.edu/~hj657/blog/?p=322</guid>
		<description><![CDATA[&#160; &#160; &#160; I decided to make a series of  book cover design for class social science books for Printing Code final.  While majoring in sociology in undergraduate, I felt bad about awfully designed classic social science books. While designing book cover for &#8216;Capital&#8217;, I thought that using programming language can reflect the characteristics of [...]]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2013/04/Screen-Shot-2013-03-29-at-8.48.39-PM.png"><img class="aligncenter size-medium wp-image-323" title="Screen Shot 2013-03-29 at 8.48.39 PM" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2013/04/Screen-Shot-2013-03-29-at-8.48.39-PM-235x300.png" alt="" width="235" height="300" /></a></p>
<p>&nbsp;</p>
<p>I decided to make a series of  book cover design for class social science books for Printing Code final.  While majoring in sociology in undergraduate, I felt bad about awfully designed classic social science books. While designing book cover for &#8216;Capital&#8217;, I thought that using programming language can reflect the characteristics of sociological theory quite well. Additionally, I could concentrate on &#8216;how to design nicely&#8217; during doing book cover design. Those are why I choose this for my final.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://itp.nyu.edu/~hj657/blog/2013/04/18/final-presentation-book-cover-design-for-social-science-books/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[week3] representation of identity by using color</title>
		<link>http://itp.nyu.edu/~hj657/blog/2013/02/22/week3-expressing-me-by-using-color/</link>
		<comments>http://itp.nyu.edu/~hj657/blog/2013/02/22/week3-expressing-me-by-using-color/#comments</comments>
		<pubDate>Fri, 22 Feb 2013 03:13:10 +0000</pubDate>
		<dc:creator>HanByul</dc:creator>
				<category><![CDATA[Printing Code]]></category>

		<guid isPermaLink="false">http://itp.nyu.edu/~hj657/blog/?p=312</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2013/02/inEye01.jpg"><img class="aligncenter size-medium wp-image-313" title="inEye0" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2013/02/inEye01-247x300.jpg" alt="" width="247" height="300" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://itp.nyu.edu/~hj657/blog/2013/02/22/week3-expressing-me-by-using-color/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[week2] wet &amp; sharp</title>
		<link>http://itp.nyu.edu/~hj657/blog/2013/02/22/306/</link>
		<comments>http://itp.nyu.edu/~hj657/blog/2013/02/22/306/#comments</comments>
		<pubDate>Fri, 22 Feb 2013 02:32:18 +0000</pubDate>
		<dc:creator>HanByul</dc:creator>
				<category><![CDATA[Printing Code]]></category>

		<guid isPermaLink="false">http://itp.nyu.edu/~hj657/blog/?p=306</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2013/02/wet_sharp_hanbyul.jpg"><img class="aligncenter size-medium wp-image-309" title="wet_sharp_hanbyul" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2013/02/wet_sharp_hanbyul-233x300.jpg" alt="" width="233" height="300" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://itp.nyu.edu/~hj657/blog/2013/02/22/306/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Medicine dispenser</title>
		<link>http://itp.nyu.edu/~hj657/blog/2013/02/19/medicine-dispenser/</link>
		<comments>http://itp.nyu.edu/~hj657/blog/2013/02/19/medicine-dispenser/#comments</comments>
		<pubDate>Tue, 19 Feb 2013 13:42:48 +0000</pubDate>
		<dc:creator>HanByul</dc:creator>
				<category><![CDATA[Assistive Technology]]></category>

		<guid isPermaLink="false">http://itp.nyu.edu/~hj657/blog/?p=300</guid>
		<description><![CDATA[We watched Lynn&#8217;s medication dilema last time, she cannot squeeze anything because of her numb hands, so it is really hard to take medicines for her 2 times a day. I &#38; negar started to discuss about how to solve this problem, and we agreed on extending this problem to general handicapped people with problems. [...]]]></description>
			<content:encoded><![CDATA[<p>We watched <a href="http://lynnvalley.net/aids-for-daily-living/self-care-part-3/">Lynn&#8217;s medication dilema</a> last time, she cannot squeeze anything because of her numb hands, so it is really hard to take medicines for her 2 times a day. I &amp; negar started to discuss about how to solve this problem, and we agreed on extending this problem to general handicapped people with problems.</p>
<p>What we mainly concern about are below.</p>
<p><span style="font-size: 13px; line-height: 19px;"> 0. it should be  for all people have problem with their hands (including people without hands) </span></p>
<div> 1. can be attached to the wall around shoulder height.</div>
<div> 2. button will be pushed by one part of the body (including head)</div>
<div> 3. patient can eat the medicine directly (easy to be picked by tongue or ..something other than hands)</div>
<div> 4. prefer analog way (not digital button, or something, for stability)</div>
<div> 5. be aware of making all the pills poured by gravity.</div>
<div></div>
<div> We were inspired by candy distributor (<a href="http://www.youtube.com/watch?v=UJ95g7WvVIw">especially LEGO version!</a> ) but had to improve it to meeting our goals. Here our redesigned version of dispenser.</div>
<div></div>
<div><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2013/02/medicineDispenser.jpg"><img class="aligncenter size-medium wp-image-301" title="medicineDispenser" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2013/02/medicineDispenser-300x225.jpg" alt="" width="300" height="225" /></a></div>
<div></div>
<div>Here is our cardboard prototype version.</div>
<div></div>
<div><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2013/02/photo-4.jpg"><img class="aligncenter size-medium wp-image-302" title="photo (4)" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2013/02/photo-4-e1361281245723-224x300.jpg" alt="" width="224" height="300" /><br />
</a></div>
<div><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2013/02/photo-3.jpg"><img class="aligncenter size-medium wp-image-303" title="photo (3)" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2013/02/photo-3-300x224.jpg" alt="" width="300" height="224" /></a></div>
<div></div>
<div>Of course, this prototype still has things to be improved. This should be transparent for people&#8217;s convenience, and cap part also should be improved. (for now, it requires hand being refilled)</div>
]]></content:encoded>
			<wfw:commentRss>http://itp.nyu.edu/~hj657/blog/2013/02/19/medicine-dispenser/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title></title>
		<link>http://itp.nyu.edu/~hj657/blog/2013/02/05/288/</link>
		<comments>http://itp.nyu.edu/~hj657/blog/2013/02/05/288/#comments</comments>
		<pubDate>Tue, 05 Feb 2013 04:04:29 +0000</pubDate>
		<dc:creator>HanByul</dc:creator>
				<category><![CDATA[Assistive Technology]]></category>

		<guid isPermaLink="false">http://itp.nyu.edu/~hj657/blog/?p=288</guid>
		<description><![CDATA[&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124;&#124; Ordering Coffee First, I have to go into the coffee shop. In case of Think Coffee near the school, there’s only stairway. Then, I have look up the menu to make a decision. After calling a shot, step to the end of the line, move through the line to reach check out. If I [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2013/02/Screen-Shot-2013-02-04-at-11.03.32-PM.png"><img src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2013/02/Screen-Shot-2013-02-04-at-11.03.32-PM-300x116.png" alt="" title="Screen Shot 2013-02-04 at 11.03.32 PM" width="300" height="116" class="aligncenter size-medium wp-image-289" /></a></p>
<p>||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||<br />
Ordering Coffee</p>
<p>First, I have to go into the coffee shop. In case of Think Coffee near the school, there’s only stairway. Then, I have look up the menu to make a decision. After calling a shot, step to the end of the line, move through the line to reach check out. If I finally reach to check out, I have to tell my decision of beverage to the staff mostly in oral. The staff reconfirms my order, also in oral, and tells you how much it is. Then, I should take your money or credit card out from the wallet. If I choose to pay in cash or the place requires cash, I have to count the right amount of money. After paying, I usually take my receipt instead of saying ‘no thanks’, and put a change into the tiny tip jar. While waiting for coffee, I have to stand up and hang around just look natural. When my coffee out, I carefully hold hot coffee cup, start to find the seat. </p>
<p>||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||</p>
<p> Let’s be honest.  I didn’t use it that much. I tried voice over function built in my Mac, and iPhone. iPhone was not that bad, it says where my finger is t whenever I tried to touch something on the screen. iPhone screen is not that big, so it was not that bad. However, in laptop, voiceover started to read all, literally all sections in a webpage. starts from header.. and I really couldn’t figure out how I can let it read only part that I need. Perhaps, I am just too familiar with the way for non-disabled person. </p>
]]></content:encoded>
			<wfw:commentRss>http://itp.nyu.edu/~hj657/blog/2013/02/05/288/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>V&amp;S Final _ ITP MV</title>
		<link>http://itp.nyu.edu/~hj657/blog/2012/12/15/vs-final-_-itp-mv/</link>
		<comments>http://itp.nyu.edu/~hj657/blog/2012/12/15/vs-final-_-itp-mv/#comments</comments>
		<pubDate>Sat, 15 Dec 2012 06:34:48 +0000</pubDate>
		<dc:creator>HanByul</dc:creator>
				<category><![CDATA[Sound&Visual]]></category>

		<guid isPermaLink="false">http://itp.nyu.edu/~hj657/blog/?p=282</guid>
		<description><![CDATA[I finished this video about 7 weeks ago, but video was too big to post. I just converted the video to a bit lower quality so there it goes. &#160; &#160; ITP Music Video from Hanbyul Jo on Vimeo. &#160; Again, thank you for all ITPeople]]></description>
			<content:encoded><![CDATA[<p>I finished this video about 7 weeks ago, but video was too big to post. I just converted the video to a bit lower quality so there it goes.</p>
<p>&nbsp;</p>
<p>&nbsp;<br />
<center><br />
<iframe src="http://player.vimeo.com/video/55634479?badge=0" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<p><a href="http://vimeo.com/55634479">ITP Music Video</a> from <a href="http://vimeo.com/user3025397">Hanbyul Jo</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p></center></p>
<p>&nbsp;</p>
<p>Again, thank you for all ITPeople <img src='http://itp.nyu.edu/~hj657/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  </p>
]]></content:encoded>
			<wfw:commentRss>http://itp.nyu.edu/~hj657/blog/2012/12/15/vs-final-_-itp-mv/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ICM Final _ Space clock</title>
		<link>http://itp.nyu.edu/~hj657/blog/2012/12/14/icm-final-_-space-clock/</link>
		<comments>http://itp.nyu.edu/~hj657/blog/2012/12/14/icm-final-_-space-clock/#comments</comments>
		<pubDate>Fri, 14 Dec 2012 20:26:26 +0000</pubDate>
		<dc:creator>HanByul</dc:creator>
				<category><![CDATA[ICM]]></category>

		<guid isPermaLink="false">http://itp.nyu.edu/~hj657/blog/?p=277</guid>
		<description><![CDATA[I have to start with mentioning my application presentation. We had concept that sun is about to be exploded, we asked people what they are gonna do in the last 5 minutes. Interviews were interesting, and I made processing sketch that will suit to the concept &#38; interviews. Here the result is. Preparing application presentation [...]]]></description>
			<content:encoded><![CDATA[<p>I have to start with mentioning my application presentation. We had concept that sun is about to be exploded, we asked people what they are gonna do in the last 5 minutes. Interviews were interesting, and I made processing sketch that will suit to the concept &amp; interviews. Here the result is.</p>
<p><center><br />
<iframe src="http://player.vimeo.com/video/55632281?badge=0" frameborder="0" width="500" height="281"></iframe></center><br />
Preparing application presentation was so crazy, so I even cannot remember how exactly I ended up with this sketch. However, the result was great, and I really like the spatial feeling that it gives. Since space directly means the difference of the time for me after arriving in here, I tried to combine space and time. After several tries, I found that no sketch will be better than the original one. Then, I just converted the original one to the clock. Hour is in the center of the planet, and  minute for the time is displayed on the surface of the planet.</p>
<p>&nbsp;</p>
<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-14-at-3.25.51-PM.png"><img class="aligncenter size-medium wp-image-278" title="Screen Shot 2012-12-14 at 3.25.51 PM" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-14-at-3.25.51-PM-300x187.png" alt="" width="300" height="187" /></a></p>
<p>&nbsp;</p>
<p style="text-align: center;">Code is <a href="http://itp.nyu.edu/~hj657/ICM/ICM_Final_Wook.zip">here </a></p>
<p style="text-align: center;">
<p>&nbsp;</p>
<p>I am thinking about porting this to i-pad app, it will look good with i-pad, not practical though.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://itp.nyu.edu/~hj657/blog/2012/12/14/icm-final-_-space-clock/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>P-comp Final _ PlatBot</title>
		<link>http://itp.nyu.edu/~hj657/blog/2012/12/14/p-comp-final-_-platbot/</link>
		<comments>http://itp.nyu.edu/~hj657/blog/2012/12/14/p-comp-final-_-platbot/#comments</comments>
		<pubDate>Fri, 14 Dec 2012 06:29:21 +0000</pubDate>
		<dc:creator>HanByul</dc:creator>
				<category><![CDATA[P-COM]]></category>

		<guid isPermaLink="false">http://itp.nyu.edu/~hj657/blog/?p=263</guid>
		<description><![CDATA[&#160; I had such a long time to make a decision on my fina project. When I met with my advisor, great Marina, I told her about my worry and she told about tweenbot of which function is nothing than keeping going to its destination. It sometimes caught on the edge of the street, but people [...]]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p>I had such a long time to make a decision on my fina project. When I met with my advisor, great Marina, I told her about my worry and she told about <a href="http://www.tweenbots.com/">tweenbot</a> of which function is nothing than keeping going to its destination. It sometimes caught on the edge of the street, but people help it to keep going, wow it attracts people to help it. I found the moving object&#8217;s attractiveness through this good example. Then, I decided to concentrate on making kind of game platform, which can motivate people&#8217;s interest and interactions. I started to think about what I need. Wooh, There were so many things to consider than I roughly thought.  (I struggled to calculate relative position of the robot, because I knew that setting camera would make thigns more complicated but failed..)<br />
<a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/plan.jpg"><img class="aligncenter size-medium wp-image-264" title="plan" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/plan-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p>&nbsp;</p>
<p>I already built the robot for mid-term, so I started with setting tracking system.  I used color tracking method, it was not that big deal to track specific color on the white paper. The trickiest things was that camera&#8217;s eye and projector&#8217;s eye are different, even the camera tracked  the robot&#8217;s position exactly, it showed weird position. After several shots, I found that getting exact area of  the stage and cover the screen with that texture is the most effective way to map the position. The result was quite great, but it still depends on the degree of camera set.</p>
<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-14-at-1.50.42-PM.png"><img class="aligncenter size-medium wp-image-272" title="Screen Shot 2012-12-14 at 1.50.42 PM" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-14-at-1.50.42-PM-300x167.png" alt="" width="300" height="167" /></a></p>
<p>Then, I started building physical objects. I choose cardboards, it is cheap, light (important for my robot&#8217;s balance), and easy to deal with (important to me). I am quite proud of my robot, it looks neat, but not very proud of my joystick box. It was too weak, so broken now. In terms of making robot, what I concerned about is setting the wheel as low as possible, (close to the ground) not to lose balance.</p>
<p>&nbsp;</p>
<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/IMG_0678.jpg"><img class="aligncenter size-medium wp-image-266" title="IMG_0678" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/IMG_0678-300x224.jpg" alt="" width="300" height="224" /></a></p>
<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/IMG_0679.jpg"><img class="aligncenter size-medium wp-image-265" title="IMG_0679" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/IMG_0679-300x224.jpg" alt="" width="300" height="224" /></a></p>
<p>Next step was getting all things together smoothly. The processing sketch became huge to include all functions needed, and two serials made sketch really heavy. It was kind of struggle to make it smoothly. What I wanted to show for final was running real game on my PlatBot, but failed. For now, it just shows some kinds of effects, pretty though.</p>
<p><center><br />
<iframe src="http://player.vimeo.com/video/55629537?badge=0" frameborder="0" width="500" height="281"></iframe><br />
</center><br />
&nbsp;</p>
<p>&nbsp;</p>
<p>I had lots of probelem with the bots, but I am still fascinated by them. I wanna keep working on this, and make virtual PacMan!!!</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://itp.nyu.edu/~hj657/blog/2012/12/14/p-comp-final-_-platbot/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Color Composition</title>
		<link>http://itp.nyu.edu/~hj657/blog/2012/12/13/color-composition/</link>
		<comments>http://itp.nyu.edu/~hj657/blog/2012/12/13/color-composition/#comments</comments>
		<pubDate>Thu, 13 Dec 2012 19:18:17 +0000</pubDate>
		<dc:creator>HanByul</dc:creator>
				<category><![CDATA[Visual Language]]></category>

		<guid isPermaLink="false">http://itp.nyu.edu/~hj657/blog/?p=241</guid>
		<description><![CDATA[&#160; I got terrible score in color hue test, very very sad. &#160; &#160; About a month ago, I found interesting logic to make shape during doing ICM assignment. I tried arranging the texts in spiral form, but what I got was this weird pattern . Hm, looks interesting. &#160; I adjusted some variables, and [...]]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-12.32.01-PM.png"><img class="aligncenter size-medium wp-image-243" title="Screen Shot 2012-12-13 at 12.32.01 PM" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-12.32.01-PM-300x101.png" alt="" width="300" height="101" /></a></p>
<p style="text-align: center;">I got terrible score in color hue test, very very sad.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>About a month ago, I found interesting logic to make shape during doing ICM assignment. <a href="http://itp.nyu.edu/~hj657/blog/2012/10/06/processing-_-spiral-texts/">I tried arranging the texts in spiral form</a>, but what I got was this weird pattern . Hm, looks interesting.</p>
<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-1.43.14-PM.png"><img class="aligncenter size-medium wp-image-244" title="Screen Shot 2012-12-13 at 1.43.14 PM" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-1.43.14-PM-300x241.png" alt="" width="300" height="241" /></a></p>
<p>&nbsp;</p>
<p>I adjusted some variables, and tried connecting the dots and add some brightness change for each line.</p>
<p>&nbsp;</p>
<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.01.06-PM.png"><img class="aligncenter size-medium wp-image-245" title="Screen Shot 2012-12-13 at 2.01.06 PM" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.01.06-PM-300x241.png" alt="" width="300" height="241" /></a></p>
<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.12.38-PM.png"><img class="aligncenter size-medium wp-image-249" title="Screen Shot 2012-12-13 at 2.12.38 PM" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.12.38-PM-300x241.png" alt="" width="300" height="241" /></a></p>
<p>&nbsp;</p>
<p>Wooh, looks good, I am not sure it can be called as a composition though.. then time to play with color.  I added variable for hue value, it starts from 0 and specific value is added to value every frame.</p>
<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.06.19-PM.png"><img class="aligncenter size-medium wp-image-247" title="Screen Shot 2012-12-13 at 2.06.19 PM" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.06.19-PM-300x241.png" alt="" width="300" height="241" /></a></p>
<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.04.15-PM1.png"><img class="aligncenter size-medium wp-image-248" title="Screen Shot 2012-12-13 at 2.04.15 PM" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.04.15-PM1-300x241.png" alt="" width="300" height="241" /></a></p>
<p>For this case, I only changed the bright value.</p>
<p>&nbsp;</p>
<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.11.36-PM.png"><img class="aligncenter size-medium wp-image-250" title="Screen Shot 2012-12-13 at 2.11.36 PM" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.11.36-PM-300x241.png" alt="" width="300" height="241" /></a></p>
<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.11.49-PM.png"><img class="aligncenter size-medium wp-image-251" title="Screen Shot 2012-12-13 at 2.11.49 PM" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.11.49-PM-300x241.png" alt="" width="300" height="241" /></a></p>
<p>&nbsp;</p>
<p>Time to change saturation, I didn&#8217;t know what &#8216;saturation&#8217; exactly means, but this sketch shows what it is to me!</p>
<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.17.01-PM.png"><img class="aligncenter size-medium wp-image-252" title="Screen Shot 2012-12-13 at 2.17.01 PM" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.17.01-PM-300x241.png" alt="" width="300" height="241" /></a></p>
<p>&nbsp;</p>
<p>Here are some sketches that I could get by changing the values in sketch. Oh, fun!<br />
<a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.25.19-PM.png"><img class="aligncenter size-medium wp-image-255" title="Screen Shot 2012-12-13 at 2.25.19 PM" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.25.19-PM-300x241.png" alt="" width="300" height="241" /></a></p>
<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.26.15-PM.png"><img class="aligncenter size-medium wp-image-256" title="Screen Shot 2012-12-13 at 2.26.15 PM" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/Screen-Shot-2012-12-13-at-2.26.15-PM-300x241.png" alt="" width="300" height="241" /></a></p>
<p>&nbsp;</p>
<p>Code is super simple, so I just wanna paste the code in here.</p>
<p>&nbsp;</p>
<p>float a = 0;<br />
float d = 3;<br />
float c = 0;</p>
<p>float arcLength = 0;<br />
float w;<br />
void setup() {</p>
<p>size(800, 600);<br />
colorMode(HSB);<br />
frameRate(20);</p>
<p>background(0);</p>
<p>}<br />
void draw() {</p>
<p>//textFont(font);<br />
//w = textWidth(&#8216;a&#8217;);<br />
w = 9.8;// -&gt;hexagon!!!<br />
arcLength +=w/2;<br />
float theta = PI + arcLength/d;<br />
a += theta/100;<br />
d+=5.8;</p>
<p>strokeWeight(5);<br />
// stroke(0,255,255); //<br />
stroke(color(c,100,200));<br />
// stroke(c);<br />
line(width/2+d*cos(a), height/2+d*sin(a),width/2+(d+5)*cos(a+theta), height/2+(d+5)*sin(a+theta));<br />
c+=1.49;</p>
<p>}</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://itp.nyu.edu/~hj657/blog/2012/12/13/color-composition/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web final _ COO-PON</title>
		<link>http://itp.nyu.edu/~hj657/blog/2012/12/11/web-final-_-coo-pon/</link>
		<comments>http://itp.nyu.edu/~hj657/blog/2012/12/11/web-final-_-coo-pon/#comments</comments>
		<pubDate>Tue, 11 Dec 2012 10:30:00 +0000</pubDate>
		<dc:creator>HanByul</dc:creator>
				<category><![CDATA[WEB]]></category>

		<guid isPermaLink="false">http://itp.nyu.edu/~hj657/blog/?p=235</guid>
		<description><![CDATA[&#160; For my web final, I made coupon site. COO-PON (I didn&#8217;t misspell it, I just wanted to give it cute name, but everyone says that I misspell coupon.. sad.) &#160; I left my country just 3 months ago, whenever my friends&#8217; birthdays come, I feel bad because there are not many things that I [...]]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p>For my web final, I made coupon site. COO-PON (I didn&#8217;t misspell it, I just wanted to give it cute name, but everyone says that I misspell coupon.. sad.)</p>
<p>&nbsp;</p>
<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/coopon.jpg"><img class="aligncenter" title="coopon" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/coopon-300x150.jpg" alt="" width="300" height="150" /></a></p>
<p>I left my country just 3 months ago, whenever my friends&#8217; birthdays come, I feel bad because there are not many things that I can do for them. That is the motivation I ended up making this kind of social coupon site. This site requires enroll, and offers the user services to create and manage their coupons. I tried to make sharing system through e-mail and facebook. (There are lots of easy ways to do it. I used PONY gem to make mail system )   Here the basic wire frame is.</p>
<p><a href="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/wireframe.jpg"><img class="aligncenter" title="wireframe" src="http://itp.nyu.edu/~hj657/blog/wp-content/uploads/2012/12/wireframe-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p>Managing system was a bit challenging, but finally I got it! Basically, coupon has giver and taker as property, and whenever user call his or her coupon, it searches all coupons of which giver &amp; taker is that user. I wanted to give users options to make it public or not, so  I also had hard time with check box. but now it works ! YAY.</p>
<p>&nbsp;</p>
<p style="text-align: center;">Here is the link : <a href="http://itp.nyu.edu/~hj657/sinatra/coopon">http://itp.nyu.edu/~hj657/sinatra/coopon</a></p>
]]></content:encoded>
			<wfw:commentRss>http://itp.nyu.edu/~hj657/blog/2012/12/11/web-final-_-coo-pon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
