NOC week2: Xiaonan

For this project, I used a simple class to create a series of objects. I meant to  create paper planes but failed to, and it ended up some kind of dart shapes. 

The basic function for this small practice is when press the mouse, there will be several “darts” coming out, flying, and rotating. It was made by a position vector and velocity vector, and at the same time, a rotate function.

  

There are three functions in the class, which are constructor, display and update. Here, display is to draw the dart shapes and update is to make it move. And then in the draw function, I call them in the each round so it can continually generating darts.

NOC Week1: Xiaonan

For this project, I made a small project about the “mouse/cursor key”. When I was small, I liked to change the cursor key into different shape and size and I found it quite fun. And sometimes there will be trace when moving it. So I made an interactive key that one can adjust its size and choose to leave a trace or not.

  

Basically one can use up and down keys to change its size, and when mouse pressing there will be trace. The main function I used is the mouseIsPressed that could capture the mouse down events.

NOC Final – 3D Tunnel/Waveforms – Andrew Joslyn

Link to project: https://editor.p5js.org/adj311/sketches/CpqGmwa3e

For my final project, I wanted to find a way to use the tools I’ve learned to create the best 3d-looking object possible. Having messed around with sin, cos, and noise, I felt that while randomness is sometimes more “cool looking” or maybe “interesting”, being able to change many variables, and being able to see the direct result of those variables, not only helped guide me while coding this project, but also in figuring out how to use 2d objects to create a 3d effect. I originally planned on making objects close the the center of the sketch smaller, but instead used blending modes to achieve what I believe is a stronger 3D-like effect. The code itself was not long, or overly complicated, but included in its short amount of lines are a lot of parameters which I believe all have a powerful role in their effects on how the final visualization looks. I used squares for this visualization, because I thought squares (or “pixels”, if you will) could rotate and help add to the effect of feeling movement. The size of the squares could have been smaller as they grew more distant, but as I mentioned earlier, I felt like simplifying the project, not only in the necessary computations, but also in the way dat.gui parameters interact with the sketch, and opting to use the additive blending mode yielded a more interesting and powerful 3D effect.

This project still had its limitations. I would have liked to use more elements (dots/squares/pixels), and made a more fleshed-out tunnel effect. I also wish that the movement I implemented was not just X and Y, some sort of rippling, or wave like Z-axis effect could have added another element of dimensions or layers to the possible visuals.

I will be honest, I spent a lot of time playing with the sketch, and trying to figure out what could be changed, and how those changes would effect the visual. For example, I discovered halfway through the IMA show that by increasing the “stretch” value, which was both arbitrarily named and arbitrarily given a maximum value, and allowing the shape to stretch past “itself” to higher values, gave the visual a kind of crazy and unique shape, and made me realize that maybe breaking the initial boundaries of what I wanted to do, and allowing parameters to be changed, possibly even to the negative, may yield a more interesting effect than what I anticipated. I think just like in physics, many observations go against what people initially expect, and I think that as I tweaked with values more and more, I realized that more things were possible than what I had intended to create, which is both exciting and sad, because who knows what other parameters could be messed around with to yield something even better.

NOC – Final Project – Wentao Wang

Title: The “Black” hole

In my final project proposal, I mentioned that I was inspired by the black hole and intended to create my own visualization of a black hole. So for this project, I created a black hole that can be controlled by the users to attract the planets in the universe.

This is the “universe” I created

The big ellipse in the middle is the black hole. Since you cannot really see a black hole, so I made it white for visualizing it. The particles in the space are moving by themselves, here I use the autonomous concept. 

The color of the black hole and the planets are changing and blend mode is used here.

You can drag the bar and change different variables including attraction, the size of the attraction field, max steer force, friction, detection radius. Here are some examples.

Increase the attraction force

decrease the attraction force

after the explosion

the explosion is constructed in this way:

Here are some interactions I added in this project:

using key and mouse to control the moving of the black hole.

And if you want to see a further developed project with EEG brain wave interaction, you can visit this webpage and see the full documentation here:

IMA Capstone _ The Brain Artist _ Wentao Wang

NOC week 9: ripples —— Skye Gao

Link: https://editor.p5js.org/Skye/sketches/u0QRQ2n1m

For this week’s assignment, I utilized the concept of particle systems and created a simulation of ripples. According to one falling drop, there would be generated with constant  ellipse which shows the effect of ripples. I met much difficulties when trying to create peploses with a certain time period. As the for loop for particles is constantly generating objects, if I just simple set the color of ellipse to change, it would either create a disk by ellipse with gradually changed opacity, or it would disappear really quickly. After several trial and failure, I figured out that one way to show the regular pattern of ripple is to only display the ellipse with a certain interval. And the outcome looks like this:

There is still much room for me to explore with this sketch, as for this assignment I did not figure out how to let the ripple die out after some time while it is constantly generated. Also, I would like to further explore the particle system concept by creating multiple ripples and having a scene of rain dropping on the water.