ICM_02_CloudPaint

This is the idea of Caitlin and I, a self-made Paint software, for ICM week_02’s homework, making something animated and designed an UI. At first, we were ambitious and made a ideal Paint with multiple function, and even a fancy UI. BUT, it’s just too hard to accomplish 😉  Process of bloody stumbling is as followed:

  1. made 3 floating cubes to choose colors from.
  2. frustrated to find out that the color of every cube’s rim changed when I choose different stroke color.
  3. same thing happened in stroke width.
  4. P A N I C .
  5. Struggling for hours.
  6. thought object-orientation program might be the answer of this puzzle, so started learning OOP from scratch.
  7. excited to have a workable class of drifting clouds.
  8. frustrated to find out that problem still existed.
  9. P A N I C .
  10. Struggling for hours.
  11. so desperate that I started googling my problem.
  12. found out the existence of pushStyle()/popStyle()!
  13. had a bitter(FXCK!)-yet-sweet(YAH!) moment for a while.
  14. added stroke width, eraser, and new paper function to finish my mini-Paint.
  15. L E A R N E D    A    L O T .

And here’s my bloody baby!(click me click me click me)

And below are my bloody baby’s organs(codes).

Continue reading

PComp_03_MouseControl

Just have to say… Intro to Physical Computation is the most confusing and yet the most rewarding class I have in ITP so far. Problems and questions appear like bubbles from the boiling water, and when Tom Igoe explained the INPUT and INPUT_PULLUP to me in class, I felt my brain was stirred like a sticky mud. But once problems were sold, I felt I was in heaven.

Lab_02 before week_03_class

First_Arduino!!

It’s a bitter(FXCK!)-yet-sweet(YAH!) feeling when you found out that the whole problem was actually arose from a super simple reason! Frustrating about my first attempt to program Arduino and then finding LEDs failing to light up because of wrong direction. Anyway, YAH for the light!!!

During the self-labs, in the beginning I was really confused about the different wiring ways showed in the instructions, and I pondered deeply about it.

 

 

 

 

 

 

 

 

 

As pics show above, resistors were put in the different places. And then I just thought that, hey! why don’t I just try to wire it in different ways and see if it gives same result? And I tried and it did. Silly and happy.

Arduino_Lab_Test

Week_03_MouseControl

Billy and I used Joystick to control x and y. And quoting from Tom:

“… The joystick select button is a digital input, but it’s wired differently than the buttons you saw in the Digital Lab or the Mouse Control With Pushbuttons Lab. It’s wired to connect to ground when you press it. To read it, then, you’d still use digitalWrite(), but you’d expect it to go low when pressed instead of high. And instead of a pulldown resistor like you’ve used in those other two labs, you’d use a pullup resistor, so that it’s connected to 5V when the switch is not open…. … The Arduino has built-in pullup resistors that you can use on the digital inputs. When you set the pin to be an input using the pinMode() command, use the parameter INPUT_PULLUP instead of INPUT.”

So at first we wrote the press of Joystick as pinMode(3, INPUT_PULLUP), but then we found that it’s actually difficult to control x, y and press in one single stick, so we decided to add another button as the right-click-mouse. We changed back the code about digitalInput as pinMode(3, INPUT) and adjusted the related code below as well. Also, we used map() to control the speed of the mouse movement since delay() will change the entire loop speed and it’s not necessary.

inClass_MouseControl

One thing I also want to mention is that, in class classmates came out a lot of ideas about how to control the mouse. With string sensors, force sensors, tilt sensors, buttons connected with different resistors, etc. Very creative!!! I was kind of shocked yet inspired at the same time. Maybe I should stop playing safe. Just let go my imagination first, and then try to catch its tail and fly with it carelessly after???

Very interesting 🙂

PComp_02_Zoetrope

PComp_week_02_Zoetrope from JHCLaura on Vimeo.

In the 2nd class of PComp, Aaron and I made a zoetrope which is energized by a motor. So exciting!! If I were not in the class I would give it a happy shriek! This work was majorly done by talented Aaron since I haven’t got my Arduino Starter kit yet, and I borrowed one at 1 AM which is just 8 hours before the class… tragedy. Anyway, thank you Aaron!

At first, our zoetrope worked with only a potentiometer, and since we haven’t learned how to use it to get a variable supply yet but simply a on-and-off switch, we couldn’t control the speed of the motor, so it turned too fast for a clear animation. To solve this problem, Tom Igoe suggested adding a momentary switch to supply power by clicking it manually.

At first, we couldn’t make it right because we misunderstood the flow of the current. Thanks to Jason we got it done eventually. And here are some detailed pics of our work!

V&S_01_Copy and paste ourselves!

Before I start my feedback to the Video and Sound week_01 reading/video-admiring, let me introduce you the “70 Million” by Hold Your Horses, one of the millions(or countless) of sweet and juicy fruits of plagiarisms!

Before this essays/videos assignment, I had an impression that America was strict about copy write and filing law suits about it every single days. And now I know they only represent business. Free spirits exist behind those ugliness and I feel awesome to be here, because I buy the spirit that plagiarisms is inevitable and it dose make good works. Just like before writing a good movie screen, screenwriters must read/watch tons of scripts/stories/movies before, and it’s a lie to say they aren’t affected at all. Indeed, I might hesitate or even be angry about the plagiarisms if it’s about my works. BUT. Since this hasn’t happened on me so I’m good.

Also, there’s one thing really turns me on–“Most artists are converted to art by art itself.” quoted from Jonathan Lethem’s The Ecstacy of Influence: A Plagiarism. In my ITP two years I’ll keep copying and pasting myself, and wait to see what will I become in the end of this journey.

There’s another things I want to mention, that’s in Kirby Ferguson’s Embrace the Remix video, he said that “… Creativity doesn’t come from within, it comes from without. We’re not self, we’re dependent on one another…” Isn’t it one of the important core notions of ITP, to collaborate? We rely on each others, building ideas based on other ideas. For me, the process is like building a pyramid. We collect “resources” to construct bases, layers after layers, and in the end we reach the point of the pyramid and finish our works. Everyone builds his/her pyramids, with different heights and shapes.

PComp_01_What’s_Interaction?

In the first week of PComp reading, 1) Crawford’s “The Art of Interactive Design” ch01, ch02, 2) Bret Victor’s “A Brief Rant on the Future of Interaction Design”, I’m gonna post about the question assigned from Tom, some random thoughts through the reading,  and some inspiring words. Let’s begin!

Answers to the questions(duh)

After this class’ discussion and exercise, and reading Chris Crawford’s definition and Bret Victor’s rant, how would you define physical interaction? What makes for good physical interaction? Are there works from others that you would say are good examples of digital technology that are not interactive?

  • Unlike general interactions(such as conversations etc.), the physical interaction involves materials, such as devices, chemicals, and living things. It’s a back and forth dialogue, and in the end it leaves impacts on the participants.
  • Good physical interaction won’t make its participants wander off. Participants interact with their most intuitive parts, and the experience won’t be diluted through the whole process by meaningless designs of the physical interaction.
  • The non-interactive digital technologies I can think of so far are 3D movies, tv, videogames, …, since the result of them are all set up and cannot be changed despite the different input contributed by different users.

 

Random thoughts–

  • In the first class of PComp, I found that professor Tom emphasizes “feedback” a lot, much more than others, during the class and within the words of the syllabus. And when I read through the first few sentences of “The Art of Interactive Design”, I suddenly realized that’s because feedback makes good interaction, and that’s the key to PComp. In PComp, we learn how to transform one element into another element with electronics as media, and at the same time, we are media too! We transform others’ thoughts into our thoughts, and we let other know ours. Along the loop of communication, amazing ideas bump out, just like what good interactive technology does.
  • Satisfying, joy, determine the level of interaction. → Good interactive device make users hard to stop using it.
  • I found myself match perfectly and miserably with the awful/disappointing listener/thinker/speaker described in “The Art of Interactive Design”! OMG I feel so sorry… That’s not my intention! Dear friends please keep talking to me, and I’ll learn the experience and improve just like what those hi-tech hard/softwares do.
  • Seeing “…Dancing alone to the music is not interaction; it is participation.” makes me wonder how cool will it be if dancers can interact with music, which means music will be affected by dancers’ moves as well! But questions are: besides the basic movement recognition, how to detect dancers’ emotions and how music responds? It’d be really interesting!
  • If movies can be interactive, it might turn out to be boring? Because audiences love unexpected stories. And not everyone can be a witty screenwriter.
  • My example of interactivity: Living. Characters: Human, Environment. Process: Human’s behavior build environment; environment affects human. It’s a loop.
  • Regarding the video “Vision Of The Future”, if people in the future rely heavily on the control panel which handles everything nicely for you, wouldn’t it deteriorate human’s intelligence/capability as well? But I still love one of its device, the transparent refrigerator. It’s fancy yet at the same time meaningful/eco-friendly, and it’s a small design to easily avoid cold air leaking.

 

Inspiring lines–

*Interaction: a cyclic process in which two actors alternately listen, think, and speak.
*Once words have been written down, they are scattered everywhere.
*Interactivity designer regards the thinking content of software as its function, and the user interface regards as its form.
*Interactivity design people are younger, less technical, and stronger in the arts/humanities.
*I’m not saying that we should eschew graphics, sound, or video; I’m saying that we shouldn’t make these factors the selling points of our work.
*A tool converts what we can do into what we want to do
*Pictures Under Glass sacrifice all the tactile richness of working with our hands, offering instead a hokey visual facade.
*With an entire body at your command, do you seriously think the Future Of Interaction should be a single finger?

PComp_01_FantasyDevice

Food_Replicator_As_Whole

Food_Replicator_As_Whole

Magic Ball w/ "Go" button.

Magic Ball w/ “Go” button.

In the first class of Introducing Physical Computation of Tom Igoe, for our first assignment– “fantasy devices”, Aaron and I came out of the idea of a food replicator!

HOW

  • At first, let’s skip the process of food come out from nowhere!
  • It’s a fabricate kit. With 12 expandable sticks as frames, and 8 magic balls as joints, users can put the food replicator easily into a sack, and assemble it freely into the size they want.
  • After setting up, users can use smartphone to order food products from the on-line catalog. Choose items, put in the cart, and pay the bill.
  • Once finishing the on-line order, users push the “GO” button to execute the processing. Food will suspend until users touch/grab it.
  • Beside “output” food, users can “input” too! By putting food(granny’s jam etc.) inside of the food replicator, items can be easily uploaded and preserved to the on-line catalog(but watch up the expiration date!).

DETAILS

  • 8 balls are responsible for all of the technology.
  • The control interface is simple with a “Go” button on the surface of the ball. Users push the button both to get and upload food.
  • Although only one item can be uploaded a time, multiple items can be replicated since, quote Aaron “…, the replicator will optimize the cube space to materialize as many of the items from the “cart” as is possible.”

DIFFICULTIES

  • How to define “food”? Since we don’t want to make this involve with controversial stuff like money, drugs, etc., we limit the output to be just food. Although we can find the definition of food on wiki–

Food is any substance consumed to provide nutritional support for the body. It is usually of plant or animal origin, and contains essential nutrients, such as carbohydrates, fats, proteins, vitamins, or minerals. The substance is ingested by anorganism and assimilated by the organism’s cells in an effort to produce energy, maintain life, or stimulate growth.”  

  • … still, it’s hard to execute.

 

Last holiday before school starts.

After being in crowd awkwardly several times, trying to mingle, shouting into people’s ears to introduce yourself, and strolling/lost in the city beneath the sun without an umbrella, things are finally going to settle down.

Love NYC from the deepest secret place of my heart. Its chaos, its randomness, and its spontaneity. With the principle I stick to, I anticipate to be bumped and clashed and spun to transform myself into something total me but at the same time completely not me.

The new landlord seems quite nice. After two weeks of Peter Cooper Village, I’ll be out of my comfort zone again, start from Sep. 1st. Sweet…