31:Tb16,md` ### 1. View: **Wooden Mirror**
Wooden Mirror links the digital world to the real life using very raw material instead of pixels. Combined with the sounds, it reminds me of the time when I am in nature thinking the trees is alive. **Stranger vision**
This to me is a good art work that reflects on the technology. How the face feels both human and inhuman stirs up a lot of thoughts in my mind. The pictures, the items and objective descriptions of where and how they find it also gives a lot of imagination. This work is scary and striking. **Memories of Passersby I**
very interesting to see how the machine pick up the "beauty" or "look" of the painting in the past and recreate. it made me think what is the value of those paintings and how should we view them. However, it turns out that this work to me captured the "look" but didn't get the spirit of those old paintings. The meaning stops at the surface in my opinion. The old paintings has more than just the look. the choice of color, compositions, stories, philosophy, the observation, the imagination, those things are all very important part of the work. The combination of old style painting with machine learning doesn't speaks to loud to me. **Advertising Position**
It is a strong and direct comments on the modern day life of web browsing, advertising and how it influence our identity. How saturated and unnatural the colors of the "skins" are looks shocking and uncomfortable, which to me, is a strong critics on the web environment and how we are influenced. One thing I don't particularly like is that the different people's portrait do looks relatively similar to me although the ads are different and represents different individuals. **Waste Not**
This work is not only the result but also the story and the process. The work reflect on the history and a real deep portrait of the person. I like the idea of simply put the things there without giving too much description of each thing. Thus, each thing has similar weight to it and potentially give a more untouched/objective view. It makes the whole work feel more deeper and rich but remain the beauty of simplicity at the same time. **Overall**
Unlike some traditional style of artwork creation, these works seems to be all driven by a good idea that may need to have before the production. The production part seems to be more as an act of making the work happen. This reminds me of the Sol Lewitt's wall drawings that we have read a couple of weeks ago. This process of making portraits, to me, gives the work a more objective view which potentially create a better or I should say more accurate representation of the subject. In a lot of cases, this method can show the aspect of typology or social studies rather than emotional, subjective expressions.

`32:Tbed,md` ### 2. Locate: [**p(ii)tch**](https://www.luluixixix.com/p-ii-tch) by [luluxxx](https://www.luluixixix.com/)

Created by Luluxixix, **p(ii)tch** is a series of 6279 vintage neon looking looping pictures/videos generate from pictures/videos of celebraty, movies clip, or other pop cultural contents. luluxxx is kind enough to share a lot of her contents and methodology online. There are a lot of contents to see so I'll just mentioned the basic method and provide links to the information that i found very useful. The first two steps are more related to algorithm so I'll put more descriptions. However, the whole process from video to code, 3D, 2D, to the results, everything were implemented very well, so it is definately worthwhile to take a look at how she did her other steps! **methodology** building a pitch gif is done in 4 steps : **1. loops :** creation of a looping image sequence from footage. this is done using **optical flow**. looping of sequence is done using custom code. It uses optical flow to "warp and morph" images together. code [here](https://github.com/luluxxxxx/video-loops). typically she would select footage, cut it down in fragments where she feel there could be interesting loops and try different parameters on it. Eventually she would stabilize footage with 2d tracking to help the process.

**2. stipples :** creation of several stippling sequences. They consist of sequence of **point clouds** (.ply) created from the loop images. Stippling is a drawing technique in which areas of light and shadow are created using nothing but dots. The basic idea is simple: For darker areas, you apply a greater number of dots and keep them close together. she is using the **Linde-Buzo-Gray-Algorithm**, a method that distributes points based on Voronoi diagrams. you can find the initial code [here](https://github.com/MarcSpicker/LindeBuzoGrayStippling). she added optical flow to keep temporal consistency in the animation. the process is repeated on different resolutions. typically she would generate stippling sequences from 700 pixels down to 40 pixels. the output are point clouds written in .ply format which houdini reads natively. [.ply] is handy as it comes in an ascii and binary format and is capable of storing arbitrary attributes on points.

**3. 3d renders :** creation of several layers of cg renders. done with **houdini**. rendered with **mantra**.

**4. compositing :** 2d compositing of the 3d layers. done with **nuke**.

`33:[{"id":"b285b4590f6746732c972548ad13fc5d0378817bca6af56b7efce15e7471bf4e7609be5469c5293831e0ddaf3a1a52acc29ce7520264e8b84461a81a87c04353","href":"https://static.observableusercontent.com/files/b285b4590f6746732c972548ad13fc5d0378817bca6af56b7efce15e7471bf4e7609be5469c5293831e0ddaf3a1a52acc29ce7520264e8b84461a81a87c04353","name":"1.orig.jpg","type":"image/jpeg","lastModified":1645462915817.444,"size":445012},{"id":"4445261ce2fa9b554ca2d2c044a8db6c29827564a1278b6f0eb61da3353842a873545315f56dd5b91762793dba97277953b698346b0fb25ad87806866a911d32","href":"https://static.observableusercontent.com/files/4445261ce2fa9b554ca2d2c044a8db6c29827564a1278b6f0eb61da3353842a873545315f56dd5b91762793dba97277953b698346b0fb25ad87806866a911d32","name":"output4.5.1.mp4","type":"video/mp4","lastModified":1645464178115.902,"size":44573493},{"id":"ffc2580ad8eedc32bc28a3f312f7e69d153c62c332b5306f14d94c27247b308e06d91c6ab040875150d69a9eab523499bddbbc311b05f6b836838bf88e3aef78","href":"https://static.observableusercontent.com/files/ffc2580ad8eedc32bc28a3f312f7e69d153c62c332b5306f14d94c27247b308e06d91c6ab040875150d69a9eab523499bddbbc311b05f6b836838bf88e3aef78","name":"layers.gif","type":"image/gif","lastModified":1645473677781.784,"size":2994872},{"id":"2b01f0350f4289b1d6ea5e26b113179b5c47cc4d466e6226256fad9a4d3f1ae74fb3e66b0e6795adf68303d71f464ba6ba305c8b6273edb50134c9c356dfbf19","href":"https://static.observableusercontent.com/files/2b01f0350f4289b1d6ea5e26b113179b5c47cc4d466e6226256fad9a4d3f1ae74fb3e66b0e6795adf68303d71f464ba6ba305c8b6273edb50134c9c356dfbf19","name":"stippling.gif","type":"image/gif","lastModified":1645473753047.75,"size":1517923},{"id":"4b31ba2019f0825b2907c425b661f790f2e0a5f4ac4e3cdda844dfe1e96e708140e9c0d664d2414329ae41535002d2a7f30bc19927bd9aaec838307d0f4933ee","href":"https://static.observableusercontent.com/files/4b31ba2019f0825b2907c425b661f790f2e0a5f4ac4e3cdda844dfe1e96e708140e9c0d664d2414329ae41535002d2a7f30bc19927bd9aaec838307d0f4933ee","name":"elvis.gif","type":"image/gif","lastModified":1645473757540.852,"size":9830277},{"id":"9f819e5102a98ea34a1272fbaa094e33fcd755b02564342db4fe61396a375f31a030ef94e8ae205008d596b2d0fc89efb5116cb83f2994f2dc944ee0a77f6fd7","href":"https://static.observableusercontent.com/files/9f819e5102a98ea34a1272fbaa094e33fcd755b02564342db4fe61396a375f31a030ef94e8ae205008d596b2d0fc89efb5116cb83f2994f2dc944ee0a77f6fd7","name":"loop.gif","type":"image/gif","lastModified":1645473755074.278,"size":4534174},{"id":"ed0630cc425f64a074482219f6a77da5406e5868a2216f867fc60c633cf8275778102974c3234a07e6dc0a50510356e7ed3cb5ff9c69f59bf2983cc3c1fbe448","href":"https://static.observableusercontent.com/files/ed0630cc425f64a074482219f6a77da5406e5868a2216f867fc60c633cf8275778102974c3234a07e6dc0a50510356e7ed3cb5ff9c69f59bf2983cc3c1fbe448","name":"stipples.gif","type":"image/gif","lastModified":1645473755544.66,"size":6296966},{"id":"3f5d3cf4590515978bdc257585e2d483d02a99735233700295e5fa264284778bc53864b471f005189a76b6f7ade9e45c28772e9743de63cacaea5fcf0463c972","href":"https://static.observableusercontent.com/files/3f5d3cf4590515978bdc257585e2d483d02a99735233700295e5fa264284778bc53864b471f005189a76b6f7ade9e45c28772e9743de63cacaea5fcf0463c972","name":"layer2.gif","type":"image/gif","lastModified":1645473756197.747,"size":6559468},{"id":"88fe6c60c2a4b6b1c4bab0bea957c4006777fc169d455d455e97d31ca93f9bfadfcf5f3ead5b8d5d1e54248b92d58bab4aadb7f647f801088a067198c873bfe4","href":"https://static.observableusercontent.com/files/88fe6c60c2a4b6b1c4bab0bea957c4006777fc169d455d455e97d31ca93f9bfadfcf5f3ead5b8d5d1e54248b92d58bab4aadb7f647f801088a067198c873bfe4","name":"ima_0084.png","type":"image/png","lastModified":1645473753456.915,"size":2129838}] 2f:{"title":"Assignment 4: Code Self-portrait","cells":[{"id":0,"value":"# Assignment 4: Code Self-portrait","pinned":false,"hidden":false,"mode":"md"},{"id":6,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"md`\n### 3. Create:\n\nmy own creation inspired by waters movement on glass.\n\n[p5.js code](https://editor.p5js.org/yangren72/sketches/Npt0tom9x)\n
\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"md`\nVideo Showcase:\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":58,"value":"md`Original Image:\n
\n

\n\n\n\n\nCcapture Code from [jnsjknn](https://editor.p5js.org/jnsjknn/sketches)\n`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}