MoMar-Reading03

Along the spectrum of First Word <---->Last Word, my work is more towards First Word because my medium of choice (VR), is not as widely explored and documented like other forms: drawing, computer art, film. Orson Welles put it well when he was talking about his first cameraman, "You never made a picture, and you don't know what can't be done!" I don't know what's impossible. As far as I'm concerned, it's the wild west!
In regards to how culture accepts technology: I think it's based on how well it's introduced, and only well-introduced tech can shape culture. For example, the novel idea of the touch screen has been around for decades before the iPhone popularized it with the first touch screen monitor produced in 1983. That's First Word. When the iPhone comes around and popularizes it and becomes embedded into modern culture, that's Last Word.

lubar-AnimatedLoop

Code Link

The overall process for this piece was interesting, and challenging in places that I did not expect it to be. I found that one of the most time consuming pieces was wrapping my head around and  implementing the relationship between the wave loop and the loop combining the separate motions of the boats tilt and flip. Because of how I had implemented the location and multipliers based on frameCount, I found in counting the length of the flip cycle, that reaching a point of repeated looping took two loops to settle into. This took a lot of finagling (and magic numbers) to fix . I was did not implement all of the elements that I initially planned to, and am unhappy that the boat rising motion is abrupt. However, I am very happy with how the waves turned out. I used the 'doubleExponentialSigmoid' ease function to increase their size, and sin relations to 'wave' them. I think it worked nicely, visually relative to the boat, and moving across each other.

Initial Sketches:

szh-AnimatedLoop

 

I created the wave/oscillating motion with the easing function sineOut(x). I achieved the oscillating motion that I intended but I fell short in trying to fully loop (without hiccup) the add ons/effects I had paired with this animation:

I had hoped to achieve a motion blur effect, which with the affect of the arcs changing dimensions (closing and opening like Pacman), gives the trail it leaves behind a certain effect.

I was inspired after looking through various of beesandbombs' gifs: https://twitter.com/beesandbombs/status/1090673528758849536?s=20

Where the movement of each individual piece seems to be controlled by a sinusoidal wave. I also tried playing with the overlap of the colors of each piece (where some parts of the line looks darker because of the varying opacity).

Code

vingu – AnimatedLoop

view code

This piece is based off a childhood memory: I planted a seed in a pot, later my grandma re-potted the pot with a flower, I got confused by how fast the seed grew and yanked the flower out. I spent a lot of time testing out the colors/composition and kept simple motions/animations. I'm happy with how the sequence turned out, it's very straightforward.

At first, I was confused with the frames/frame rates/speed/time etc.. I increased the number of frames and percentframes to make it longer (it seems to work? but made things way more difficult later on). I used if statements with certain frame sections to make it sequential (a lot of hardcoding). I wish I made the code more efficient and used more easing functions to show more emotion. For example, having the eyes follow the plant, or the eye enlarging. Also having the plant leaves/petals move with gravity.

Draft in Google drawings using the circles and arcs. Testing colors and positions.

 

Sequence/Storyboard sketch.

MoMar-AnimatedLoop

Ob-La-Di, Ob-La-Da!


https://editor.p5js.org/MoMar/sketches/JHpokW31q

I started working on this piece with no idea how I'll program the animations. I made two completely different sketches from the end product at first. When I started coding, I realized that I didn't have time to figure out the nuances to program the original sketches. So I looked at some of my favorite childhood cartoons for inspiration. I found an animation loop of a sea monster playing a guitar and eating boats. I decided to program that.

Critique:

I'm disappointed that I couldn't figure out how to program in time a loop of boats spawning on the top right corner to be eaten by the monster. If I had more time I would've worked on the graphics a tad bit more and had the guitar move around.

Regardless, at the end of the day, the knowledge I gained from this excesice is invaluable. In High School, to animate objects we used to move them using "for loops". Easing functions blow that method out of the water. I'm sure these functions will come in handy for future projects. I also programmed this using Visual Studio. I'll write a blog post (or just post a template) on my website on how to do that soon and link it here.

 

 

 

zapra – reading03

It's difficult to gage where I stand along this spectrum of first and last word art because the need for both is so evident. If we only have first word art, we will never move out of the "novel" stage, and nothing will be built upon, improved, or analyzed in depth. It would be similar to a conversation in which every person is simply waiting for their turn to speak, not absorbing or reflecting on the thoughts of those surrounding them. On the other hand, having only last word art would be as equally implausible; if we turn our backs on what is new and novel, we can only work to improve the limited scope of what already exists. As for technology and culture, I believe that while technology can incite quicker change, culture will always be what determines its success. Throughout history, we seem to gage major shifts in culture based on technological advancements: the Industrial Revolution, internet, smartphones, etc. However, at the core of all these major shifts lie societal impulses that seem to be ingrained in our human nature--the need for information, speed, convenience, and "more" in general. All in all, as technology continues to advance, our essence stays the same.

tli-AnimatedLoop

Code

I didn't start with a sketch for this piece but rather a concept: tiling. My goal for this gif was to create a grid of many shapes that shift together in visually stimulating ways. This gif was strongly inspired by the video Canon, which we were shown in class. After I finished implementing a basic unit that can rotate in four different directions, I experimented with different layouts, movement patterns, subdivisions, and layering of the various arcs before I settled with this result. I tried to encourage visual interest by obscuring certain elements and revealing others, but it was a fine line between visually interesting and chaotic. I still think I failed to create a cohesive piece, but I take this as an opportunity to experiment with these simple moving tiles. After reviewing other people's work, I almost wish I had gone a representational route instead of playing with abstract shapes. I used the doubleExponentialSigmoid easing function.

vikz-AnimatedLoop

https://editor.p5js.org/vikz/sketches/3PhA3Unrt

For this piece, I thought it would be particularly interesting if I could play around the concept of having my frames be able to stand alone, but also seamlessly blend together to form a larger picture when stacked together. For some reason, I can't seem to figure out if I can embed pictures side by side on WordPress, so for now, my current example is how the gif interacts with each other when vertically stacked. Although my original sketch is not exactly what I created in the end (four circles that would follow a trajectory that could bleed into other squares) - I believe my new outcome was more interesting because of the functions I used (doubleExponentialSigmoid) and (elasticInandOut) from github libraries https://github.com/IDMNYU/p5.js-func/blob/master/lib/p5.func.js and https://github.com/IDMNYU/p5.js-func/blob/master/lib/p5.func.js. Frankly, so much of the time was spent trying to figure out how to alleviate the hiccups and create a GIF, so I know that much more time could be put into creating a more "seamless" flow between the different GIF frames, as there is some sort of hard line where one frame ends and the other starts.

vikz-Reading-03

"First Word Art" and "Last Word Art" are both terms that I have been exposed to before, and my general stance that I continue to take is that both can be considered as "true art". I strongly disagree with the stance that "first word art" is not considered art, because I do not believe that mastery has to take place in order for a piece to be considered "art". Rather, I believe in that art can take an exploratory nature and serve as a catalyst for other movements and/or works; to me, this sort of effect serves an even greater purpose.

I believe my interests lie more so within the realm of "first word art". Rather than create the "ultimate" perfected piece and/or artwork of a certain sort of style, I much rather enjoy exploring new concepts that may inspire and provoke others. I enjoy seeing the possibility of extension and further exploration that could ensue after my work, rather than my actual final work, at times.

Although we aspire to make things of lasting importance, many times our creations do not age well. Many times, this could be a result of not designing and/or creating for the future without future-design thinking in mind. From a design standpoint, Jamais Cascio's three main critiques for designing for the future can be applied here: 1) Does my scenario and/or product focus only on technological advances and miss the day-to-day of everyday life, 2) Does my scenario assume everything will work and miss the possible failures and unintended uses and 3) Does my scenario only focus on the dominant classes and ignore the broader impacts of society? When considering future works incorporating novel technology, we can often fail to consider our work these lenses, consequently failing in creating things of endurance and longevity.

 

gray-Reading3

One main purpose of art, in my mind, is to show something that has never been seen before. Art as communication of an idea is extremely powerful, and if an idea is represented in a way that has never been seen before, or a completely novel idea is represented, it can catch the attention of the viewer/experiencer and let them understand it in a way nothing else can. In this respect, new technology is crucial to art, in that it can express ideas that can't be expressed any other way.

I don't think my own work is first word art or last word art, really, because I haven't done anything that hasn't been done before, but I also haven't done anything in an already existing medium that is good enough to stand out much in that medium. However, I definitely would lean more toward first word art. I do find it a little daunting to try to use a medium that has been exhausted so fully, or at least to use it in a way that stands out. I get more out of trying to do something that's never been done before than just trying to perfect my technical skills, even though sometimes I wish I didn't feel that way.

One danger I see in using cutting-edge technology is losing your message or losing yourself in the tech. It's easy to come up with an idea that fits the medium rather than vice-versa, and while that's a good exercise and can sometimes even have artistic value, you're much more likely to produce something worthwhile if you choose the medium to match the idea.