#socm

https://ugenocide.github.io/My final post for these series of p5js sketches will be putting it onto a website using css and html. Here are some screenshots of my website, there are 5 tabs that feature 2 fullscreen interactive sketches, an about section that also features some screenshots, a page that has mini sketches that are mouse interactive and also a video page where I have a performance of the sketch I made and also a video where I talk about it.

THRU: A 3D SUPERSHAPE SOUND REACTIVE SKETCH

This is the final sketch for “THRU” which combines the idea of Supershapes and perception of the 3D field that also reacts to sound. One new thing added to this sketch is the use of a camera to give perspective to the entire sketch. My concept was to have the viewer be able to feel immersed inside the visual space whilst listening to the music. 

The idea of 3D supershape was inspired from Reza Ali, and my colour scheme was based of the idea of an endless dimension much like the “Dark Dimension” that is found in Marvel’s Dr. Strange comics when he visits Dormammu’s lair.

The code for this sketch is found below:

2D SUPERSHAPE

The next step in the process of my final project is to create a 3D supershape that simulates moving through the first tunnel sketch that I created. However, before diving into that I shall first tackle the idea of having a 2D supershape first. This sketch focus on manipulating a circle using 2D supershape formulas that can be found on http://paulbourke.net/geometry/supershape/

THRU: Working with SOUND!!

In this mini sketch working towards the big sketch for THRU, I decided to learn how to integrate a sound source into p5js, analyse those numbers, and then proceed to create visuals based on them. It is possible to extract amplitude and frequency values from your sound source, so in this example I am using a combination of both. The audio you are hearing is an original composition made on the MakeNoise shared system specially for my final project.

THRU: GOING TO THE 3D WORLD

For the next mini sketch for my final project, I am focusing on WEBGL, which can make p5js render in 3D. In this sketch I have made an Atom based on using 2 toruses and a sphere which size is manipulated with my mouseX and Y.

My final project titled ‘THRU’ will explore the idea of visual arts in a 3 dimensional world. Here I am playing around with the idea of a never ending tunnel or the idea of walls and walkways.