060115-viz-journal lres

 

Happy Friday!!!

Hi guys!

I haven’t disappeared, believe me! The Spring semester is over and now it’s the Summer. I will be working on my research but also making time for some fun. And no matter what, I need my creative outlets. Here’s my Visual Journal for Sunday 31st May 2015.

visual journal 053115-lres

 

Have a great day and see you all again soon!

TI

Hello All!

I have been scarce, but only because I have been busy. And I think I am learning… I think I am understanding stuff and I am encouraged and happy about this. I will post for you something I did using the Kinect. Possible uses and applications of the Kinect fascinate me so I wanted to use it. I began by reading and rewriting code for understanding from the book – Making Things See. I started with their exercise on drawing an imaginary cube in space, which would increase in opacity based on increasing the point clouds – as I touch the box.

vernelle noel, programming, kinect, form-making

You can see my video and you can get the code here:

URL – https://www.youtube.com/watch?v=vmVF05Zs-uo&feature=youtu.be

Github – https://github.com/vernellenoel/Algorithmic_Tectonics/blob/master/PracticeCoding/box_in_scene_touched/box_in_scene_touched.pde

I then played some more with the code. Here’s a video of my final work. There are things I still need to fix and make modular, but, bit by bit. This was done weeks ago. I am doing data visualization now and will show you all some stuff soon.

When I did this it was carnival back home (Feb 16 & 17th). While everyone was in the sun having fun, I had to pretend I was there. Here I am manipulating the vertices of my shape while I move to Machel Montano’s – Like Ah Boss.

URL – https://www.youtube.com/watch?v=sMsm1jiln5c&feature=youtu.be

Github – https://github.com/vernellenoel/Algorithmic_Tectonics/blob/master/PracticeCoding/1501215/box_in_scene_touched_dist_test02_pde/box_in_scene_touched_dist_test02_pde.pde

 

 

 

 

Here’s my work from yesterday.

vern

Bouncing Ball

Here’s the code – https://github.com/vernellenoel/Algorithmic_Tectonics/blob/master/PracticeCoding/bouncing_ball/bouncing_ball.pde

vern

Nested Loop

Code – https://github.com/vernellenoel/Algorithmic_Tectonics/blob/master/PracticeCoding/colored_squares/colored_squares.pde

vern4

Nested Loop – Random  function used for color

vern2

Nested Loop

Code – https://github.com/vernellenoel/Algorithmic_Tectonics/blob/master/PracticeCoding/colored_squares_random/colored_squares_random.pde

In class yesterday we touched on functions and creating parametric objects with processing. This is no joke, describing a design (shape/ object) for a computer is pretty intense. You have to tell it EVERYTHING!

See the code for the parametized columns below – https://github.com/vernellenoel/Algorithmic_Tectonics/blob/master/PracticeCoding/parametric_column/parametric_column.pde

vern7 vern6 vern5 vern4 vern3 vern2 vern1

I have been reflecting on why I feel so confused. Give me a pen, tell me to design something, and I can describe what I want and what I imagine. Give me a computer, and tell me to design something with code and my creativity goes out the window. Why is this? I am thinking aloud here… I think maybe it’s because I don’t know the vocabulary, the language that I have to work it. It’s like someone telling me to write a sentence in German. If I do not know what English words translate into, I will not be able to. If I do not know the ways to use those German words, I will also be lost. So.. I think I need to spend some time learning the “vocabulary” of Processing.

Ideally I want to be able to imagine something I want to do, then using the vocabulary, function, and methods of Processing, get it done. Currently, that is not happening. So tonight, I will spend some time learning some “vocabulary”, i.e. methods in Processing. The structure I will always be working on, and the way to write these things. Pseudocode maybe? No joke, this is taking a lot of time.

vern_processing_code

Sketch #1

So these are my sketches for tonight (Jan 26th). I am trying to understand and play with repetition using “for loops.” In Sketch #1, I did little lines of code using a “for loop” to repeat them.

vern

Sketch #2

In this sketch I played with colors and another layer of lines

vern

Sketch #3

In this sketch I changed the second layer of lines to ellipses().

vern2

Sketch #4

vern4

Sketch #5

In sketches #4 and #5 I was exploring nested loops, or a two-dimensional matrix (don’t quote me on this). I remember wrestling with these nested loops while doing Rhinoscript. I think this is the same here. A “for loop” in the x-direction and a “for loop” in the y-direction. For this two-dimensional matrix, a rectangle is drawn and filled. The fill () function is written as:

 fill((x+y) * 1.4);

Frankly I don’t quite understand how this works. I will try to find this out. It seems to be taking the color as numbers from the for loop and using the multiplier of 1.4, this changes the color value. Fill () takes a number value and I guess this is altering the number value in this way. Interesting.

vern3

Sketch #5

In Sketch #5, I tried to play with interaction with the mouse. Nothing impressive happened. I used a snippet from the code last night. So I was able to move the tip of the triangle, but nothing cool really happened, apart from the interaction of course. So! Here’s to my second night of processing Processing().

My friend Marc shared this super cool link of the super-cool, trippy stuff his friend does. See here – http://enchantedconsole.tumblr.com/

IMG_20150125_233725

The image above is my sketches of what I want to draw. Instead of dwelling in the fog of my mind, I was encouraged by Daniel to draw what I want to “sketch” using Processing. It’s just like my research… making the implicit, explicit. These are sketches and images of the codes that I wrote tonight. Step by step… incremental development.

vern

Sketch #1

This sketch (#1) was pretty easy. Apart from the mistakes I made with the locations of the endpoints of my lines, it was an easy start.

vern

Sketch #2

Also an easy start.

vern2

Sketch #3

I did a different sketch (static) before doing this one. I then played around with the “mouseX ()” and “mouseY ()” functions so the shapes created were dynamic and it was interactive – i.e via the mouse. Below are more shapes/ designs created with the same sketch. I wrote a few lines of code at the end of my draw code that would export the design generated by pressing the space bar.

vern1

Sketch #4

vern3

Sketch #5

vern

Sketch #6

This was also a doable exercise. The main things I learned here was the order in which to write the fill commands so they fill the particular shape I wanted. I also learned the quad() function and used it for drawing my diamond shapes since the rect() function would not do it, at least based on my level of Processing knowledge right now. This felt good. :)

10947353_10100723841702310_974978826295945002_n

So one of my desires, my intellectual goals (since 2011) has always been to become proficient in Programming. I peered into the world of programming during my first semester at MIT. Before that, programming was an unknown world, “something computer people did.” My eyes were opened then to the power, beauty, and immense frustration of programming. In my first semester, I started doing “Programming Sketches” with one of THE BEST TEACHERS out there, who was still a Ph.D. Candidate at that time, Juhong Park. I started the course and spent several nights frustrated, becoming angry and sometimes weeping over writing code. I just could not get it! I remember one time my friend and brother Ki saw me in 9-250. There I was not understanding programming, cursing myself and almost in tears over how difficult this foreign thing was. Ki would comfort and reassure me that it was not something, “I could just get” if I never did it before. This was one of the main things I think I had (and still have to remind myself). I thought I would “get it” within a week or a few days, and it was not happening. I could not believe I was not getting it.

After a few weeks I dropped the course because I got into “How To Make Almost Anything” (HTMAA) which was higher on my priority list at that time. HTMAA also had programming, but I was able to get by, get help from my friends and TA’s and just try. But still, it never sank in. In Spring 2012 I took Leah Buechley‘s “New Textiles” course. There was some programming (Arduino and Processing) and I was able to get by. I wrote tiny codes that worked, nothing too intense. In Summer 2012 while working in Singapore I tried to teach myself programming (Rhinoscript and Python). I tried and tried. I think I understood somethings conceptually, but still – not really getting it. In Fall 2012 I took Java in the CompSci Dept at MIT. Great professor, awesome TA’s, somethings I understood. Still – not getting it the way I should, or the way I think I should. I was in every single recitation there was!! LOL. And still…not getting it.

vern

By Spring 2013 I was focusing on my thesis and thought that for my sanity I would give programming a break and focus on what I was really good at. This was a wise decision, since instead of constantly feeling like crap, I excelled at doing what I was REALLY good at! Programming will just have to wait. After my graduation I moved back to Singapore in August 2013 to teach Design Computation courses to Architecture students. WHAT THE WHAT?!!!! Yes. Before the semester actually started we of course had to prepare. I would be involved in teaching Programming with Grasshopper and C#. I prepared and studied C# with the days and things made sense. I wasn’t a pro, but things made sense. The professor I taught with (Sawako Kaijima) knew her stuff inside and out. She too shared her struggles, persistence and victory stories with me about her journey through the difficult programming landscape. She reminded me to never give up! That semester was great and again, I made it through. I think my ability to understand the difficulty of grasping programming concepts allowed me to help the students even more. I would share examples with them, create tutorials in the form of cartoons that might help them understand certain concepts. I was the bridge between the genius (Sawako) and the new-comers (students).

In the Spring 2014 semester there was some programming in the course I taught, but more so visual programming with Grasshopper. Again, we made it through. During that semester I did Python Programming with Code Academy AND I sat in in my friend’s (Hyowon Lee) class. He was taught an introductory programming class to Information Systems students. These things really helped. I was trying to eat, sleep and dream code.

Well now in my Spring 2015 semester here at Penn State I am trying it yet again. I am taking Algorithmic Tectonics with Daniel Cardoso Llach. We are using Processing as our platform. I am hoping to lick this challenge of mine, grasping the abstractness of code. Wish me the best this time! I am at this minute in the library. I came to work on my programming assignment and while figuring out how best to work on it, I decided that I would do 3 things. (1) I will share my story for hope that it encourages someone – being patient with yourself is a good thing. (2) I will try to write at least one snippet of code everyday. Juhong made us do this in his class. This was THE foundation of his class… writing code daily. (3) I will document everyday how and what I feel while learning code. I will also post the results of those codes on Thinking Insomniac. It might keep me accountable. So, here’s to me trying to beat this programming monster. If you need a buddy to do the same with, feel free to join me.

The images above are outputs from code that I was trying to understand, make changes to and rewrite tonight. Looking forward to many more..

 

vernelle noel, thinkinginsomniac, don't quit, sketchaday

Image  —  Posted: November 4, 2014 in Architecture & Urban Sketches, Design & Computation, Illustrations, Penn State, Photo Journals, Visual Notes
Tags: , , , , , , , , , , , , , , , , ,

conception & perception-sm

Have a great day!
Thinking Insomniac

Creative Commons License This work by Vernelle Noel is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.

truth and its relevance

 Truth – what is said – is literal.

Design worlds are not solely literal but metaphorical, created, based on our perception, our experiences and more.

For non-verbal (what is said) versions of expression, truth is irrelevant (Goodman).

Have a great day!
Thinking Insomniac

Creative Commons License This work by Vernelle Noel is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.