63 sketches
49 sketches
48 sketches
47 sketches
46 sketches
46 sketches
44 sketches
43 sketches
43 sketches
42 sketches
39 sketches
39 sketches
39 sketches
37 sketches
36 sketches
34 sketches
32 sketches
31 sketches
19 sketches
0 sketches
0 sketches
16 sketches
Introduction
94
Random
83
Noise
76
Parameters
75
Strategies
72
Pixels
78
Vectors
70
Turtles
75
Animation
68
Text
61
Sound
41
Music
0
3D
0


Sketch 44: failed* DJ - the sound should change with the tweakpane image



Interactive synth



Sound | Tree moves/stretches with the sound. (the sound may be a bit loud)

Sound | Accessing the code

Took the making sound from scratch example and made the sound of the telephone ringing when the oβ¦



βIs life always this hard,or is it just when you are a kid?




FFT Study 2

FFT Study 1





Took the theme song opening from harry potter to create sort of a forbidden forest colour schemeβ¦




Instrumental sound visualiser, revisited turtle graphics to create moire pattern effect plotted uβ¦

I guess I'm just having fun now?! Used an old procreate animation that I call Dancing Lungs

Sketch | Sound Visualization#2

Sound Sketch 3 - Typewriter (you can hear the typewriter noise, but what I didn't realize wasβ¦



XOXO, Gossip Girl! Inspired by NYC night lights + my curiosity to see how an entire song is mappeβ¦

Visualizing how frequency of a sound affects the overall tone and volume of the song hope ur ok bβ¦



Sounds made on Garage Band but I think I might have crashed p5 with them

11.20.22 | Sketch #43 | ripples and chord progression [Amaj, Emaj, Cmin]







Since I can't play any instrument, I tried recreating what I do - press random keys to see whβ¦


Sound Sketch 2, Challenge #2 - Mindhunter. I wanted to make this feel as uneasy as possible, usinβ¦

11.17.22 | Sketch #41 | The infamous "Be Yourself" voicemail iykyk

Sound Sketch 1 - Took the quick sketch I made in class and evolved it into a full on alien hypnosβ¦

Tried to get started by playing with basic harmonic, major and minor scales



Markov Chain with lyrics from the musical Cats

Expanded on dots challenge. Making concentric circles.



Poem Generator | Collect random sentences from poems and lyrics then regenerate them.






Try to play read the image with different funny sentences.


Exploring recursion on text for a while, breaking down context-free grammar manually.



Want to record my daily routine. The image was taken near a park one day.







Not only a dark and stormy night. How many novels have you recognized from it?







Sketch 41: old meets new to expand collage - started in code, moved to Photoshop



Generative text with Calvin and Hobbes!! so fun to make



Open your Christmas gift: played with Jingjing's sketch for this one!



Markov Chain cocktails(more like hangover recipes)





Sketch 39: A Triptych from my image keywords + p5 reading it funnily (as it should)





Took short lyrics from some of my favourite songs to compile them as an excerpt.


The story challenge, with paragraphs generated with Markov chain based on texts from Necronomiconβ¦




Challenge with Lav: It Was a Dark and Stormy Night (Taylorβs Version)



Dark and Stormy Night by Taylor's Version! with Goncalo, pursuing our Taylor Swift fandom
β¦


Extension of the last in-class activity during the last class :(



Predicting Elon's Twitter goals using Markov Chain. (Used twitter API to get his tweets and pβ¦



Sketch 3 | Kaomoji generator β( οΏ£β½οΏ£ )γβͺβ¬β«



Wanted to create an album name generator using words from songs and albums I have saved on spotifβ¦



Text Generation 3 - It was a dark and stormy night...


A Generic dating App bio






Remaking paragraphs of Comp Form textbook. Improved on the first sketch, with words 'computatβ¦



Part 2 of Vincent x Markov Chain. Artwork descriptions taken from Google Arts & Culture websiβ¦



Part 1 of Vincent x Markov Chain. Artwork descriptions taken from Google Arts & Culture websiβ¦



Challenge. Generating nightmares on a dark and stormy night.











Emoji Story book: a continuation of the previous sketch, used noise for the emoji placement







I try to make a slogan generator.



Challenge: Generate a horrible story with the beginning of "It was a dark and stormy night.&β¦



When some of my most listened albums meet some of my most played arists to create new albums andβ¦



Well, it was a dark and stormy day when I worked on this!



Emoji book title + text subtitle.
When emoji become a universal language, the language barβ¦



I picked the words from "Stray Bird" and generate a poem.



Been playing roguelike games recently, thought it would be interesting to make a elite boss nameβ¦



Sketch 2 | Tried with Markov with quotes from New York and New Jersey. Not worked as I expected bβ¦



How to turn a design manifesto into funny gibberish ft. Markov Chain (aka) could I be more self oβ¦

Compute Comp Form content based on the whole book, using Markov Chain in python. The result doesnβ¦






Does it make sense? No, but is it funny? I think so






Text Generation 2 - In case anyone wants a log line or synopsis idea for a book or film or TV ideβ¦



Sketch 1| Memo for elderly who live alone to encourage them to start their day full of energy :)<β¦



Text Generation 1 - Annoying Friend vs Snarky Friend. Simple, but honestly spent so much time tryβ¦



This morning I saw a TikTok making fun of candle names and thought it would be an interesting ideβ¦

11.09.22 | Sketch #39 | Astrology stereotypes. This one needs a bit of tweaking.

Make Stuff that Makes Stuff that Makes Stuff?
The code in the image IS the output. I'mβ¦




11.08.22 | Sketch #38 | Starting a band? Get your name from this generator. Pulled from my top arβ¦


Challenge: Animal Face
I used a picture of my cat Stormi as inspiration for this sketch! Iβ¦


Remake my solar eclipse sketch.



11.02.22 | Sketch #37 | "Only in NY" horror story

Sunset on the sea. The color of the sky and the sea changes as the sun and its reflection gradualβ¦



Laser cutting the digital rose


Sketch 4 | interacting with objects, still need some improvement



Text Challenge -"Comp Form"

Attempted to make a wandering gradient swatch maker. Halfway successful.






tried something closer to what i wanted to do. Used random to display some of the triangles!




Was inspired by the idea of visualizing amplified vibrations. Built upon the code I was working wβ¦


Sketch 1 | Did not start with a particular idea, so I tried to looking others for inspiration
β¦
Extended the Sierpinski triangle comp form bumper to animate the motion of the letters and addedβ¦

The first idea popped up. Not very bumper though... Will keep working on it!


Went back to the sketch I created for week 3's group challenge and animated it







Used turtle graphics with frameCount to get these patterns which combined together makes me thinkβ¦


Comp Form Bumper: sound By Runzhe. The sound quality is a bit compromised because I'm recordiβ¦

Sketch 37: Bumper; Not quite right, sound by Runzhe but isn't playing here?


From rotating squares to a spiral illusion

Explored making the comp form bumper using just the Sierpinski icon. Still working on it to add mβ¦


tried to fade in and out with the elements with a boids / flag like animation at the beginning

Group Carmen & Kurt






Experiment with line noise animations


COMP FORM BANNER-2 with Goncalo :)



A second bumper for CompForm with Lavannya and the sound was done again on GarageBand


Animation Sketch 4 - Comp Form Bumper. Feels a little 90s nostalgic to me, probably due to the loβ¦



Here are some frames that stood out to me after I downloaded every frame and looked at them!



Spirograph without turtle.js: used the rhodonea curve formula instead!

animated my previous sketch



CompForm bumper challenge with Lavannya (Gridless Version) π₯οΈ



Compform banner collaboration with Goncalo :)



Comp Form bumper challenge in partnership with Lavannya π» Sound made on GarageBand







Hahaha, trying to draw a funny bald head. The stars lit up his bald head.



An experimentation based on my previous flower sketch, combined with the turtle graphics techniquβ¦

Was inspired by Billy's sketch from Spring 2022. Initially wanted to created an endless, pulsβ¦

Sound on! By NO MEANS a reflection on what I think of the class. I just thought it'd be a funβ¦




This is what I have so far for the compform bumper. Don't have more time for the Sierpinski tβ¦

Safe to say this week was a challenge for me. It took me a while to get the hang of Paper JS. Thiβ¦

Revisited my treasure map sketch, animated the 3D shape with framecount







Applied the glittering gems to a few images. The first image is a mid journey result to 'staiβ¦


Eeeeee glittering gems β¨ Trying to simulate 3D with 2D shapes



Inspired by a color blindness test. I created the circles in Paper JS and then exported the SVG aβ¦




For this sketch, I altered a sketch by another artist with the animation technique I learnt thisβ¦






I decided to bring more life to the iPod nano sketch and create an animation and interaction whilβ¦


These two use the same code + very minor tweaks. This is an extension of Justin's Wiggle sketβ¦



Sketch 35: An Abstract - played with the (enlarged) spirograph more




Just getting started


Animation Sketch 1 - Toothless, breathing fire.

11.01.22 | Sketch #33 | 90 minutes into my bumper. Not quite finished but getting there!








I'm in NOLA this weekend, so here's what's left of a crawfish. I'm going to contiβ¦

Umbrella on a rainy day



Spiro Graph, controlling distance, angle, and repetition with time.







Sketch: Tree Roots Where do we actually belong?


Sketch Try to play with the shape



Garden collab with Franco







Experimented with frameCount and animation. Try to give it a controlled look by listing specificβ¦

Collab with Lawrence! He made the wonderful tree, and I noised a forest. I was going for Anna Atkβ¦


Sketch I did after class inspired by the class example. Forgot to upload this one until today
β¦





Sketch 33: A sunny storm with Skylar - feel the wind wreck the garden





Paper JS has been tricky to grasp! But I can definitely see a progression in my understanding froβ¦



Sketch 31 + 32: Sketch 12 meets a moth (Turtle); and a fruit net

An elephant face?




Revisited some of my old work with Turtle.js!
Kolams in Code

Made a golden fish print for animal challenge. I draw a golden fish in p5.js and make it into patβ¦


A very abstract version of my dog Woody and his side profile


I originally wanted to explore the zebra pattern with different angles, curves and organic lines.β¦

Spirograph Poster: Had fun playing around with this



10.30.22 | Sketch #32 | Kadinsky meets starburst.


Turtle Group Sketch - Sunset Garden, with Smitha


I found Paper JS challenging this week. So many functions and lines of code I tried to implementβ¦

My intention was a panda but the bear won in the end.

Turtle Sketch 2 - Are fish considered animals?



For this sketch I wanted to create this idea of moving laser lights

had to make a turtle using turtle graphics!! This was really fun





Had fun working on this one, feel like it is giving summer or fall vibes because of the color palβ¦



Trying to work on the Spirograph and ended with this... interesting development



Pair Challenge: Abstract Garden with Lavannya πΊ



Abstract Garden, group coded with Goncalo

Sketch 30: Lightning

Sketch 29: Spirograph Plus, actually it's the tree remixed







A mix of turtle.js and photographs of my plants to create a botanical print.



Recursive tree with variations on color, branching randomness and branch size. Made in mind to usβ¦

Giving some thorns to The Girl with the Pearl Earrings to protect her from future heads being gluβ¦

Played with opacity and color to test the detailed texture of a butterfly, but this still looks pβ¦


Used T-Pane sliders to figure out what I was sort of doing!






For this sketch I was going for a sort of diffused tie dye spirograph effect... I think it turnedβ¦

10.27.22 | Sketch #31 | My spirographs. Reminds me of a sea urchin.

Today's sketch. I like this one (certainly more than yesterdays). I was going for an abstractβ¦

This was yesterday's sketch, and it didn't go as planned. I started out wanting to make aβ¦







10.26.22 | Sketch #30 | Collab with Jingjing



Sketch 2 | For this one, I just exploring the different parameters to see what find of shapes I cβ¦

Sketch 1 | Wreaths, still need to figure out how to add leafs

10.24.22 | Sketch #29 | Challenge: Animal Face. My neighbor's cat


Moving Eye

A quick after-class Turtle Graphic sketch with in-class examples.


This is a pair challenge with Paridhi.

Pair Challenge with Angela. Here comes snowing.

Pair Challenge with Shuyao. Turning the original sketch into a flower in Illustrator.




sketch 2

Sketch 3 -Digital rose, I would like to try laser cutting this one .


Sketch 1

Group Challenge w/ Carmen


Had some tries with laser cut


Group Work with Kurt

sketch 1 of the week with some transformations in illustrator


Made some paper.js earrings



Trying out a few Patterns

Playing with Goncalo's sketch, love the colors!

Pair Challenge: Lavannya sent me three sketches that I decided to turn into a pattern resemblingβ¦


When Paper.js meets Illustrator and then meets blend mode


Made a sketchpad inspired by Skylar's NYC sketch!

I sketched colorful cables. I really like these smooth strings.

Pair Challenge with Skylar. - Add some elements for "NYC"

My laser cutting! Just there is a hole in the center.....




Pair challenge with Yalin. Referred to the mouse interaction and gradient functionality in paper.β¦

Group Challenge




Added some more copies of the shape, this is the laser cut version in acrylic sheet exploring theβ¦

Creating a sketch using lines and shapes in paper.js to then create a file for laser cutting.
β¦
Pair Challenge: The svg I passed to Jingjing. I tried to make typography with paperScript, here Iβ¦

Vector Sketch 4 - Primary. A hybrid of paper.js and Illustrator. I love doing these weird shapes.β¦




worked with opentype.js & paper.js today, tmr will move more to the paper side for type pathβ¦

Sketch 26: Combo for plotting - on two pieces to layer with light shining through them


Sketch 1 - Same code structure but totally different with parameter changes


Played around the last sketch I did a little bit more...Try to make animation but wasn't veryβ¦



Laser cut the column on watercolour paper and on acrylic - here are the results!

SUN


Laser Cut exploration

Vector Sketch 2 - I don't know what this is, but it could be a cool abstract album art for anβ¦


Just wanna make something that would be glitchy to do in illustrator haha



Tweaked Kevin's sketch on illustrator to get this effect and keep it close to the inspirationβ¦

10.22.22 | Sketch #28 | I can't help but continue to play with this style!

Not what I intended at all, but I'll leave this one here.
My intention was for the ranβ¦



Sketch in Laser Cut, it was really cool to make



I wanted to take the brighter hue values and move them up to give an impression of depth to the cβ¦



Taking advantage of the cut-outs and shadows so it looks like cut pieces of fabric using a runninβ¦

First paper.js = one good inspiration + 2 hours effort + 30% luck



Playing around with stars and got an interesting moirΓ©...

Was able to unite some of the details! Love paper js with shadows <3


After a 5 minute runtime. Pixel ouroboros.



This should NOT have taken 150+ lines of code, but here we are. Going to pick it up tomorrow forβ¦

wave patterns. Still not very used to the workflow of creating animated sketches in paperjs.

10.21.22 | Sketch #27 | for() loops add curves and colors


Vector Group Sketch - Spirals Paper.js: Kevin; Illustrator: Smitha



Grid of nonCircles. Gets kinda fun when you push the numbers. Would be nice to have a T-Pane withβ¦


Vector Sketch 1 - The Shai-Hulud from Dune. Illustrator + SVG


WIP: 90 mins into paper.js.. This is just the basic structure and I'm yet to combine the leavβ¦



paper.js flowers , still trying to figure curves

Paper.js is not easy so for my first sketch I decided to play with circles and their segments toβ¦


I tried to do something similar with the spiral raster example, but couldn't fully understandβ¦

10.19.22 | Sketch #25 | not gonna lie, it took me a while to figure paper.js out. this is what iβ¦



Challenge Pixel Ouroboros:
I liked the sketch I produced for the pair challenge, so I deciβ¦



Challenge: Pixel Ouroboros. I use one previous sketch of noise as the original image.

Pair Challenge: For this sketch, I pixel processed Tong Shao's pixel sketch from S22. I modifβ¦

Sketch 3: I tried to mimic the texture of a picnic blanket by creating three separate pixel imageβ¦


Process the pixels of an image.

Sketch 2: I decided to follow the Coding Train's Image to ASCII tutorial, but stopped part waβ¦


Sketch 1: For this sketch, I recreated Alt-J's This is All Yours Album artwork. The code is aβ¦

Group with Kurt








Was sick this week, so I knew I had to deface one of my favorite paintings.
Referencing &#β¦




Ouroboros challenge on a wind map



Pair Challenge with Shuyao. Gradually disappearing pixels.



Made a little color clock based on second().




ouroboros challenge -- I took one picture from everyone that posted this week, and trained the teβ¦



Pixel sorting | Pair Challenge

Sketch 01 Generate an image from scratch: pixel by pixel. Donβt call any high-level drawing functβ¦











Started with visualising pixel portraits using webcam which turned into creating a grid of pixelsβ¦

Inspired by a book I used to read as a child and the following sine wave code:

Pair Challenge: with Lavannya



Tried to recreate pen texture using pixel processing

sketch 03 Use an image as an input source to control a drawing. Donβt show the original image, juβ¦



sketch 02 Load an image and process its pixels. Gradually see the sunset.


Pair Challenge with Paridhi | the second one is the original pic



Used an old sketch I did that used the pixel data, took out the noloop() and added a bunch of parβ¦


Group Sketch - Creating a RGB pixel layout; first one is Smitha's creation, second is the resβ¦



Pixel Ouroboros - First, middle, and last result. Kind of looks like mold spreading. I used a phoβ¦



A response to the recent Beijing Sitong Bridge protest. Used the slogan on the banner to replaceβ¦

The sketch I sent Lavannya for the Pair Challenge

Ouroboros Challenge | Sun diffusion - revisited touchdesigner feedback loop to play with reactionβ¦

10.16.22 | Sketch #24 | Guess the theme this week is distorted portraits. Unfinished oil paintingβ¦



Variations on Goncalo's Hokusai Wave sketch pixel paint



Tried drawing some abstract pixel art

Tried to create shiny rays of light with pixels.



Randomly shuffling pixels of an image

Video compression ouroboros of reaction diffusion that ran overnight ~ reduced a 11GB video to 16β¦



City. Reading and updating pixel values. Removed the noLoop to see how the pixels are iterativelyβ¦



Part 1 of collaborating with Simone to generate pixels. Thinking of the idea of change in pixelatβ¦



Explored several ways to color my face. Had a lot of fun with this one haha! I like the idea of pβ¦



Processed the image three times on the code and this is the result



These sketches ran for quite a while to get to these stages. Reaction Diffusion could be great toβ¦

Sketch 24: Pixel Ouroboros






Impasto using arcs to render my plants. Original images are photographs of my plants during sunseβ¦



Random Pixelation of Zach Liberman's "Liquid Color" series of sketches: Transform tβ¦



I decided to draw on techniques learned in the strategies chapter and the challenge 1 code in ordβ¦



This was fun controlling a threshold value to see what details emerge in the processed image. Oriβ¦


Slide Bar Pixelate ++. Inspired by the album Dinner Party.

Pixelate Ai Weiwei's artwork. Due to the artwork itself was made in rect brick. Pixelate itβ¦

Inspired by the Wu.



Experimented with slicing image for this one! The result is interesting, and with definitely contβ¦



Sketch 23: Remix, refresh, replay



Sketch 22: Blue Grate

Sketch 21: Pixel Haze

Pixel Sketch 3 - A galaxy of pixels, created using no rect() functions





10.13.22 | Sketch #23 | The first thing I thought of when pixel art was the topic this week!



slicing and input to an image




10.12.22 | Sketch #22 | ouroborous on a self portrait -- took out noLoop(); so it would just caveβ¦



Inspired by one of the code examples in the "Pixel" chapter and the artwork cover for &β¦



Pixel Sketch 1 - Expanding upon the reaction diffusion, I experimented with different filters andβ¦

might be off the topic. randomly followed the hot-baked shaderpark tutorial and created this alieβ¦




10.11.22 | Sketch #21 | Inspired by Every Open Eye x CHVRCHES album cover, random selection of piβ¦

Mock-up TV static noise by randomly shuffling all pixels in the given image



The first image was created using dots, the second with lines, and the third with dots and lines.β¦



more distorted lines


Noise Circles



Tried to use elements of challenge 1 and 2




https://editor.p5js.org/francocheβ¦










Challenge 1 Extension. Twinkling stars.











Challenge2 Extension Group: Carmen, and Runzhe

Challenge2 Group: Carmen, and Runzhe

Challenge1 Extention Group: Carmen, and Runzhe

Challenge1 Extention Group: Carmen, and Runzhe




After adding the lines to the line challenge I thought why not recreate it with a painting? So thβ¦



Very simple but provides an interesting visual. Just added some lines to the code



This one was hard, it took me a lot of time! Not perfect but also not that bad, I think π


Wildly extruded sausage. They should probably check in on their machines to see if they need a meβ¦


This one had me sweating. I had a really jerky 'worm' but it turns out I just added too mβ¦

Really wrestled this one into place

Challenge 2 Extension. At the start of the starter code for this challenge, there is a comment saβ¦

Challenge 1 extension. A combination of challenge 1's dot generation and my previous week'β¦


Sketch 20: Extension challenge 2 - kind of feels like when you can't find your mouse on screeβ¦


Sketch 19: Extension challenge 1- play with loop, images of shadows




I tried modifying other students' code, but my computer kept crashing. I decided to modify Haβ¦

Push through the pain! I couldn't not do this lol!

Sketch 18: Dot Line challenge

Sketch 17: Color Cloud challenge

Challenge 2: Line




Challenge 1: Dots

Dots extension part 2 : the sketch initially started out as an attempt to make flowing paintballβ¦



Dots extension challenge: Used different hue and brightness settings to recreate fire and smoke.<β¦


Challenge2 Group: Runzhe, Carmen




Extending the sketch with ellipses moving in a line, I wanted to create sort of like aura waves aβ¦




Dot Challenge Recreation with "The Starry Night" by Van Gogh. Guess I keep following thβ¦








Challenge1 Group: Runzhe, Carmen

10.07.22 | Sketch #19 | Extending Challenge Sketch. Tried to create a ripple effect here.



Switched out the dots and replaced them with some flowers I'd embroidered using different stiβ¦






Recreate Challenge 1: Dots









Interactive swimming fish drawing. I drew the fish by hand and loaded it into P5.JS before usingβ¦

I wanted to try using Tweakpane for my second sketch, but this proved to be more complicated thanβ¦





Inspired by Franco's question today: this combines random placement, point relaxing, gravity,β¦

Here is the result of the sketch i was working on before class.


Generate some ripples.





Not what I was expecting, but I'll take what I can get. I was hoping to splice random columnsβ¦

Face generator Inspired by the Chinese Tibetan mask


Explore the animated swirls.


Pair Challenge with Shuyao.


10.03.22 | Sketch #16 | Collaboration with Franco. I changed the figure to The Human Condition (β¦



IMG recreation generator :) To play with this, you need to upload your own images into the 'iβ¦



Face Generator Challenge | a real-time interactive face generator. You can access through the inβ¦



Set parameters for radius X, Y, and Z to play with the ball sizes in 3D.



Redesign Kurt's work



Eclipse. Collab with Angela. Adding glowing solar.π₯


Sketch 16: playing with the last 'Photoshack' sketch using a new image and treatments
β¦


Generate supermodels. What does beauty look like today?


Sketch 15: An awkward 'Image Editor' with Tweakpane










Face generator based on the Japanese children's game "η¦η¬γ"(Fukuwarai). The slider cβ¦



I wish I could make as much as this kid Andres! Used draggable.js to drag and drop different partβ¦

Melting away. For my face generator assignment I wanted to recreate the essence of going throughβ¦

Collaboration with Unnati!! Tipsy color aura spheres marching in a circle.


Not sure what to call this one, but it didn't turn out as expected :'/



Ceramics Pattern Generation Recycled a sketch I did at critical computation class last year. Thiβ¦



Pair Challenge passed on to Yibo. To see the planet, I used the parameter panel to control cameraβ¦


For the pair challenge, took Lawrence's sketch of bubble generator and tweaked it in terms ofβ¦





While doing my last sketch with Vermeer's paintings I thought about following the same themeβ¦


Sketch 14: Mr. Potato Head Face 'Generator' using drawings and Tweakpane, had to...



This was my attempt at capturing the texture of a fingerprint using different parameter values ofβ¦

Somehow animated Starry Night lol. Pair challenge sent to Angela.


This post is surprisingly on brand for the parameters week. Its a pretty nerdy story. Iβd reallyβ¦



Pair Challenge w./ Aamina: She had a really interesting idea about the magic 8 ball. I added theβ¦



Inspired by the series of paintings by Johannes Vermeer and the exploration of natural light, I dβ¦



Took Paridhi's sketch, made it still draw a sphere in 3D but with different structure and colβ¦



Recycled my random sketch to create zig zag prints with parameters




The sketch I sent Lavannya, was just playing around and I liked how it ended up looking



Added gradients and multiple color pickers to goncalo's confetti sketch



I took the code from coding train for creating noise and add some parameters to it. So the usersβ¦


Kevin took this simple pattern a along way by giving it life! βοΈ Pasting the original code (partβ¦


A cat face generator for different kitty moods



Pair Challenge: just added some small things to Lavannya's code. Tried to play with the alphaβ¦

Sketch 13: Testing our luck, 8 balls for the paired challenge - with Skylar


Using the tweakpane to adjust parameters guiding the colour mapping within different windows. I sβ¦


Ships in different weather. This was fun! I tried to play with opacity transitions between the imβ¦



Random Face Generator Played with tweakpane for this one. really fun!



I had a lot of fun creating this face generator! I drew the facial features by hand and then loadβ¦



Random patterns with different symmetries , with goncalo


Parameter Group Sketch - A living pattern, by Smitha and myself.



Sketch 13. I tried to generate faces from humans, nature, artistic works and futuristic figures.<β¦



What a difference a single parameter makes! This is fun to play around with when I cannot sleep οΏ½β¦

For the partner challenge, I layered pictures I took of seagulls on top of a background I generatβ¦

Fairy Land
I drew inspiration from Unnati's Dreamland map and a YouTube video on how tβ¦



09.30.22 | Sketch #15 | Aura-esque gradient

When the user presses their mouse the balls will stop bouncing around and follow the cursor. Inspβ¦


This is a small side project I've been working on. Designing and 3d printing little custom LEβ¦


I spent way too long on this sketch. My goal was to create an etch a sketch, but I'm still haβ¦

Using the slider to change the x values of the lines drawn!

Parameter Sketch 2 - I tried going somewhere with this, again mimicking some sound wave. Parameteβ¦



A customizable radar, inspired by the spiral sketch in this week's class.






09.29.22 | Sketch #14 | Inspired by Faye Webster's Album Cover, "I Know I'm Funny Haβ¦

Parameter Sketch 1 - I guess it's an evolution of what I did for one of my random sketches. Eβ¦



The iPod nano inspired the first sketch for this week. You can personalize and choose the color aβ¦



09.28.22 | Sketch #13 | Face Generator. Commentary on co-opting POC features. If I had more timeβ¦

This shows high bias and center bias to control the density distribution. It also uses noise to cβ¦


Sketch 2 | I use ellipses to create flower like sketch


Sketch 1 | Random noise. Not have a typical theme, more about exploring

09.26.22 | Sketch #9.2 | Added location in Dreamland and some stopping points for your subconscioβ¦

Pair Challenge with Angela. Never have enough time for Noise.



Sketch 11. Pair Challenge with Shuyao - Golden starry night.


Pair Challenges | Response for Unnati's sketch, I used her noise work and recreate the picturβ¦

Sketch 10. Treasure map. The treasure hides at the sea area near a small island.








I'm not sure why this is happening but it's a sketch?



Attempting Franco's sketch (I'm pretty sure my approach is completely different)

Sketch 12: This is a collage of images over noise


For the treasure map assignment I wanted to explore a map journey riddled with problems like escaβ¦

started with a deliberate plan to make a hex map, then just started playing



Tweaked an old experiment: Perlin noise with r,g,b values mapped to time!



Sketch 9. Noise.

noise sketch 2 try to create mountain

noise sketch 1

Sketch 11: Trying to place an image below the noise didn't work, so we'll pretend I aimedβ¦



Tried to visualize a flower garden for the map



Treasure Hunt but where? The location remains a mystery π€






Pair Challenge: Layer Tennis Worked with Kurt



GroupChallenge

Sketch 10: I made this 'map' of the anxiety of looking for solutions to problems that seeβ¦

Noise Sketch 3 - It's a treasure map, in the form of a maze!


Pair Challenge w/. Jingjing: I made my sketch first. We both want to experiment with colors. I usβ¦



Trying out Perlin Noise in 3D for the first time and creating different surface textures.



Pair Challenges | Response for Skylar's sketch, I made noise with objects like ellipses and rβ¦

Treasure hidden in moving terrains


The Moon and Galaxy Particles ππͺπ« with Lawrence

Kevin and I took a mini vacay this weekend!

Noise Sketch 4 - Northern Lights, by Smitha and myself

This sketch originally started as a way to visualise the northern lights however as I was playingβ¦


Inspired by the Noise Wave, I was trying to replicate the motion of the ocean and tried to blendβ¦



Don't feel great about these, but I'll post anyways. I should probably get to my map..



Treasure Map: I want to experiment with 3D space for the map. Not sure it's looking like treaβ¦



I intended for this sketch to mimic a lava lamp, but it took me a while to understand how the difβ¦



Overlapping lines and shapes using perlin noise to create patterns



Noise Blankets



Feels like a blobby Rorschach. Mess with the sliders!

Treasure map poor version.



[TreasureMap] From the helicopter...couldn't not do geography inspired by topographical heatβ¦

2D Noise. I tried and I failed and I tried...



Movement Experiment: Experimented with movement. Originally I wanted to use noise generated colorβ¦


Group challenge, collab with Goncalo



Showed the earlier sketch to a friend, and he pointed out that the noise version was actually manβ¦


While trying to figure out what to do, I found the example for Noise1D and thought it would be niβ¦



Organic Circle: I wanna experiment with natural looking organic shapes in this sketch. Also I leaβ¦



Wanted to try getting an acrylic pour / marbled effect, but experimented with other textures as wβ¦



Webcam Wave. First one shows the principle clearly and the second one just stretches the range. Pβ¦



Eyes of the tree. / The follow-up post of my first noise sketch. Shapes are getting organic :P


09.23.22 | Sketch #11 | Inspired by the colors in Antelope Canyon.

Sketch 09: Paired with Simone, I went first (this) and made the image from the circle example
β¦


I could go on messing around, but I knew I had to record this!



It's getting cold, so let's layer up. Pair challenge with Lav
Code - I need to getβ¦


Sketch #4 | Random color with fixed columns and objects



Pair Challenges w/ Tara Lin Inspired by moon phase changes

Noise Sketch 2 - Inspired by good ol' TV static. This looks better on the p5 window!



Trying to compare dot movements generated by noise and by random. Feels like two different groupsβ¦


Noise Sketch 1 - I honestly don't know how I made this. It certainly wasn't what I intendβ¦

09.20.2022 | Sketch #10 | You know when you stare at bottom of a tiled pool and it creates a sortβ¦

09.19.2022 | Sketch #9 | Dreamland Map #1. This is where I got after 90 minutes on my map. I'β¦


first try with noise: sporadic cycles. I was thinking about annual growth rings, will come back tβ¦



I love drawing, so I drew this picture with ink, and then I randomly generated the flower accessoβ¦



Sketch #2 | Exploring combinations of objects and colors



Sketch 8. Random mountains! Pair Challenge with Shuyao. Inspired by ink paintings.



Ink mountains - pair challenge! Thank you my teammate Angela. Inspired by ink painting.

Walking & Shivering Glyph. I wonder how random() can contribute to the movement, so I addedβ¦



Further experimentation with randomness and Perlin Noise.









Sketch 7. Explore the random circle walker. It's enjoyable to see how the circle moves aroundβ¦



Played with my Kazimir sketch a little more. Intended to make a heartshape but failed :) will tryβ¦



Pair Challenge with Unnati: Portrait Grids | We used Codeshare to livecode together!



I wanted to experiment with randomness and noise and see a comparison between how the two functioβ¦

Random Sketch 02

Random Sketch 01



Challenge: Master Study inspiration on Anni Albers



A random monotone sound synthesizer and visualizer. I started this sketch before reading the noisβ¦


Here's my attempt at randomising the overlap and angle of shapes to get new results. Didn'β¦

Pair Challenge: Deck Group: Carmen&Kurt


Experimenting with pixels of an image to recreate them using different shapes and random positionβ¦



Language Remix: I'm interested into typography and letter forms. This is a fun mini project tβ¦



Inspired by one of the works of Kasimir Malevich, I made this piece where I used the random functβ¦


Sketch 08: Trying to grasp this one- by unravelling my favorite clothes

Sketch 07: Invasion of strange 'bugs'



Her work is very interesting with the stripes and lines and patterns. Had to pull it together forβ¦



Also, here's some bonuses from the Rothko code. I'd defined a Y-shift, and in these sketcβ¦

I'm going to consider this a prototype for this week because I spent way too long on it. I waβ¦


Have you heard? Paridhi and I are launching a New York Sliceria. Take a sneak peak at what we'β¦

It took me a while to grasp the effect that the rotate() and translate() functions have on differβ¦


This was just something very simple and somehow minimalist in a way. Just random positions and raβ¦



Oops. Who knew Rothko was a pointillist painter? Oh well. The code slowly draws upon itself, andβ¦


Portuguese Pavement is a well-known architectural element mostly in black and white. For this assβ¦



A random generator of a new portrait of Van Gogh based on 4 self-portraits done by the painter wiβ¦



Randomly generating a new van Gogh self portraits from 4 of his paintings
With my teammateβ¦



Master Study
Still exploring how to give the random generation more control so that I canβ¦



Based on Anni Albers' etched artwork 'Triangulated intaglio IV'. Experimenting with tβ¦

Random Sketch 3 - Mondrian sketch, emphasizing random line textures that's "hidden"β¦






Random Sketch 4 - Smitha and Kevin's Emporium of Art

Sketch 6. Random bouncing bubbles.



Tried my hand at digitally recreating Anni Albers woven works


Sketch 06: Masterstudy using random( ) on Mouse Press



Digital Signature Generator: A random generation tool for creating digital signature

Mondrian's style



09.17. Collaboration with Franco to make a pizza topping generator using the deck functionality.β¦

Random raindrops and ripples. Algorithm used can be found here:


Random Sketch 2 - Random barcodes, in color and black/white.



Random prints with a zigzag and lines



09.16.2022 | Sketch #8 | Collaboration with Simone. We were inspired by distorted portraits and wβ¦



Sketch 05: paired random( ) deck poem - with Skylar

Revisiting Sketch 4 with random( ) for positioning






A madlib with emojis to make a story seed generator. I used the random function to pull from diffβ¦

Sketch 5. Tried to use noise to create the background textures.

Yet another version (because I could not help it) titled "Who stole the cookie from the cookβ¦

A variation of my earlier code, here are some eyes based on Anita Dube's work and Everythingβ¦

Tried something out with chords and random strokeWeight and orientation. The end result looks likβ¦

Did I say I am tired of bar charts? Maybe. I am drawing "fireworks".



Creates a random colorful knot every time.

09.15.2022 | Sketch #7 | played with random palettes and tiled lines

Random Sketch 1 - I tried, to some success. It is random, after all. Have to dust off my coding sβ¦



Attempting a Rothko, but looking at the texture of the paintings. Will continue in a second sketcβ¦



I thought I'll literally try out skylines for my first sketch
Played with lines , posiβ¦



My take on recursive Mondrian-style.

Explore p5.js with random, first sketch!
Inspired by



09.13.22 | Sketch #6 | played with stroke weight and angle to give dimension



used random to play with shape, layout, and color. Lots of fun!

Hmm. I'm not that into this so far, but i'm thinking of lots of variations I might try. Gβ¦

09.12.22 | Sketch #5 | rothko inspired random sketch. selects a palette at random, shuffles the cβ¦

Failed attempt - My end goal was to create a grid of squares, and upon hovering over each one, itβ¦

A pretty simple experiment based on mouse position, inspired by portrait eyes that seem to followβ¦


Sketch 4. Explore the random function.

Sketch 04: a jumpy test of random( ) used for positioning of text

Response to Unnati's Instructions

09.11 Response to Binna's instructions. This was really fun to do and because I wasn't sβ¦

Practice shape and form with mouse movement

Response to Skylar's Instructions. This was really fun to make

Week 1/Sketch flow : Random play with perspectives and lines

sketch 4. Quick test to see how colorful it would be to have many random colors that are constantβ¦

Week1 sketch04

week1 sketch03

week1 sketch02

week1 skecth01

Week2 Open Sketching

Sketch on Kurt's Instruction

Carmen's instruction

This is a sketch that inspired by Carmen's instructions.

Instruction


Mehhh Bedroom, based on Skylar's great prompt!

Exploring the colourPicker functionality to create a sketch. Referred to

Sketch 3. Response to Skylar's instruction. Name: Sleepy bedroom





Here's my coffee mug inspired by GonΓ§alo's instructions :) I think this is a really coolβ¦


Tring out P5 basic codes. https://editorβ¦



Respond to Franco's instruction: It becomes more confusing with the increasing numbers of dicβ¦
Instruction 1, Select a canvas (paper, electronic drawing board, p5.js, etc) 2, Choose a shape frβ¦


Sketch #4 | trying to practice color change for colors and rows. Link:

Response to Unnati's prompt


Sketch #3 | Inspired by Ariel Calver's post. Link:

Sketch #2 | Response to Skaylor Wang's instruction. Name: Tired NJ.

Sketch# 1 | Response to Kevin Ho's instruction. Book -


09.09.22 | Sketch #4 | I wanted to start experimenting with randomness and drew inspiration fromβ¦

Respond to Aamina's prompt. A poetic portrait of this particular moment

Triangle Activity

Sugarplum Daisies
I used the grass code from the Random chapter and the simple shapes code fouβ¦

Generate a poem using your favourite song lyrics! Drop a comment below if you have any questions.β¦

Sea Poem
In response to Unnati's instructions

Bunny
Inspired by Angela's instructions. I had fun with this one! Definitely took me someβ¦

Response to Smitha's instructions. I rolled a 1, which led to a very, very tame constellationβ¦

In response to GonΓ§aloβs instructions. I tried to get every white part of the sketch covered in tβ¦

Response to Goncalo's instructions. I'm an awful drawer but in a pretty good mood today hβ¦

Not sure where to put these, but I don't consider this a sketch, just more a warmup.
Gβ¦

09.07 | Sketch #3 | My response to Skylar's prompt. It reminds me of a Mondrian painting!
β¦

Sketch 2. Response to Smitha's instructions.

Not sure if I did this correctly, but the ending resulted in two times. I took some of that timeβ¦

Response to Lawrence's instructions



Had a lot of fun with Skylar's instructions! Finding the closest area to my right hand got diβ¦

Lawrence's Instructions. This app is really cool :)



Sketch 03: using Franco's instructions... this was difficult for me??

Response to Goncalo's Instructions

You will need a jumbled Rubik's cube for this

Inspired by the fact that I was writing on the Notes app π

Sketch 02: Hungry-Desk using Skylar's Instructions

Curious what the Dot & Order logic produces? Find out today!

Skylar's Instruction: An abstract painting of your surrounding

09.04 Response to Aamina's instructions

09.04 Response to Lawrence's instructions

09.04 Response to Unnati's instructions

Sketch 01: Write a poem with these instructions

Peacock-a-boo! Inspired by Angelaβs prompt and created this using Procreate. The prompt really haβ¦

8.31 Sketch: Response to Unnati's Instructions



Group Challenge | I separated paragraphs into word blocks that base their colors on the sum of seβ¦

08.31 | Sketch #2 | My response to Simone's instructions

Group Challenge | Response to Unnati's prompt. The first sentence really set the tone whetherβ¦

Hope you have fun with this!

Sketch 1. Let me know if you have any questions. Hope you enjoy it!

A set of rules inspired by superpower :) Hope it's fun to play with. Please drop a comment ifβ¦

Sketch 1. Temperature of Emotions. Let me know if you have any questions about the instructions.β¦


Use my Notion for access to the links required for the instructions:

08.30 | Sketch 1 | Instruction Set I've included an example below. Let me know if you have anβ¦





Sirpinskie triangle


Still incomplete, but I could go on...


triangle practice!

Sketch 00: many triangles

An infinite triangle that isnβt actually infinite.

Triangle exercise

