78 sketches
78 sketches
77 sketches
76 sketches
76 sketches
75 sketches
74 sketches
72 sketches
72 sketches
71 sketches
69 sketches
67 sketches
67 sketches
65 sketches
56 sketches
55 sketches
52 sketches
52 sketches
1 sketches
0 sketches
20 sketches
Tile Graphics
103
Random Values
108
Parameters
87
Using Noise
101
CF Strategies
96
Pixel Data
100
Turtle Graphics
92
Vector Data
90
Animation
79
Generating Text
84
Generating Sound
88
Music
80
3D Forms
77
Microgames
68

The first time I try to make a movie like this, it's so fun and interesting. I like processinβ¦

A late night piano session. Applying the random() function on the keyboard within an octave!


Try to make a pokemon battle game but run out of time

----CASE STUDY----
For my case study project, I decided to apply strategies I had learnedβ¦

Have to get all of the yellow blocks to the other side without bumping into the moving walls

Coin platformer β sort of retrofitted p5.play to plain JS class instances




Last challenge from my case study: 5. Call the last person you texted. How are they? Have they seβ¦

Fourth game/challenge from my case study: 4. Find just $1. See what you can buy or trade for it iβ¦

Another game from my case study: 3. Stand up and do 50 jumping jacks in 3 minutes. Has your breatβ¦

Another games from my case study: 2. Close your laptop. What's on your desk? Touch it. Breakβ¦

For my case study I chose to make sketchbook challenges to combat workaholism. Small games encourβ¦


A disturbing strategic ball game. Press Space to slow down the ball speed and make the broad wideβ¦



Reflecting on Computational Form as a practice. The most valuable takeaway for me was understandiβ¦



[Week15.5] The game of placing the bar to lead bouncing ball to create letters

Don't let the balloons float away! Repurposed an old noise sketch. Sprite from

Was making a coin collection platformer and didnβt know how to proceed with floor detection. Iβmβ¦






[Week15.4] Create a simple chess game. Inspired by Pong Hau K'i that I played when I was a cβ¦

The Colored Square Gameβclick on the square and a square of a different size and color appear somβ¦



CASE STUDY
This case study shapes a personal exploration about the connection betβ¦

This is not a game at all but is quite playful.
I used OpenCV to give this poor crab a litβ¦



γCase Studyγ Trigonometry is one of the important and fundamental topics in the field of computerβ¦

W15S03: Walk the Peacock ~ when the mouse hovers over the bird, it moves within the scene. This cβ¦

W15S02: The Peacock and the Gold ~ Navigate the bird around the walls to push the gold coins offβ¦




[CASE STUDY] I designed parametric flat-pack jewelry for laser or waterjet cutting. I used paper.β¦

Rain still, avoid the windshield hazards.


[Week15.3] A confusing game.


This is my first microgame using a hybrid control between a joystick controlled by Arduino and thβ¦

Collection of the little dots using arrows to navigate the bigger square

Added a drop to catch and sun animation.
I like using play for animation!

Just made a quick edit to basic flocking mechanism. This generates the feeling of play by switchiβ¦

p5 5 Sketches 15 Weeks
(Was going for something else here, but managed to just end up withβ¦

W15S04 --- Rotating 3 balance bars to let as many yellow boxes as possible fall on the ground toβ¦


Game = Joystick
I think that the joystick is one of the few pieces of my Arduino box thatβ¦



CASE STUDY // here are some artfully chosen crops from my case study assignment. Clickβ¦

Kind of a simple game.. Don't know how entertaining this is haha

I just cheat to win


I needed to bring homer back because of his addiction to doughnuts. All along last weeks, I haveβ¦

Raindrops on a car window--now you can actually control one!
Would like to get a backgrounβ¦

//Code referenced from an in-class examples +this amazing website (

W13 3D: HoverGlobe 3D Modelling




Having a bit of a hard time with groups right now so posting some enigmatic progress screenshots.β¦

W15S03 --- Rock Paper Scissor!

Case Study: Who won the menβs singles luge event at the 2018 Winter Olympic Games? Find out withβ¦

Find different color

W15S02 --- "Shake Pong": just wanna share a game I built before in Processing. It'sβ¦

W14 Microgames: Gritty Gravity Playtest, at PlayTech

W14 Microgames: 'Gritty Gravity' (β¦

W15S01 --- A simple avoiding bomb game, inspired by an ios game called 2 Cars where you need to cβ¦


W14 Microgames: 'Gritty Gravity'
This was created during the Play week from Majorβ¦

I was reminded of a game I used to play all the time called Impossible Quiz. Here is a level I reβ¦

[Week15.2] Mario Jump

Improved on a tutorial example where you navigate the blocks to the other side of the screen

Fixed the Sundae game! Things land where they're supposed to, score is kept, and you lose wheβ¦

Made a microgame where you're a banana trying to avoid getting peeled for as long as possibleβ¦



[Week15.1] I don't know if this is a typical "Microgame". But it is definitely a gaβ¦

Realized I could use stills from a previous sketch as sprite animations! I made a game where youβ¦

I was trying to make a micro game where you make a sundae. The idea is to add as many toppings asβ¦



Playing some more with Openscad.

Not a satisfied one from the Smudge jam

W15S01: The Toucan and the Gold ~ my first microgame! Very primitive and the toucan can't getβ¦

Prince Circle crossed crowd and found Princess Square

will try to add gravity later

Classic shooting gallery w/ wild west gunshot sounds. Score penalty if you miss.


Not a post but a funny backstory



Came back to my AC house generator to add different roof styles but only had time to add one stylβ¦

Castles jungle.





[Week 14.5] I was using openSCAD and 3D printing to generate the components for my Major Studio&#β¦

maya castle part 2!

Inspired by cherry blossoms.

moving through a field of colorful cubes



Castle update :)

completed benzene ring

webGL thing

benzene ring in progressβworking now on finding a shape to represent double bonds and rotating/trβ¦


Compform cutaway bracelet

This is the poster created using revolution shapes made in Cinema 4d. I started working with basiβ¦

W13 3D: Hoverglobe
My first 3D print... which broke. I used a faulty machine. I should beβ¦

a house (in the sky)

Castle p1 created in maya



Heightmap images at different levels of detail from one hi-res leaf image. I like the idea of priβ¦


Snowflakes!


Maze golf course!



Adapters! K'nex, Lego, and Tinker Toys. I like the idea of a random generation of these as aβ¦


Castle parts β modeled after the Windsor Castle in England.


W14S05 --- I really enjoyed working on this, it took some time, but still needs thinking and straβ¦


Working on getting my bricks to draw random walls, but it's getting to a point of diminishingβ¦



Also I made a tiny "heart" cap for the button on my major major object



Building some basic blocks for the castle, will continue to add details

Basic game functionality in the after class session. The levels look fun :-)


W14S04 --- a watchtower, started building modules for my castle.



[Week 14.4] 3D dead tree? Using my previous tree ring sketches.



I worked on the workflow between Cinema 4d and illustrator.
I created 3D geometric modelsβ¦

Working on creating a generative Animal Crossing house. Worked on a tree and fruit modules that aβ¦


It's funny because I've seen some lego examples when uploading mine that I didn't seeβ¦


Little Animal Crossing house. Took a lot longer than expected.


Using recursive structure and the lego example to make lego piles...it took me a while to get theβ¦

Messing around with even more of the settings... I like how certain rotations and sizes give justβ¦



[Week 14.3 ] Pumpkin...Using Intersection() and for loop.

Making a weird gallery space for these twisty columns (more three.js)



I knew that I wanted to get my sketches out of OpenSCAD this week and into a presentation that feβ¦



W14S05: Solar system within a solar system: relative planet sizes are to scale and relative distaβ¦


Memphis-inspired lego furniture piece



A magical geode.
The reveal was quite fascinating, but the program is running too slowly (β¦



W13 3D: Hoverglobe
Still working on this. TinkerCAD is far more amazing that just being aβ¦



W13 3D: Hoverglobe
Taking my baby steps with 3D modelling/printing. I used this opportunitβ¦

My smudge marble in Cinema 4D. One of the programβs shape presets is βoil tankβ


one more iteration of the "knot" exploration



i call them triangular cube steps - liked the triangular prisms because of how they reflect the lβ¦


I changed the formula and set every particle as a glowing cube.



I was experimenting with sin and cos and tan- inspired by the knot example on a wiki page with exβ¦

Did I beat Jumper?

W14S04: Magnolias ~ inspired by the magnolia trees currently blooming in my neighborhood. I adaptβ¦



some waves, try to export to .stl but failed



I was exploring linear_extrude to create several volumetric shapes from B/W map. I added a lot oβ¦


W14S03: Comp Form alphabet blocks and dice ~ I wanted to make something with the Comp Form letterβ¦


Made by Unity 3d Particles System. Basically, I froze every particle and set an array to store thβ¦



[Week 14.2] 3D Font. Rotate around cylinder.


try to generate with the intersection



W14S03 --- a simple low-poly style scene, imported a .dat file to generate "Mountain" uβ¦



Made some fancy columns - experimenting with mirroring



Experimenting with dodecahedrons and some for loops. I'm really enjoying openSCAD!

First thing I made - just experimenting building figures shape by shape to really get comfortableβ¦



[Week 14.1] Change the perspective could be part of the animation. Very few experiences on 3D forβ¦

Trying to understand the parameters while trying to recreate a piece of pink quartz.
I useβ¦



What better use could there be for OpenScad than to make shaded flowers? And then make printed waβ¦


Houdini Tests.

W14S02: Union and translate and for loop, oh my ~ played around with translating within a for looβ¦

W14S01: Bobbles ~ getting my feet wet in OpenSCAD with a study of the difference outcomes betweenβ¦



W14S02 --- added more details to my phone, exported and made the animation in After Effects. &quoβ¦


W14S01 --- building my phone, keep working to add side buttons and animation tomorrow...



Playing with the for loop to create different surfaces. It is interesting how changing few parameβ¦

Attempted surface to swarm example with Rhino and iGeo. So much fun.

Importing OBJ in Rhino to print. Focusing on detail. Such beautiful form.

Processing x Rhino x iGeo

Processing x Rhino x iGeo

Processing x Rhino


Rainbow Waveform thing!

W13 3D: "Shocked Mickey"
I'm actually shocked with myself that I just made mβ¦



Figured I would try a melody (or something a little more music-y). I played around with Justinβ¦

Randomly choose note form C major.



Adjusted my computer keyboard synth from last week to play in a minor key and added an envelope tβ¦

similar to the last one - lines length and opacity correspond to note value. The negative space cβ¦


radius and opacity change according to note value - used the warbler effect on the sound.


Added graphics from fft data.
I had planned to modify the data more--taking it out of a lβ¦



procedurally generated melody and different envelopes



Manually generated melodies w different envelopes

Working on adding "melody' melody to my rhythm--using the 4/5/6 train screeches from theβ¦



Made some marimba remixes. I looked at the patterns that I found when trying to reconstruct the mβ¦

I've been iterating on my earlier pebble sketches to create something totally different -- aβ¦



Was really interested in manipulating existing music to the point where it doesn't sound theβ¦

W13S04 --- played with Chinese instrument Pipa. GarageBand is really powerful both in function anβ¦

bass synth p2



Using recordings of myself walking down steps, and looping them to create rhythms.
I'β¦

A Steve Reich inspired piece. "Two Marimbas." I took two of copies of my previous sketcβ¦

Also, play with Guzheng in GarageBand

It took me too much time to write eight bars with gp7

This one got slightly cropped in order to fit it into the post -_- . I took a little more time, tβ¦

This one was a quickie. I wanted to play around a bit more with animation and the Chrome Music toβ¦

Sad 007.



[Week 13.5] The music of color. I set a rule which is the 7 colors in rainbow represent each noteβ¦


Recreated the "Marimba" iphone ringtone with the simple synth lol. This was surprisinglβ¦

Add emotions to the music.


Exploring altered synthesizers and simple beats...though it doesn't sound like much.
Iβ¦

12-bar blues. Love it! Pic via: httpsβ¦

W12 Music: Harry Potter Theme
Itched to do this. Did it. Check the code and click the canvβ¦


A short piece composed based on a chord progression starting on C and moving only some type of thβ¦

Another episode made with GarageBand



Really excited about keep working on this project.
I'm still working on making the capβ¦



NINTENDO LABOOOOOO!!!!!


Another ambient track. I found a synth in Garageband that has randomized overtones in it. I heldβ¦

[Week13.4] Create a new melody. Named: Before Final II

synth bass paired w a lil animation i made a loong time ago

W13S03: Iko Iko with animation ~ playing melody with SimpleSynth and using the frequency of eachβ¦

It's going better.



I want to keep exploring the connection that could be between Physical computing gadgets and P5 sβ¦

Horrible a cappella try, My voice seems to distort after adjusting speed.



W13S03 --- tried out GarageBand on my phone to made two pieces of beats with little difference


Music for an ice level β one for the main area and one for a puzzle / boss area

Generate gloomy dungeon music based on SimpleSynth, also make a dark maze for this clip of musicβ¦

[Week13.3] Name my music "Before Final I". Play with multiple instruments on the



Made some animal crossing town song inspired music!

Last one. Sample/sequence/Ableton song bb pt 5.

This one is my fave of the 5. Sample/sequence/Ableton song bb pt 4.

Made 5 of these cuties with my friend Luke. Another sample/sequence/Ableton song bb. Pt 3. 10 difβ¦

Sweet little sample/sequence/Ableton song bb pt 2. 10 different noises.

Sweet little sample/sequence/Ableton song bb pt 1.



I'm not a good composer but I'm in love with swing music which often has ABAC structure.<β¦



Getting my feet wet with repeating and shifting melodies, changing the note envelope as well. Basβ¦

[Week13.2] Continue working on the melody that I created from yesterday. Find some peace in the pβ¦

Brian Eno inspired ambient track




W13S02 --- "Arpeggio": found an interesting website made by Google Experiments, a serieβ¦

Playing around some more with SimpleSynth, trying to mimic pebbles falling to the bottom of a lakβ¦

Just trying to get a sense of possibilities for Justin's SimpleSynth code... playing around wβ¦

Made this funny EDM synth straight in the browser. Surprised by how good it sounds in person

[Week13.1] Create a piece of melody using the



W13S01 --- explored and used WolframTones, a website generating music based on algorithms. Thereβ¦

I started to learn how to write melody today. It's an unsatisfying sketch.

wrote a simple tune 3/4 time G major

No idea about any instrument, first try on GarageBand π

W13S02: 99 Bottles ~ a classic road trip song. This sketch is set to play the round four times. Iβ¦



A pattern created from overlapping metallic spirals using Smudge.
The texture reminds me aβ¦


This is my first attempt at Smudge.
Metallic pattern from a cell drawn in illustrator.
β¦


Metal and moondust.

First time playing with the Smudge library!

My first work in music made with Fl Studio.




Dragonskin for Smudge jam

W13S01: American patriotism ~ playing the American anthem by adapting Justin's example code,β¦



Smudge Stuff β Marble Marble, Rave Cube, Marble Cube




Visualizing sound- iteration on previous sketch. This is a visualization of the Office theme songβ¦



A painting of a whole song, not just one moment. Using FFT and really low opacity, the song paintβ¦

An alternative system that maps four keys to four common chords (uses three oscillators) and tenβ¦

fft


dangerous cliff ride
Made another chrome music experiment... edited it a bit in aβ¦


Still working with noise--looping clips of noise variation, and drawing with turtles.


Made a (computer) keyboard based (musical) keyboard! First clip is improvised "Mary Had a Liβ¦


Four oscillators generating two "notes" forming roughly a major third. Two of the oscilβ¦


Changing rate using mouseX - made with processing and minim

going up and down octaves...

Added two more oscillators to previous sketch to play around with rhythms and add filigree to choβ¦


[Week12.5] Using Binary Code to create soβ¦


Trying to modify the fft example to explore different ways of visualizing the sound data. Not tooβ¦

Generate envelopes and drums, play with them, then visualize the sound with fft


I started by wanting to make some shapes for a laser cut project, but it's much harder to manβ¦

Tried to play how a machine would but with added human benefits like dynamics and easier manipulaβ¦

Was just playing around and made this weird turning cone-ish shape...

Midi bubble
Like I said, I don't know much about working with sound. Rather tβ¦

dreamscape
definitely still a beginner with mixing :')
software: ableton

Try to add drum to the clip but it seems failed

cute lil track with some cute lil illustrations bc y not?

wanted to make it sound like a computer figuring out some calculations....

W12S06b: Synesthesia 2: The Circle of Life v2 ~ song makes beautiful patterns and color mixes. Adβ¦

W12S06a: Synesthesia 2: The Circle of Life v1 ~ I wanted to make graphics using the iconic openinβ¦

Using markov chains to combine cha cha slide with square dance calls, and then linking sound andβ¦

F A K E L O V E
Another piece that uses audio input and responds with changes in the backgβ¦

A common I-IV-I-V-I chord progression

I created a physical system that uses Arduino + potentiometer to change the frequency of the sounβ¦



[Week12.4] I guess this could treat as a music genre visualization. Same code, different songs haβ¦

I used two channels to generate random G chord scores.

WARNING: Flashing lights
breaks the internet

Bobbing along to Bjork
I refactored some bits and pieces of code I had done for another prβ¦

W12S05 --- Synesthesia 1: actually have no idea how to embed those "noises" I have geneβ¦

I really have no experience working with sound, so this week's been a bit of a challenge forβ¦


Mapped the letters in the alphabet to a frequency scale to turn input from the keyboard into sounβ¦

W12S04 --- Synesthesia 2: tried out some FFT features, shapes are generated based on the amplituβ¦



Tried modifying the in-class example to generate different sounds, which I then went on to layerβ¦

Music: Axol x Alex Skrindo - Yo



I'm trying to figure out serial connection from Arduino to p5.js through p5.serialcontrol. Iβ¦


W11 Sound: "BB8"
Merged a mute 15second video with generated Oscillator sound toβ¦


W12S03 --- played with this sound visualization website, really fun, got some ideas for synesthesβ¦


W11 Sound: Synesthesia 3
Trying all the forms of sound waves from 'sine' to 'sβ¦

Took one of my comp form bumpers and changed the sliders to respond to amplitude (before it was fβ¦

Here is my low, unsettling sound. Still playing around with the oscillator...


W12S05: Synesthesia 2: Graphics-driven by sound of breathing ~ I wanted to play with the FFT algoβ¦

Hairs with sound!

Expanded by adding another oscillator in an even lower range (use headphones) and making the rhytβ¦

[Week12.3] Sound all come from the human! Included heartbeats, breathing, clap hands, hiccup, andβ¦

Random sine chords in C. I find the melodies and harmonic movement really beautiful.

This is...a lot of noise. Getting the hang of using and layering oscillators for interesting effeβ¦



Got inspired by this sound and I decided to play with FFT example to have different layers of flyβ¦

Combine Electrocardiograph with generated sounds

W12S04: Synesthesia 3: Bumper with scales ~ used the remainder operator on framecount to make souβ¦

Sonic Pi

Starting off with Sonic Pi!

I chose this piece because of its contrast in volume...sorry for the low qual/video be too big otβ¦

Worked with this sketch- and tried making a noise track that could complement it. I like the sensβ¦


I was mixing two different sounds and looping them and I realized that it sounded as if I was aboβ¦

Fun fact: I'm real good at whistling.



[Week12.2] Transfer visual language to sound by using the music box

video from The Force Awakens

Last iteration on pervious clips.

Caught some glitches in this mix and rolled with it. The sequencing makes it seem intentional. Wiβ¦

Sampling/Sequencing. Playing with concept of repetition. Looping 2 samples and iterating.

W12S03: Synesthesia 2: Space Odyssey ~ generate graphics driven by sound; modified Justin's Vβ¦

Hey Homer!! What's going on?
I've been playing around with the carrier and modulatβ¦



I remembered we don't have to code!!!!!!
I decided to be the random in the program andβ¦

W12S02: Read my lips ~ adapted Justin's example code Playing Recorded Sounds, then combined wβ¦

I was "sketching" ways to match sound with un-matching visuals and I just thought thisβ¦



W12S02 --- this week's topic reminds me of one of my favorite Google Doodles created to commeβ¦

[Week12.1] A combination of several different natural sounds like rain, animals' sound, and tβ¦


sound sampled light rain and put played around with sequencing, tempo, and swing. used korg volcaβ¦

Playing with SuperCollider and a cutie Korg Volca Sampler.

This is from my high school portfolio (LOL) but it reminded me of this week because of its explorβ¦


A chord is a group of 3 or more notes, but a voicing is the specific arrangement of those notes.β¦


W12S01 --- modified Justin's Oscillator example, made the frequency changed by the position oβ¦

Made with Minim library in Processing. Music: Liquid feat Fran




W12S01: Frequency x time ~ getting used to p5.sound and incorporating time, noise, and random inβ¦


Not a true sketch. Just wanted to pass along info on a really cool exhibition. Went to a talk Ellβ¦




Using the Markov algorithm to create Webding landscapes! The landscapes were separated into diffeβ¦



Tracery example focusing on millennial acronyms in chat windows





Markov Lyrics. Marley + The Misfits and Elvis + Kanye. Made to look like the popular and unchangiβ¦



a mysterious tragedy



Experimenting w tracery example - seeing what I could do with just the borders in each div - creaβ¦



My bad story



Using markov chains to combine several images. Two averages rats in the first image, third imageβ¦



Horror Stormy Night


[Week11.5] Inside a ZOO



My attempt at the "Dark and Stormy Night" challenge. Going for a mix of Mary Shelley, Aβ¦



Haiku generator from counting syllables of words in an input text. Unfortunately, other than striβ¦



Was making these Stella / Albers forms and the code generated a mountain landscape. The piece becβ¦


Working on an svg file using tracery. It's been a learning curve to figure out svg and tracerβ¦



Improved upon the logic and structure of my Yoko Ono instruction generator by taking better advanβ¦



I would say that this is a terrible bad story. My literacy skills have been compromised I guess..β¦


A poem about life. For machine use only.
I am intrigued by how in a world where machinesβ¦



W11S05: "It was a dark and stormy night" bad story generator challenge ~ adapted the clβ¦



[Week11.4] Made eye-charts and short poems with several random words. Use textLeading() to alignβ¦


Alternative titles for novels generated from the text of the body of the novelβthe first is fromβ¦



Tracery example with one of my favorite haiku poems.



Playing around with McDonalds motto. Got pretty interesting alternates.



Took a bunch of band names and re-combined them. Some of the combinations were kind of funny.
β¦
W11S04: Case study work-in-progress ~ I am making an animation showing the top 8 finishers of theβ¦



Snack food names and ingredients. DO-WHE CAND!


ambiguous poetry based on a text input (feat. RiTa!). Splits input into different partβ¦






processing image and inserting DNA nucleotide sequences for the images...mine is coffee genes, thβ¦


Continuing the series on poetry as a means of dynamic resistance. This past week, there have beenβ¦



Played with using tracery to generate HTML to create these abstract compositions. The result remiβ¦


Updated rejection email...with a response form as well so you can relay your saltiness :(


W11S05 --- My Bad Story: I'm lazy and this one is tricky, but the story is B[S]AD... Draw theβ¦



Really weird note generator



Excuse generator!



An Ed Ruscha book cover generator. I pooled a bunch of his book titles and added a couple of my oβ¦



Dark Fairy Tales.




I'll maybe adjust the text choice/styling, but comparing two texts and altering the styling oβ¦



W11S04 --- it's humanity...



Compiled all of my rejection emails :(


W11S03 --- Also wanna share one website I made earlier... bugs here are that those calories numbeβ¦



W11S02 --- "Color Palette": for now the colors are manually set, get more inspiration fβ¦



Modified sample code from class. Fancy dessert menu generator. I use every default pink color inβ¦


Today I decided to leave my computer aside and play as a computer myself. I grabbed a physical diβ¦






This reminds me of hunger games for some reason....?????

Using descriptions from the New School website lol



for my first sketch I just played around with the tracery example. I was going for generating difβ¦

W11S03: Horoscope generator ~ adapted the class notes example; I made up some horoscopes and borrβ¦



What if I've been living a lie all my life? Oh Cinderella!...
I had some issues withβ¦

Do you like garbage TV? Then you'll love Vanderpump Rules. Here's a teaser.

"This snow has me power eating cinnamon rolls"

"I love when big ass huge dudes go to the weight rack- pick up weights - stand right in fronβ¦

MORE QUEER EYE QUOTES! Obsessed with Jonathan!!!!!!!!!!

Jonathan Van Ness
"Yes Queens itβs Friday and weβre gorgeous"
Took out goβ¦

I try to add some horror elements in the sketch in order to be ready for the bad stormy night. (Sβ¦



[Week11.3] Could sound-words picture some kind of scenes?



Many designer / studio description pages are very similar. Here are some templates.



Made a simple thang that tell me to draw various animals with various materials. This is so muchβ¦



I've been always interested on trying to translate Catalan proverbs ( which we use a lot ) inβ¦



Inspired by Jack's sketch from yesterday. I downloaded 4 different fonts and put them in an aβ¦






[Week11.2] Some truths come out.


I feel poetry and art are very dynamic tools, to resist and re-claim narratives shaped by skewedβ¦



Generated Professor Dolores Umbridge's unreasonable proclamations.

started out with context-free grammar and ended at ASCII waterfall



Working on creating a generator for new "Grapefruit" pieces based off of lines from Yokβ¦

There were some bugs when I open Markov Chain Example in P5 editor. It took me some time to figurβ¦



Created a "Jenny Holzerizer" based off her classic "Truisms" series. Used a lβ¦



[Week11.1] Some transportation troubles before a class...




A memo generator. Just because "The Office" reboot seems more and more likely. Yayy!


W11S01 --- "Simple Poetry Generator": selected lines purely randomly from Shakespeare&#β¦

I hope it's not fake. (Pics via google image.)







My last animation I didn't get a chance to post earlier today

W11S01: Cocktail mixer ~ getting the hang of it; adapted Justin's Template Example




W11: Eliza unfiltered ~ NOT friendly

W10 Text "Articles"
I worked on a small addition of selectively adding or changiβ¦

Metaballs in C4D

Discovered a visual Shepard Tone β after the first video (base), the gradient in the background lβ¦

Another bumper. Sound effects from zapsplat.com again.


I really want to make an animation that resembles the movement of waves. This was an attempt to dβ¦

Stop! Wait a Minute! Music: Fade Out Lines (The Avener Rework)

bumper using old noise sketch

Same animation with higher and higher rotation speed. As the rotation speed hit a certain point tβ¦

AE bumper round two!

Took a little break from P5 and went back to AE!

One last frog, with some more image processing.
This is sort of a silly exercise, but it wβ¦


Part 2: processing the images and drawing them in p5! Now that I've got a proof of concept, Iβ¦

For my last sketch of the week I felt the need to control the animation and the ease frame by fraβ¦

getting away from my screen with a woodcut...in-progress

Going further on the previous post.


Me.
Today was a no-code day for me. I'm fascinated by motion graphics- but have neverβ¦

W9 Animation: Challenge: CompForm Bumper
I added the more interesting 'orange box'β¦

this week I've been doing things similar what I made in previous weeks that would've beenβ¦

a slow animation. (use this to meditate). (sit still). (don't skip).
Music is Chopin Eβ¦

Color theory animation



This is my laser cut output from last week's challenge.
I finally got it :).



I was trying to create an effect of distorted waving particles that it ended up reminding me theβ¦

when playing with justin's example i realized it reminded me a lot of seeing lights thru rainβ¦

wing like moire movement


Happy spring?


[Week10.5]

Getting weird with layering type.

I tried to change colors with PS but my PS stopped working π
β¦


Bumperβthere is sound!
Typeface from Christian Wischnewski. Sound effects from zapsplat.coβ¦


[Week10.4] Lip language Bumper for Computational Form?

First sketch using WebGL. These little cubes will shake more and more frequently. I picked the coβ¦

FIGHT!

Asterix animation.

Liked the multicolored direction the last sketch was going. Was not into the geometries. Made thiβ¦



W10 Challenge --- Bumper Version 3, tried out applying text to a curve


Messing around with the in class example. Created a strange rainbow flow with a little math and wβ¦

Playing around with masking to have the animation just play out in type.

Revisited an older sketch that was moving super slowly --- exciting to see how easy it is to speeβ¦

Raenbaow. I think the movement is interesting.


[Week10.3] Got mad with metaball. I can't figure out how to set the boundary shape like an alβ¦

Trying my hand at motion graphics for the first time. Generated the grid in the backdrop using coβ¦

Not a wildly interesting animation but this clock shows real time. ππ


W10 Challenge --- Bumper Version 2, wanted to do some collage style, but felt not so satisfied wiβ¦

Allllmost a flip book

I've been having trouble getting code to render out frames properly, so I decided to start thβ¦

Animated my tile typeface for my comp form bumper.



This is my geometric approach on the CF bumper. I build up from yesterday's sketch, using theβ¦

For the comp form bumper I decided to bring back my blocky tile-based typeface from week 1.
β¦

Array Shuffle

Bumper base...working on the actual bumper part. Had some fun with blending!



W10 Challenge --- my first bumper! I went to the MoMA "Thinking Machine" exhibition todβ¦

I am intrigued by generating movement that looks organic. I wanted to create the ripples in waterβ¦

Misty mornings


[Week10.2] Made some organic moving animation

W10S04: Comp Form bumper v3 ~ adapted code from one of my Turtle sketches


Sierpinski Zoom Bumper | music: #20 by Aphex Twin




On this bumper, I decided to work from a texture created by lines (+ overlapping resulting triangβ¦

After finishing the code, I found it could be done with Turtle more easily.....

COMP. And on the left, is my version of a Sierpenski triangle. Still working on the FORM.

[Week10.1] Enough for today. Continue it tomorrow. Code inspired by Daniel Shiffman's Metabaβ¦


This is the animated bumper based on the still posted before.
I'm animating one corneβ¦



This is the starting point for my bumper.
I decided to try to mimic some light rings and rβ¦

W10S01 --- my first animation this week, inspired by Justin's metronome example and just wantβ¦

W10S03: Comp Form bumper v2 ~ adapted code from past sketches and class notes

Hoping for spring

By-product of making a bumper β Sierpinski Pyramid. Not animation but had to post.

bumper 1


Comp Form Bumper


I used Turtle to draw the routes and then reversed the timeline, creating a feeling of absorbingβ¦


Here's the comp form element...still need to fix the timing on this. I don't think I'β¦

Bumper in progress...I'm having trouble with downloading the stills, though, as I end up withβ¦

W10S02: Comp Form bumper v1 ~ I will keep working on this; adapted Justin's example code



I'm planning on cutting this shapes on the laser cutter to test some flexibility on rigid surβ¦


Printed version of the poster

W10S01: Exploding/imploding flowers ~ adapted Justin's "1980s animated explosion" eβ¦



W0809S0405: Poster for a screening of The Birds ~ I like the finished look but I did not use toolβ¦



I loved doing this challenge. I have enjoyed paper cutting ever since I was introduced to it duriβ¦

my poster about Astronomy lecturer


[Week9.5] Printed posters


And a poster to match the green lenses. I have to fix it so that you can see the hidden message tβ¦

Some more iterations.






In progress...

End of year pool party poster! I used paper.js to generate different liquid-y blobs for the textβ¦

my poster :)

Various circles toward trying to create a more intricate pattern

Experimenting with coloring for some molecule lookin things for my poster

Penguin process

Printed poster


The first sketch looks like poo from a different perspective

Made the gum in paper.js, then brought into illustrator to add outlines and such and to add the sβ¦

Finished poster for flower exhibit at the NYBG

Don't know how to protect your data? This lecture is for you!

W0809S04: Poles and lines ~ on the way to making the poster


Laser cut spiral elephant. Or, if you can't see it, a fruit holder.


[Week9.4] My poster! Not sure about the color...

HOT CONTENT ALERT! Made this exciting poster/cover for a very exclusive and sought after engineerβ¦



W8 Vectors: "Marauders Footsteps"
[Poster work in Progress for PLAYTECH]
β¦



Final poster



Flipping them with a slight overlap so that I can cut them along with a plexi lens, and then foldβ¦


W8 Vectors: "Vector Chocolate"
Stumbled over creating this while exploring my geβ¦


W9D5 --- trying to use just circles to create graphics, exported circles made in Paper.js, intersβ¦


Playing with rotations!



Extract pixels and redraw with lines (with different density aβ¦

W0809S03: Spiral blob ~ revised code from paper.js Rounded Rectangles example.




W8 Vectors: 3D Alphabet Typography
This was my laser cut. I underestimated the code here,β¦


A glasses generator!


Adapting the spiral raster code from the Paper.js examples to laser cut this elephant. Made the sβ¦

W9 --- Promo Poster Vol.2: finished version of my poster with description text, go and print it tβ¦


[Week9.3] Produced the background pattern of my poster. Base on my last post about the language sβ¦

W9 --- Promo Poster Vol.1: working on a fictional poster for Major Major Pop Up Show, created basβ¦

A show poster for an imagined concert at Brooklyn Steel by the band Liars

Tried to make seashells, but this is OK too

γΈ_(βΎβ‘β )> Iterated on last sketch. Patrick and I think it looks like the Caribou &quoβ¦

(βΒ΄β½`β)β²οΎ
Based on Paper.js Candy Crush example.



After playing around with the animated shapes yesterday, I tried to keep this feeling of spinningβ¦



More moirΓ© pattern experiments... trying to figure out how to create more complex interactions beβ¦



Laser cut Ver.2

Laser cut ver.1

Playing with the same example as Carla from the -- trying to get a better understanding of papersβ¦

Making different types of targets



Poster progress. Fictional (?) end of year show

Playing around with creating organic shapes with handles and smooth. I added a gradient and dropβ¦



I was playing around with one of the examples trying to understand the animation in order to captβ¦



Photographing my laser cut against light- almost seem like light butterflies πΊπ₯πΉπΌπ»


Preparing for laser cut file! I am going to cut thick cardboard and create the layers and depth,β¦

Pre - laser cutting treatment

W9D2 --- explored with different "Boolean Path Operations" and combined some of them (mβ¦

W0809S02: paper.js hieroglyphics ~ I set each key to generate a path 1-6 steps up, down, left, orβ¦



[Week9.2] Excited to do something on my domain interest about language. This is an experimental hβ¦

canvas is too small to show the whole pic
β¦
Working out some ideas for a poster


PCB Pattern Laser Cut Version



[Week9.1] Modified and learned the cover code on the paperjs.org and added eyes and brow in illusβ¦

Updated flowers!



Trying to create a PCB board pattern.

Made some flower looking things?

Messing around with Justins in class example and concepts from previous weeks. This version usesβ¦


Patrick and I went to the dog park. I got inspired to make a Google drive collage. Used paper.jsβ¦

I created this colourful nest trying to get familiar with paper.js.
Working from In-classβ¦

Experimenting with different shapes/ gradients !!

Based on meta-balls and make some patterns, use functions to generate the shape.



W9D1 --- got familiar with basic shaped paths, and combined some of them together to create text.β¦



Played around with Justin's crossing lines class example and made some basic moirΓ© patterns bβ¦



Playing with blending modes..paper js is so confusing



New to paper.js. Playing around with the styling system.

A rainbow polar bear



Expanded on the previous sketch. Made blobs using the brush. In illustrator, changed the colors,β¦

Glitch! I was trying to use a JavaScript .png exporter that could handle an unusualβ¦

Using lots of intersect


Added a landscape background using a noise library I found.


playing around with some of the examples


Working with the vector tutorial as well, to make train tracks. It took a while for me to get comβ¦


A whimsical bunch of flowers.
This sketch was a lot of fun to make. Played around with theβ¦



Adjusting the Spirograph example

W0809S01: Telephone wires ~ familiarizing myself with arcs in paper.js; since I am quite comfortaβ¦



W8 Vector Graphics: "Lightsabers"
I worked on random 'Beams' and got anβ¦



W8 Vector Graphs: "Beams"
My first random sketching with paper.js. Trying a coloβ¦





add more details and scenario of the hummingbird, but the shape of winds looks weird


Top: The ball of yarn that took over the world Bottom: A candy sky
Just playing with turtlβ¦





Raccoon's tail. Well, so after creating some crazy cats without head stepping into electricitβ¦

W07S05: Mouse with cheese ~ reminds me of the mice I studied as a scientist (cheese was not partβ¦


chain drawings

Spirographs around the same origin that increase drawing angle each time





Modified from Justin's example sketch. In Helsinki currently, and the snow turned out to be pβ¦






More walkabouts. Enjoyed how textural they became after some more tweaking and iteration.




Also, make some patterns controlled by cos() in this week


inspired by Madison and continue to explore feather



I tried to draw a cat in the moonlight, but today I used too much time on creating realistic fur.β¦




W7D5 --- "Non-intricate animals": Em... just put sectors together

Drawing my bug..... will be continued tomorrow.



Worked on creating a realistic feather. I later took off the noLoop and it created a weird featheβ¦



Okay, so this looks redundant, but I rebuilt the whole thing with a new structure. I mentioned inβ¦

[Week0705] unknown flowers.....



A knit seemed to work well with the turtle graphics drawing style. I also found some cool patternβ¦


W7D4 --- "Whale": the tail is hard to modify... any good suggestions?

W07S04: Hieroglyphics of your names ~ I wanted to practice feeding in some sort of data into sketβ¦

Worked off last sketch. Made cute flame like look.


A giraffe in washing machine, and a weird giraffe brush.
pic via:

feathery looking iterations on in class example

Still exploring, want more feather but failed



Getting ready for Spring Break in SF. Inspired by fun times in Dolores Park and hanging out withβ¦



Playing with opacity and stroke weight to create different effects in my spirograph.

Peaceful desert night scene using push pop. Basically layered circles over and over to get a smooβ¦


Tried to play around with recursive tree example to give the feel of laying down and looking up aβ¦



W7D3 --- "Logo Logo": tried out Turtle + Images, it took time...


[Week0704] OWL...One of my favorite animals...Using tree code to generate each section of their fβ¦



playing around with the recursive tree example now



Tried to recreate Herbert Franke's Quadrate. This is as close as I got.


This was my last turtle exploration, the only one spirograph like. Playing with noise to create aβ¦



more edits of the L-system tree example - feeling more gestural in this one



edited the L-system tree example





Expanded on my cockatiel.

circles of circles








Stick figures! Playing with playfulness


Taking to the advantage of drawing dot lines with Turtles.



[Week0703] Broccoli... Using a for-loop for the tree from class and then draw a circle on each enβ¦


Edited the previous sketch...I used three shapes functions (the wing, the legs, and the eyes) andβ¦

My attempt at making a deer that doesn't quite look like one. I started using different strokβ¦

This is as intricate as my cockatiel got in 2 hours.

I sat down wanting to draw a cartoon bean sprout. Things went a different direction.

Turtles executing Sol LeWittβs Wall Drawing 88


After the storm tree



Some sketches based on Justin's recursive patterns.


For this week's challenge I decided to draw a panda bear.
I thought that it was like dβ¦



W7D2 --- initially intended to create snowflakes but ended with some lacelike patterns. Obviouslyβ¦





Playing with layering colors



[Week0702] Dandelion! Modified Justin's Turtle Recursive Tree from class.









Part 2 Playing with color, by linking noise to it. It is interesting to see how changing a few paβ¦

W07S03: Shrinking violet ~ adapted from Justin's Spirograph example code

I was trying to create a sweet grid of doughnuts. Quite tricky with turtle graphics.



Round forms


Flower Forms



Working off the idea of a "noise walk" I made two turtles and gave them slightly differβ¦



Concentric: Part 1 This sketch was super fun to do. Played with the idea of using the pen up andβ¦



W07S02: Treescapes: playing with randomization of various parameters in Justin's example codeβ¦






Playing around with Turtle Recursive Tree code vol.2.
I really like the first one.



Playing around with Turtle Recursive Tree code vol.1.



[Week0701] Modified Justin's code from class.




#Resourse Leah Buechley's Turtle Library for Processing:

Turns out drawing a French bulldog using turtles is extremely slow going



W7D1 --- modified based on Justin's in-class multiple triangles example but replaced it withβ¦



Experimenting with different spirals. It was very interesting to see the spirals evolve with timeβ¦



This is my first exploration using turtle graphics. I wanted to create a pattern from the interseβ¦

The linear images from turtle graphics make me think of wood engraving, as showcased in this Mayfβ¦

My house to a coffee shop. I am the turtle.



Modify the Spirograph Example in class with noise

W07S01: 10-degree shifts ~ playing with the angle parameter and placing them side-by-side via a sβ¦


Just some stuff from class today





#Reference Mitsuo Katsui's Works



Struggled a bit with pixels this week. I was using busy, colored images and was unable to set a tβ¦

Cory Arcangelβs Super Mario Clouds as text



Same image just processed differently. These two posts are kind of Ouroboros I suppose.



First image is processed once or twice, second is processed maybe 4 or 5 times and the last imageβ¦









Drawing using an image, code adapted from the example.



Loading and processing a wave.

Have been working on an ASCII art filter for images, but it's not working at all right now. Sβ¦



Experimenting with distorting the Windows XP background by rearranging pixels using functions likβ¦



Using a file (third image) as a map to draw bezier curves...now that I have it working, will tryβ¦

W06S05: National Geographic Pop art ~ adapted from Justin's example code; photograph from



Iterated on the dumpster fire challenge.

Adding birds to the default Windows XP desktop background




milk!



Dumpster fire challenge

randomized light sand circle



Trying to make different kinds of fabric textures. From left to right are my versions of a pointeβ¦



Trying to create overlapping shapes and textures by assigning pixels different color values.



W6 Pixels: "Moon Snow"
Base 3 Challenge: Inspired by class examples and this weeβ¦



Played around with my favourite font, Folio Medium. Inspired by Carla's circle pixel manipulaβ¦






I kept experimenting extracting data (color, x, y) from the pixels to create new images trying toβ¦




W6D5 --- took a little break from coding and checked functions in Photoshop to pixelate. It appeaβ¦



W6D4 --- compared RGB values independently between different pixels as the condition and appliedβ¦


Abstract images created by drawing lines from each pixel location.



Base 3 β Scenes from the beaches of checkbox land.



[Week0605]Followed the class example at first step(draw points at the bright location), save theβ¦




Implied architecture from using an image as an input map



Base 2 β Changing pixel colours with if statements. Ended up with some interesting outputs.



Back to the fork image, as it's high-contrast and simple. Working off of the last line drawinβ¦


Try to simulate the brith and elimination of desert in wind.


[Week0604] Rearrange the RGB color by using pixel array and produce these unique self-portraits.<β¦

#Resource A very interesting and clear website to check out:


W6 Pixels: "Smudge Blur".
Base 2 Challenge: Tried to generate an effect that I wβ¦


W6D3 --- processed pixels of a leaf vein image, set a threshold to change it to black and white,β¦



Blurring grayscale filter with different thresholds. Image is affected based on sum of each pixelβ¦



I wanted to push my first sketch this week a little further to understand the effects of adjustinβ¦

I had to get off the computer for a little bit, so I decided to create a "pixel-by-pixel&quoβ¦


Fiery ice cream? #3AMthoughts




piβ¦



From an image of a tree, drawing vertical and horizontal lines in the dark areas and connecting tβ¦

W06S04: Disintegrating bird ~ inspired by Carla's slit-scan sketch; original icon (not shown)β¦



Using noise to remove opacity from an image, and drawing that over a different image.



Challenge 3: Use an image as an input source to control a drawing. Donβt show the original image,β¦


Extrude the Pixels' data.


Made a cute lil watermelon !!


Iterating on my last sketch


pink pixel twist on a classic



Challenge 2: Load an image and process its pixels. Show the result.
This is my personal eβ¦


[Week0602] Tried to create tracks of a man's walking. Started from yesterday's code and dβ¦

I've been playing the platformer Celeste, and wanted to try recreating a visual from one of tβ¦



W6D2 --- "Pixel by Pixel" Vol. 2: based on Justin's in-class challenge, incorporateβ¦


One more β no conversion to CMYK. Maybe this is a more computational screenprint b/c RGB is inherβ¦



Figured out RGB β> CMYK conversion but havenβt figured out how to omit certain values so it geβ¦

Mountain snow in honor of the incoming weather. Still manually programming ~

W6D1 --- "Pixel by Pixel" Vol. 1: it's CRAZY to "draw" manually pixel byβ¦



Continue to moving pixels based by noise( )


More halftone. Main goal is to make this have a different quality than half-toning in photoshop.β¦



W06S03: Twitter bird ~ adapted from Justin's example code



After get() the pixels data, I used ellipse() and box() to replace every single pixels. Then I adβ¦




[Week0603] Tried to use one vertical line of pixels to draw this effect. Still keep exploring.





Used the same image as from yesterday and manipulated the pixels to get the first image. Tried maβ¦





Inspired by the Missoni ZigZag!

In class we looked at creating an image and accessing its pixels[] array. You can aβ¦

Also, a carpet of the night on fire?

Ummm, just try to transform the moon into the earth

Oshun. Manually programmed drawing because I like to give myself a hard time.

[Week0601] Drawing Pixels by using the British rock band QUEEN's album cover. Code modified bβ¦



Used the relax points function from last week to process a type image and consecutively iterate oβ¦



W06S02: Weaving fabrics ~ building fabric patterns using alpha values and noise



Just playing around with different ways of coloring the pixels here.

Forrest fire-esque. Manually programmed drawing is so much fun. I will do nothing but this becausβ¦


Similar to Earl's (and using code from the lesson) to compare values. I re-processed this imaβ¦



The first image horizontallyβ¦


Experimenting with the code example from class. It is interesting how changing the colors, strokeβ¦



Challenge 1: Generate an image from scratch: pixel by pixel.
Image generated pixel by pixβ¦

Gradients in front of other gradients



Using blendmode() and get() in processing to process the pixels.
photos via:


W06S01: Fabrics with movement ~ adapted from Justin's example code and inspired by Aakanksha&β¦



Inspired by Madras checks- a cotton fabric with a patterned texture and plaid design.



Experimenting with for loops and random values.





Combined two of the challenges from class to make this thing. Shows getting and setting pixel valβ¦


Iridescent surfaces!
Passing the values from the noise function for the color channels.



W6 PixelData: A 'sketch' of 'PixelData'. Literally.


Inspired by an artwork at Thinking Machines
//Co-coded with Justin Bakse
const grβ¦

W5 Strategy: "Touch Texture"β¦



A series of different cmyk dot paintings



Brought the flower images in to my first sketch and added a threshold.

W05S05: Waves of colors ~ while trying to add a wagging tail on Hello Kitty, I ended up returningβ¦



Turned out pretty curtain-y, not exactly what i had hoped for but is my final version now. Otherβ¦



Using random placement + tighten (credit to Justin's code) to place ellipses and make eyes.

This is my second work in progress. I'm trying to create something that looks like fabric likβ¦

This is my first work in progress



Was trying to make inky blots, but iterations evolved into these almost robotic firefly-like creaβ¦



Using my no touching placement to generate a field of flowers. Looks marimekko-esque.



More work towards a cmyk dot imagemaking tool; implementing screen angles used irl

[Week0506] Generative Font series no.4. Noisy Font Set!

Pitching in towards our weekly goal. A bookshelf. I have lots of idea for building on this, but Iβ¦



Continuation of the last one--a pool with inner tube! And here's the wiggle sketch, which I dβ¦

Just for fun, a pattern generated when noise functions are used as inputs for tile generation.

The tile graphics being rotated.
var tw = 100;
var th = 100;
var colorchanger = fβ¦



W5D5 --- Pattern Generator Vol. 3: played with several parameters to change the types of "stβ¦


Update to ripples created more topography based noise shapes


My first try at writing Python in Cinema 4D.


Didn't use the blobs.. but made some overlapping ripples instead!

Sketch 3.1 - Sci-Fi Viewfinder
Added some framing and staging to the sketch to set it up aβ¦



Halftone dot ideas

OK challenge was difficult so I got about thiiiiis much....



Sketch Pt 2: 3D Solar System
I took my response to this week's dot placement challengeβ¦

Made some ambiguous blobs but I don't know if I'll use them...

Using algebraically-coded tile set.
var amplitude_slider;
var tw = 100;
var th =β¦

[Week0505] Generative Font series no.3. Flowing "Color". Applied 2D noise to each dotsβ¦




Trying to generate a tile set with minimal code: algebraically defining only two lines that can gβ¦



Blob and blend



Vol 4. My personal war adding and subtracting elements. P5 3- 1 Carla!
Sketch 1--> addsβ¦



Some explorations based on the pattern I did before.

Striped color and gray scale noise images.



imported previous noise image. created mosaic look. playing with brightness.



Waves falling--I like how this looks like light playing on the bottom of a river/lake

Something about nature is really therapeutic. Took a walk this morning. Realized a lot of what Iβ¦



W5D4 --- Pattern Generator Vol. 2: modified by adding lerpColor( ) and noise( )



Playing with storing objects in arrays to randomly place them without overlapping.


W5D3 --- Pattern Generator Vol. 1: really like some of Aakanksha's sketches in previous weeksβ¦



Vol 3. Playing around with the array.
Adding elements into the array on certain conditionsβ¦

Have been unable to think of ideas this past week, so today I took a break from coding and went bβ¦

Challenge #2


To a galaxy far, far away....



Sketch pt. 1: RESEARCH
To start off this week's longer sketch I wanted to actually doβ¦



Pizza maker with noise distribution-- basil or pineapple....distribution needs work, not all slicβ¦


Nite Skie | This week has me on like a weird block, so imma do what I know what to use confidentlβ¦


blend


Vol 2. Defining my class parameters.




Challenge 2: The points move back and forth now.
var amplitude_slider;
var frequenβ¦


Vol.1 This is my first step trying to build a project using arrays of objects in order to get a bβ¦

Challenge 1: The points are now snowman markers.
var x, y, diameter, col;
var ptsβ¦

Challenge 2 β Inchworm. Modified Justin's noise grass code for the grass.

W05S04: modifiable Hello Kitty-ish creature ~ I changed the clustering to be more gradual (from eβ¦


Challenge 1 β Spray Paint



[Week0504] Generative Font series no.2 "River" and "Valley"


Challenge 2 and my edit


Challenge 1: tried to push the challenge by creating a mini "galaxy" - made the dots inβ¦



Challenge 1 and my edited version! Was trying out some of the tools that were described during clβ¦


[Week0503] Generative Font series no.1. Learned and tried to create basic generative font.

Challenge 2 β inspired by Patrickβs idea of making a screensaver


Cave module generator?


W5D2 --- "Line Challenge": should be more fun, kind of run out of inspiration...



Building upon the previous sketch by adding color and changing the radius of the circles.

W05S03: Hello Kitty (sort of) ~ next attempt to cluster with increasing narrowness by hitching biβ¦

Challenge 1

Challenge 2


Continue working on my Ryoji Ikeda sketch



It took a while fighting with the code too.
I was interested on the overlaying result ofβ¦




Challenge 1



I tried something in AE with expression and Aescripts.



W5D1 --- "Dots Challenge": used the Middle Bias Random to build an offset both for diamβ¦

Took a long time to solve the code problem! Figured out lerp(), combined it with the bouncing balβ¦



[Week0502]Face changing addiction...



This is a modification of the challenge code, even though it seems to be more like the minimal noβ¦

Challenge 1



Challenge 1 + try to build some Ryoji Ikeda patterns but not achieving much today :(((


I started off trying to make a kite maker and then some galaxy and now it's some spinning weiβ¦



[Week0501] Challenge No.1 Rotated these circles
var frequencyβ¦



Using noise walks to create a tiled pattern. Sort of silly but I had a lot of fun with this one!<β¦



OpArt based on the challenge n.1
Using array of dots an the jitter function modified to cβ¦





Multi-Car Pile-up.

W05S02: Flag ~ adapted from Justin's Challenge Start Code and Rik's cloud sketch from weeβ¦



W05S01: Swarm of dots ~ clustering by increasing high bias with frameCount






Trying to create noisy but minimal patterns- inspired by Frank Stella's work.

Another version of the snowman, showing some other techniques.

Snowman demo from class with some added comments.

I wanted to keep pushing the idea of having a binary between light and dark but incorporate someβ¦






Experimenting with layering noise to create old-paper-like texture for this map.
vβ¦
Added teeth and motion



Moar flowers....considering laser cutting all of these...

Literally just finished this stretch of progress on this when I saw Rikβs take on it. We should cβ¦



W4 Noise: "Marauders Map"
Inspired from Harry Potter.
This is a work inβ¦


I was inspired by Jack's sketches of clouds and thought that my previous sketch could be wellβ¦

I used noise to generate a popping fire. I used random to generate a shelf of books.

Shifting indigo pattern
var xs = [];
var ys = [];
var increasing = 0;
xs[0] = [β¦

...I guess that's a treasure map of a sort. She needs teeth.



W04S06: Treasure map ~ using code learned in a


[Week0405]Come on! Treasure just in the front!


Topography inspired noise



Treasure map based on noise that defines the height of the mountains creating interesting textureβ¦



Using 2D noise to generate a treasure map.


Graphics are slow but I guess that's fitting.



Edit: Added some more elements
I want to make an underwater-theme map. Creating the backgrβ¦


A flock of birds flying together
var xpos;
var ypos;
var updown;
function setβ¦



My map!! lil red X marks the spot


Trying to create some sort of fur-like texture.


W4D5 --- "Watercolor Mountain": the coding part is a simple curveVertex with noise( ) sβ¦







Getting closer to realistic clouds. Working on creating a noise fill for each shape.


Color scheme and strokes for the kids in Moonrise Kingdom directed by Wes Anderson.



laughter generator I modified my last sketch so that the position of each mouse click geβ¦



Treasure Maps


Just changed my rainbow sketch into lines and I like how this looks too...kind of northern lightsβ¦


I added a button to mark the location of the treasure and an alert to display a message.


Was trying to model crowd movement/people walking turned out pretty decent!! Played with crowd deβ¦


π Rainbow Road if it was really difficult. I think my theme for the week is nature?

An attempt at manually creating type through vectors created in p5.js with noise() applied



W4D4 --- "2D Rotation Noise": started by learning and manipulating Daniel Shiffman'β¦

positivity field
While trying to create something else, and failing, I wound upβ¦



Checkbox Map... Having a hard time fine tuning due to the long loading time. Right now it looks lβ¦



Perlin noise wave adjustments for some Microsoft screensavers

Gooey noise with D3. Blended dark shades to switch up the normal perlin noise look.

Tried playing around with the mapping noise example to push some of the parameters and incorporatβ¦

An update to my rain sketch from Parameters. Noise is used in the variation in skyline heights (aβ¦



Wacky flower generator! Using noise, pure random, and biased random.

W04S05: Paper airplane ~



Typographic treasure map! Wanted to play off the idea that "X marks the spot" and try uβ¦



Islands! The first thing that comes to me is Te Fiti from Moana... Working towards a map of someβ¦

Pretty rough but this is my "map". Trying to get more into 3D printing with the eventuaβ¦



[Week0404] I tried to use get() color of the image and see how noise changes my face :)



W4D3 --- "Treasure Map": still based on Justin's Mapping Noise example and createdβ¦


Using noise to affect curvatures






βββββββLos Flores βββββββ The difference between .1 and .01 is more than I thought.
Brokeβ¦



noise()


Using noise to make organic edges, creating weird leaf-like shapes.


A Bob Ross inspired landscape in three layers. Clouds, Mountains, Trees. No random()



Experimenting with noise applied to color Channels. Smoothness vs glitchiness.
Continuingβ¦




W4D2 --- "2D Color Noise": inspired by some good try out on glitch and modified Justin&β¦

Snake



Wanted to replicate the movement of waves crashing on a shore- but I am unable to get it right. Wβ¦






Caves? Natural openings? Green is the theme this week now.



W4D1 --- "1D Position Noise": modified based on one example Gene Kogan gives in his tutβ¦






[Week0403]Try to create tree-rings based on my previous code.


W04S04: Hypnotic circles ~ diameter is based on noise by frameCount; modified from Justin's eβ¦


Here I played with symmetry and noise. Still working through it kinda



Thinking about how to come up with a sketch idea that would look like a noise() demoβ¦

My first sketch - just using one line seeing how I could manipulate it using noise to get familiaβ¦



took the idea of Justin's circles and experimented with line work. noise on X and Y. Used ranβ¦

lil process shot



[Week0402]Just wanted to figure out how to draw a noisy circle at first. But got these interestinβ¦



I continued working on yesterday's code because I was fascinated by how these visuals developβ¦



Playing around with different axes on a 3d terrain ( flattening it first), to see how noise changβ¦



Created my own version of Unknown Pleasure with sample code in class. Looks so weirddddddddd hahaβ¦



Attempt at realistic clouds. Couldnβt get them to move the way I wanted.


Glitch



From colorful version to contour line



More experiments using noise for position and color

W04S03: Dancing shapes ~ speed of noise in Bezier curve coordinates and color controlled by mouseβ¦



I loved this series from Zach Lieberman, and wanted to play with the same idea.
Adding noiβ¦



[Week0401]Wanted to see some results by rotating the 1-D Perlin Noise. Interestingly, color endsβ¦



I was trying to replicate organic movement by using noise. Here are some iterations I tried. Theβ¦




W3 Random: "Stars".
<β¦

Experimentation with Noise and geometric Patterns.
Vol. 2 Color



Experimentation with Noise and geometric Patterns.
Vol. 1 B/W.


W04S02: Salsa dance (watch with sound); two versions are at different speeds ~ using code learnedβ¦

Nickelodeon slime anyone?


Winning solitaire animation unhinged. Could be an interesting proposal for architectural forms.



Playing around with the very basic Noise patterns...






So, got some of what I was looking for, but also got a few things I wasn't. The first image mβ¦

Friday night, I worked on this a little more. I like the way it is starting to look. More like &#β¦

And this is by using noise to change the diameter. I'm still not very sure how the noise funcβ¦



I realized if we input noise into the fill function, we can create super cool gradients. The funcβ¦


I played around Noise Waive creating a new function with different parameters and different valueβ¦




W04S01: Down the rabbit hole ~ modified from Justin's Mapping Noise example

W4 Noise: A 'sketch' of 'noise'.
Literally.



Started playing around with a spirograph doodle after seeing some interesting takes on that areaβ¦


Experimenting with rectangles, sin, and cos.


Face shifter :)


W03S05: Beating heart ~ play with the slider to increase/decrease bpm

An interactive smiley face
var happiness_slider;
var radius;
function setup()β¦
mouse interactions as parameter definitions

Face sketches adjusted by light



I just love Andy Warhol. Pop art fascinates me. I wanted to mixup his Marilyn piece to get multipβ¦



Playing with rotation and x coordinates



Dedicated to one of my favorite artists, Jamini Roy whose artwork I modified for this sketch. It&β¦



two parameters: power by which tβ¦



Continuing on the previous sketch, using pixel color values as drivers of pixel shape and movemenβ¦

More wild no signal tv.



This is my exploration on pixels composition and manipulation with P5.
Pixels[] allows meβ¦



No random colors next time. Same code as 10 PRINT, as adaptedβ¦

Control the weather!
function preload() {
img = loadImage("man.png")β¦
Thought this would be cute and childlike, but it's more of a nightmare puppet. Ooops!
β¦



W3D5 --- "Emoji Maker": intended to make a facial expression generator like an app callβ¦



The behavior of the drawing changes based upon color choice, like "species" of mold: I&β¦


Parameters for color, width and length









[Week0305]Figure out the code VS Can't finish the homework

With parameters can us become Picasso?


Another drawing program. Thinking about a more organic interface based on changes in mouse clicksβ¦


Using lines and sliders to distort, focus, and scale an image.

W3D4 --- "Earthquake": found an interesting interaction and learned something about earβ¦

Invisible Slider? LOL changes color based of mouse dragged + clicked

A radial drawing system based on the parametric representation of a circle
var radβ¦


The initial iterations



Inspired by Zach Lieberman's article about his practice of daily sketching.
This partiβ¦






Absurd drawing tool β using only sliders to create vastly different images. The sliders are: direβ¦



learned about constructors

A similar play on dynamic type, with three sliders to control the speed of each row (2, 3, 4 woβ¦

A sketch playing around with svgs and css animation, and using javascript sliders to manipulate tβ¦

A basic face using parameter sliders. Excited to create a more interesting feature set now that tβ¦



[Week0304]Still working on how mathematical formula generates shapes which seems very interestingβ¦



W3D3 --- Made some "Crazy Meteor Shower" for my Valentine's Dayπ. Set levels/timeβ¦

An interactive sine wave where you can change the amplitude, speed, and number of periods.






Consists of different ellipses, beziers, and lines I find that adjusting parameters while drawingβ¦


W03S04: Volatile heart ~ played around with slider and random values; Bezier curves adapted fromβ¦


W03S03: Coils of rope ~ inspired by various posts this week, using a slider or mouse position toβ¦



[Week0303]This is an updated version of my previous work. I changed the code by using mouseX andβ¦


Also inspired by lots of pixel manipulation sketches. A slider for relaxation/stress level.



Worked on something else for a while but couldnβt get it running. Then I decided to parameterizeβ¦



This sketch was interesting to work with- I learned about the importance of setting the range forβ¦

Spin Control + Color Change + Size Change

Adjusting height, speed, frame rate & background



Similar to the spirograph inspired sketch i did yesterday. Working with many many small lines.



I wanted to create a tool to play with lego miniature pieces to get bizarre combinations of Superβ¦


W3D2 --- "Wave": set "period", "amplitude" and "blueness"β¦





Changing r and b color values for a spiral

A further step of trigonometric functions.

W03S02: Sunshine or Shade? ~ added some new statements.

W3 JavaScript Tips and Tricks. More to come. This was just an initial spin-off.




This one was a lot of fun. Made a brush-like tool that lets one move the shape along the x and y-β¦



These were inspired by me trying to make something that resembles spirographs using p5. Same paraβ¦


First experimentation with parameters using sin and cos for lines




: / was genuinely struggling with rotations and transforms, hit some walls and then found some heβ¦


I made purple rain with a couple of purple and rain parameter options.
Credit to Daniel Shβ¦



[Week0302]Lines' movements generate unexpected patterns. There are three groups of lines. Eacβ¦


I wanted to keep working on lines as a medium for creating different visual textures.
I pβ¦

W03S01: Mutant flower ~ modified from Justin's HTML Interfaces code



Not too happy with the end result here. Wanted to make more interesting patterns with different sβ¦

Leave a note for your roommate.



W3D1 --- "Kaleidoscope Builder": modified and created sliders to play with "changiβ¦



I was inspired by a piece at MoMa's exhibition, Thinking Machines.
I was trying to repβ¦


Some experiments with trigonometric functions. Some combinations of these functions create a senβ¦



[Week0301]Circle movements with sin & cos curves. Modified by sharpness and frequency.


W3 Parameters: "Target".

Another space inspired shader cutie. :)



Wavy, rotating, plasma rainbows. I'm obsessed with NASA JPL. Spent a large chunk of last nighβ¦




Shader fun. (Sorry for the noise. Realized I was doing a screen recording without muting the noisβ¦


I am intrigued by how the overlap of lines can create such interesting textures. The different veβ¦

An exploration, manipulating random variables and then putting the resulting images together in aβ¦

Snakes animation still in SuperCollider.



Experimenting with Sculptris. Used color, crease, and inflate as parameters and the background imβ¦





Working on something that would draw its own compositions in a non-patternistic way



I was trying to make a spidery creature using brownian motion and bezier curves.
I'llβ¦



Rothko generator update: now creates a piece with a random number of panels, between one and fourβ¦

W02S05: Fireflies ~ code adapted from pong exercise in previous course

Rain



Patterns from a small collection of random sine waves.
function setup(β¦
Trying to refine my last sketch with a slightly different interface. Took much longer than expectβ¦



I'm working on using the frequency of letters in the English language to generate gibberish tβ¦





The second introduces a small, random multiplier for the new path. Color is deck shuffle model



Always wanted to make the classic thing-bouncing-off-the-edges pattern. The first one just switchβ¦




A riff on mad libs using a standard typesetting example



I started out trying to mimic lace, but ended up with some interesting irregular circle patternsβ¦






Inspired by Sol Lewitt's wall drawings. Soβ¦

W2 Random: "Seven Wonders".


Ball Bounce continuation--dots gain color/grow larger each time it hits the edge



Bouncing ball changes colors

This displays a selection of text with randomness in the vertical positioning of each letter. Letβ¦



5-1 Some experiments.



More rainbow bezier curves :)



Bezier Curves w random values



This time I got inspired by the shape of a strainer while cooking.
I decided to try to useβ¦


For this I translated the letters of my name to their ASCII codes and then used the different biaβ¦



Super inspired by the bold use of color I saw at the MoMa today. Playing with basic shapes, lineβ¦



W2D5 --- "Lerp Color": Trying out lerpColor() to make a random but compatible blend ofβ¦



Random gradients created by circles biased to either side of the canvas.



Some more



Some random() inspiration from the MoMa!


[Week0205] Random Mountains or Ribbons from random points of curve and random gradient



W2D4 --- "Random Arcs": Arcs with randomized radians and stroke weights. Thinking aboutβ¦

lil' drawing tool with random colors !


color bars biased away from yellow and orange



Today I was playing around with Justin's Brownian motion.
I modified the functions toβ¦


A better control of color changing. Using 2D Array to store random values of each cell:
β¦



For this, I was inspired by the somewhat-paradoxical concurrence ofβ¦





The night sky is black, sometimes blue. The stars vary in colour, size and number.

Particle systems + random colors + random location start



Day 10: Inspired by Jackson Pollock's work- I am intrigued by how repetitive actions/ movemenβ¦

Pulsing Heatmaps



Bezierrrrr eye lashes? Dandelion



I thought I'd make up a mini challenge and make a sketch that only calls random()



Playing with stroke and strokeWeight



W02S04: Looking back at Earth from Venus ~ modified from Justin's example code for Horizon



No signal TV screen. Playing with biases in value.





Three-panel Rothko Generator
function setup() {
createCanvas(windowβ¦

Inspired by Naum Gabo linear constructions. Made in Processing.
int x1; int x2;
β¦

Track 5 β Deck Shuffle

Track 4 β High Bias

Track 3 β Low Bias

(3 / ...) Track 2 β Pure Random
Have to upload these one at a time or else they all play sβ¦


(2 / 3) So I took the 4 clips and created 5 songs out of them based on the generated numbers fromβ¦



W02S03: With love! ~ a set of imperative statements paired randomly with your names. I ordered thβ¦



(1 / 3) Really long post β I was really invested in this. I was listening to βOne for Ghostβ by Jβ¦



W2D3 --- "Kaleidoscope": Modified from Gene Kogan's Rotational Symmetry example (Liβ¦


I did some experiments about Anni Albers's style. The toughest thing I found is how to controβ¦

Symmetrical paths with random colorways



I decided to continue my exploration on Anni Albers' artworks.
This time I decided toβ¦





random stroke, random hues of colors



Still working a couple things out in this sketch. Here is my Ellsworth Kelly-inspired piece.

Generative piece made with p5. Based on Richard Long's natural sculptures.Took way longer thaβ¦







Modified from Justin's Brownian Motion example!
function setup() { createCanvas(wiβ¦



I'm having a problem keeping track of the code for all the versions of my sketch. Keep changiβ¦



[Week0204] Abstract Painting 3.
Random shape and random color, computer surprised meβ¦



W2D2 --- "Random Suprematist": randomly assigning colors extracted from Kazimir Malevicβ¦



Focused on random textures. Inspired by seasonal collection at Heath Ceramics. Continuing to iterβ¦



Random movement and colors :)



W02S02: Domed skyline ~ modified from Justin's example code for Small Multiples, using randomβ¦



Random Raining Balls | NumBalls changes depending on rate of x



For today's sketch I kept building on my last sketch using different arrays for shapes, and tβ¦

Random Tile
using random stroke to mix tile shapes in p5



[Week0203] Abstract Painting 2.
Code modified from the Brownian Motion exβ¦

Cars or tractors??? Random colored moving vehicles.







Day 9: Exploration through manipulating the Brownian motion code we did in class. It is interestiβ¦



Some little guys are creating their works.



Personal exploration of random values assigned to color channels, position + using a deck (array)β¦

Random Color Wormhole inspired by Lee "Scratch" Perry



Created a array list of Bauhaus color.
Code modified from the Small Multiples example byβ¦


Crystal cave--welded star pile, playing with textures, image manipulation, and biased random placβ¦


W2D1 --- "Adventure Machine": just playing with random( ) & shuffle( ) to create diβ¦



[Week0202] Abstract Curve Painting
void setup() {
size(600, 600);
rectMode(CENTER);
bβ¦



Using vanilla javascript + jQuery, I created a page that generates 100 "pop-up" windowsβ¦



Day 8: As someone who loves making things by hand, I have had an interesting relationship with thβ¦


[Week0201]

Random arcs in Smudge.js, the library I'm working on.

W02S01: Screensaver/nerveswrecker ~ Used random values to determine background color and radii ofβ¦


Day 1: Triangle glitch party.
Processing, random used on one colour channel for each row.<β¦


tool: openFrameworks


A random Frank Stella "Black Painting" series generator:



Day 7: Manipulation of the code from the small multiples example we did in class.
Introducβ¦

Ummm....Not an alcoholic.....yet?

Fire Sky using three.js

HSB colorMode tryout.

letters from letters

Gray shader cutie.

Shapes from Guggenheim [Week0106]

Waves and rocks

Road tile pattern

Experimenting with 3D 10x1 tiles



I made an excel spreadsheet with various utensil parts, categorized according to function and shaβ¦



W01S05: Body Worlds ~ image adapted from

Using pattern density for a sort of value study, I tiled the grid according to a grayscale image<β¦



Day 6: Playing with tiles- Not too happy with the end result- I guess the low contrast color combβ¦

Great type!



Sticks and leaves tiles--identical tiles behind the first layer show up when rotated. The backgroβ¦



W1 Tiles: Explorations - City and Skylines are visualized with tiles. "Porourangi Poutama&qβ¦


W1 Tiles: "Nature".
Exploration: Nature is Design. Square tiles force us to imagβ¦

W1D6 --- "Alphabet" (Software: Sketch)

Puzzle inspired tiles



Experimenting with overlaying tiles to create different values and layers.


W1 Tiles: "Alphabet".
Exploration: 8 tiles, 6 edge-match and 2 corner-match withβ¦

Trying to keep pushing different alphabets -- figuring out ways to play with diagonals by layerinβ¦

tiles from photographs taken around new york and my apartment


Tiles Alphabet (html + css) created with 3 basic shapes codepen is here:


I wanted to make tiles of skylines that would play corresponding sounds--and have an applicationβ¦



Tiles based on Rubik's Cube corners ( x8 )


tile permutations of a 4 step gradient

Tiles with various shots of my cat, Cow.






I'm working on this set of language tiles, with clauses from one of my favorite passages fromβ¦



W1 Tiles: "Rangoli".
Exploration: Two tiles, edge-match and rotation, inspired bβ¦

W1 Tiles: "Sharp Leaves" - made from Carla's Tiles. Chart Tiles used.



β / \ - |


perspectival room tile set

[Week0105]

Another weird alphabet, this time with flair

Numbers with dot tiles



Day 5: Amphibian alphabets using Leah's tiles



While I was making this set of tiles I realized that each one could be broken down into smaller tβ¦





W1D5 --- "Dynamic Snowflake Tile": fascinated with the forming process of snowflake andβ¦

Surrounding objects tiles PT. 1



Remix of Patricia's tiles with different orientations and staggering strategies

W01S04: Hexagonal tiles

Day 5 How does code play with tiles? Tool: Processing
int i, j;
float posx, posy,β¦




3 flat design posters using isometric perspective and volumetric tiles.Hexagon used as a basemap.β¦



+++++ CLOUD RAINBOW+++++
Discovered this really crazy/weird/amazing song called "Clouβ¦

Day5 I tried to make some visual illusion like Monument Valley but failed.

Experimenting with the illusion of depth while restricting myself to three simple tiles.

Incomplete weirdo alphabet (multiple intersection and curve possibilities)

tile platformer

One tile pattern exploration program used: Illustrator



Madison's tile monsters



Day4


[Week0104]

Robot with Julian's tiles





W1D4 --- TileΒ²: A piece of music assembled by 3 "tiles" of notes. (Software: AudioSaunaβ¦



Particles, Face and Speed sketches using Mario's tiles

Day 4



Day 4: For this sketch, I used one of the artworks from my scrapbook, then digitally manipulatedβ¦

W01S03: 18 Bikram poses ~ icons adapted from


TileCity

Day3



Kirsten's tiles β a flower, a star, and a face.



W1D3 --- "E-tile" Painting: Brain, Knit and Pattern.



Dahee's Tiles



Red-dotted dots. Pointillism technique.



Day 3: Inspired by aquatic life- 2 fishes, a toad, and a sea snake



Aakanksha's tiles



Use Bella's tiles [Week0103]


[Week0102]

Ostrich & egg w/ Longzeβs tiles

Day2 A frog feels surprised made with Jack's tile.



Rhino and keyshot rendering tiles tryout


Super Mario with Rik's tiles

Remixed Patrick's tiles into a couple of cute friends.

W1D2 --- "miX" based on Xu's tile set



Day 2

W01S02: Multi-headed snake ~ with Earl's tiles



HA-OH tiled - creature

It's my name in korean @Alyssa's tiles

W01S01: OOF


3-heads snake


W1 Tiles: "The Continuum"
Exploration: Corner and Edge matching. Used well-definβ¦

Day 1

RIK X PATRICIA ORIGINAL

RIK!



Amphibian Mazes




why?

Day1 Footprints

Set of tiles just using triangles.





W1D1 --- Robot Face :-)

witchy


[Week0101] That is my name! X-U



Comp Form 2018 Sierpinski
