Category: Housekeeping

Last week, in class, I said I want to use sound.js and gibber.js, but through further research, I realized that I should focus on learning gibber and stick to its web editor. gibber is not just a library for sound composition, analysis, and visualization but it is also a live coding environment. This allows live audiovisual performance with extra transparency because the audience can see you typing down your code.

My goal is to compose some sound that includes drums, synth, audio files from freesound.org (the library includes the API), and voice. Then, I will create a visual with a couple of elements, each of them connected to the drum output or the master output. I am going to use both 2D and 3D objects because in gibber when you combine 2D and 3D, the 3D serves as a shade for the 2D object. I have created the basic outline of what my project might sound like and //commented on things that I need to work on.

Here is a screen recording of a very simple live coding.

live_demo

I am not sure if I will be doing a live coding for the final presentation (I hope I can) but I am definitely planning to make a screen recording of it.

gibber web editor: https://gibber.cc/

Access my code from here: https://www.openprocessing.org/sketch/

While I was writing this my code stopped working. I have no idea why. It worked 5 minutes ago. Now my excitment has turned into a doubt.

 

http://www.syedrezaali.com/   

For my research project, I decided to write about Reza Ali. He is a computational designer, software engineer, and creative director.  He is highly accomplished currently works at Google full time, on webXR its a google owned VR platform. His main position there is as a UX designer for  AR/VR experiences.  Along with that Reza is an artist in residence for Auto Desk. He uses technology and code to express himself, creating visual art sculptures and interactive installations.

Reza creates and collaborates with a lot of people and different companies. His work normally does not stay in one field or one area of interest. One of the fields that he works on the most with is Augmented Reality. My favorite Augmented reality peace from Reza Ali is called Paper Galaxy.  Paper Galaxy is a collaboration between Reza and Jeff Linnell. They use iPads to scan 3D objects and putting them into a 3D AR artwork that can be searched. Reza said “It’s about bringing students together and building communities through the use of creative coding and data visualization. ”         https://vimeo.com/105421711

Reza also makes interactive artwork, one of his most interesting 3D art pieces that I found was entitled BioRhythm and as its name implies it is a biofeedback installation. Which means that it takes feedback from the body to create movement in the artwork. The art piece is controlled by a users PPG which is the pulsating of the user’s blood tissues. The biological content of the artwork was the reason that the artwork was made to look organic. You can also change the sliders on the side to get more color options which I found relating because, just a week ago we learned to use the DOM library. http://www.syedrezaali.com/#/biorhythm/

He also has used processing multiple times, one of the artworks he has created from processing is an audio-reactive visualization.  The particles in his sketch repel and attract to one another so he could make them look like microorganisms in his opinion. http://www.syedrezaali.com/#/a-drifting-up/

Reza has also been known to dabble in generative works, he created a generative terrain maker called FLuid Scapes. He generates these renders and 3D prints them. http://www.syedrezaali.com/#/fluidscapes/

 

I have the general setup for my final project; I want to allow the viewer to create the solar system, but I haven’t figured out all the details. So far, I have created two home screens; one where the user enters their name and then another one that greets them and tells them the big bang happened and they are going to create the universe. I have all the planets drawn as well and I’m trying to figure out how to use the boxClicked() function to allow the user to create and destroy a planet. I also want to have a button that destroys the universe where a black hole comes and sucks everything up. I am still figuring out all the details because I definitely want to add more. Ideally, I would also add rotation and movement to the sketch to accurately show how planets move. I haven’t decided if I’m going to use the 3d dimensions library because I had difficulty downloading it. By next week I plan to have all the buttons working and hopefully add in some rotation to the planets.

For the final project, I would like to elaborate on one of my earlier sketches that was based on the work of Stan Vanderbeek and and Ken Knowlton.  I am interested in the use of, at this point, Processing over p5.js, and the visualization of sound in connection with music. Earlier this semester I created a sketch that used the mouse input and keys to create a randomization of colors on a “DJ Set”.  However, I would like to use that as a basis to build so much more. What I am currently thinking is that I will have an input for the user to pick a mood (approximately 3-5 choices). Based on the mood, a certain preloaded song will begin to play along with colors on the screen to coincide with the music.  I will randomize the colors so their pattern will correspond to the volume of the music. Additionally, the colors will represent the mood. For example, if mood is calm, I will have light blues, and other mutes colors. On the other hand, if the mood is party/energized, I will have bright colors with a complete randomization of orange, red, purple, yellow, etc.  I am not totally sure about how I will have the screen setup, but I would like it to, again, represent the mood selected by the user. The goal of this project is to create some kind of background the user could keep running depending on the mood. (i.e. a tranquil background setting for calm, or crazy random lights to keep on at a party)

My project is a game of “wack a mole” using processing. To achieve this, my code will basically be a giant loop. The logic of the game will depend around three main classes:

1. Score: missed, time, round
2. Holes
3. Hammer

The goal for this first part is to have the “Hole” Boolean controlled based on “time”, “Hammer” and have it be true or false for a number of seconds chosen at random from within an interval each time.

Ultimately, I would like to link the first part to score keeping and timed intervals using loops. See the image for more logic detail.

Hello Everyone,

I hope you are all doing well.

For my final project, I have no idea what I want to do.

That being said, I do have some libraries that I want to use for the project. I want to use the Camera features as well as the audio libraries of either processing or p5js to create an animation that incorporates sound and video to generate itself. I don’t know if  I want the animation to be interactive or not, but I want to leave the user with amazement on their face. I want to get creative with this project incorporating different physics libraries as well. I am currently inspired by working with algorithms and data so I just need to think about how I will incorporate different algorithms into my animation.

-Cesar

 

For my final, I definitely want to do something related to sound and music. A little more specifically, I want to make a sketch where the user can draw shapes which will produce sounds depending on various aspects of the shape.  The shapes might be able to interact with each other, and that will create sound as well. I love the idea of combining drawing and music, and I definitely want to explore this further in my project. The website I took inspiration from affords the user the ability to create patterns which repeat, and can combine to make something musical. The user can choose notes and type of notes, but I am not sure I want to include this in my project due to complexity, but ideally I will. I really want to make something that anyone can get lost in and maybe even make something that sounds like a fully-fleshed out song. For this I might have to use sound libraries and libraries for drawing elements, perhaps mapping characteristics to particular frequencies and timbres.

 

http://scribble.audio/

For my final, I want to create a video game. For my midterm, I was halfway complete but it wasn’t enough. I want to figure out how to make a bow and arrow shooter game in processing. I’ve seen many attempts at bow and arrow structure but never a full-fledged game. So I plan to do that, I drew some inspiration from a game I saw on open processing which is a complete copy of the old brick breaking game a lot of people used to play in their blackberries. I checked the code for that game and learned how to make object bounce until it hits its intended goal. Which I can use the bow and arrow game to only do something when it hits its intended target and maybe do nothing or bounce off when it doesn’t. If I find more similar examples I feel as if I could accomplish my bow and arrow game. I also saw some processing sketch on a bow and arrow shooting maybe this will help me understand how I should make the mechanics of my game. Im also excited for the use of the DOM library I feel there’s a lot of possibilities from that as well. Maybe I can add in buttons or sound to my game which would make it a real game if it has those features.

Brick Breaking game I drew inspiration from:  https://www.openprocessing.org/sketch/533634

 

For my project, I’d like to create a game using p5.scenemanager. I don’t want it to be linear with only one path you can take… I want the choices you make to determine how you progress through the game. This is inspired by a video game called “Until Dawn”. It’s a horror game where the player is given choices throughout the game and each choice has some sort of butterfly effect. There are many different endings you can get in the game.

 

I love the concept of this game, although making all of the visuals could be a pain. I want the visuals to be minimal so that I can focus on the different choices and outcomes that the player can make. I want a style similar to the mobile game called “A Dark Room”. This game is really fun because of the mysterious story line, even though the visuals are very minimal.

I’m not sure exactly how much I could do with p5.scenemanager, but I’m excited to try it out.

For the final project, I want to create a sound visualization. I have been watching many videos of sound visualization done through Processing since earlier this semester and now I am confident enough to give it a try. Since I am not a music person, I will stick to visualizing frequency and amplitude of the sound, but this thought might change after further research. Sound visualization and analysis can be done through p5 sound library but gibber.js also seems like an awesome library to play around with. With gibber I can make drumbeat of my own and make a visualization of that.

Here is an introduction video of gibber. As you can see, you can easily connect sound with 2D or 3D objects.

I really like the video above because it has the aesthetics that I might want to try. I am not sure about other elements that are floating around, but a visualization with a circular center is similar to what I want to create.