Creative Coding

https://docs.google.com/presentation/d/1oDkQ2mw-P-NzcnR5rPC_dlE0jcCMyrmhh-YyW4KKfsY/edit?usp=sharing

For my final project, I will be creating a bird identifier game. I have already created audio tracks that contain various sounds, of random birds. The game will first start with a player prompted with a start menu. The user then clicks start a prompt will play urging the user to memorize a specific bird noise and what bird makes that noise. On screen, an image of that bird will be displayed as well. Next, a sound clip will play of several birds in different environments and a user must then press a buzzer only if he or she hears that birds specific voice again. If they click correctly they will gain a point, then a new sound clip of a different bird will play and if it is pressed at the wrong time they will lose a losing screen will prop up with their final score and option to restart the game again. I plan to accomplish this with the scene manager and sound libraries on P5JS. I mainly have to figure out how to keep the timer and if mouse pressed on track with each other. Below I have attached a sound clip of how the game may sound.

https://drive.google.com/file/d/1oC6FXc3vbTvcx79VbrkzpIhKULHURN9h/view?usp=sharing

 

For my final project, I want to model a live visualization of the MTA, with as many subway lines and live feeds as possible. I’m gonna use the MTA aoi and the Google Transit API to set up this live animation. But I don’t want to use Subway carts to model the subway. I was thinking of using something more interesting, and what would I use? DRAGONS, duh. What else it would it be. Unfortunately I have not found a dragon template written in processing where I could start adding functionality to it and using the APIs to model the Dragons movement. If I cant use Dragons, then I’ll probably end up using some other extravagant 3D shape. I want my sketch to model the MTA as closely as possible including all the delays and traffic information that comes with it.

I have begun to use the kinect contributed libraries and have gotten a rough understanding of some of the differences between three of them. For my final I plan on using the depth and motion tracking capabilities of the kinect version 2 to create an interactive display using scripted signals to create an “in hands” 3d object generate. I have plans to use a 3d terrain like discussed in class when a person moves there hands into a certain threshold range and apart a certain distance. The idea is that the person in front of the camera would be moving the terrain with hand motions and the person at the computer would switch between which object is generated for the user to interact with.

Hello everyone,

I hope all is well.

My project is finally under process and I have begun coding it.

Here is my current outline:

Cesar Alvarado – Final Project OutLine

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.