77 sketches
75 sketches
74 sketches
73 sketches
73 sketches
72 sketches
71 sketches
71 sketches
69 sketches
65 sketches
64 sketches
57 sketches
52 sketches
6 sketches
6 sketches
2 sketches
1 sketches
1 sketches
1 sketches
1 sketches
0 sketches
7 sketches
Tile Graphics
85
Random Values
74
Config Parameters
65
Using Noise
62
CF Strategies
67
Generating Animation
61
Processing Pixels
72
Turtle Graphics
76
Node Programming
22
Vector Data
94
Generating Text
68
Comp Sound
56
3D Forms
65
Micro Games
51

Using xpresso in C4D to animate the position of the falloff box for different deformers to warp tβ¦


sketch to change geometry into voxels, apply booleans with voxels, and then convert back into geoβ¦

learning this technique. played with changing the bounding shape from a sphere to an ellipsoid.


simple l-system in houdini utilizing the attach geometry feature

using xpresso in cinema 4d to sync up the ipad swiping with the screen surface movement

working on comp form text reveals

working on comp form text reveals

working on comp form text reveals

working on comp form text reveals

working on comp form text reveals

Updatedβnow that I can record my sound.

Finally found an alternative to SoundFlower, which no longer seems to work on my computer. Kindβ¦

Making a rock bed texture to apply to 3d models.

More experiments with tiling patterns.

Experimenting with textures to use on 3d models.




Got a version closer to what I wanted for my Thesis 1 draft. Was trying to get something like theβ¦

Maya scripting from 3D week..



I created this during tile graphics week. But every tile is to heavy so I couldnt finish it becauβ¦

// press space when the two circles are the same size ! // wanted to make the black circle'sβ¦

Didnt rreally turn out the way I predicted. Used the center of the sprites for collision detectioβ¦

Definitely the project I worked on most during the semester. Glad I got it working at last. I pulβ¦

"The chosen one"βOnly one head can be the president. Find which one. (Featuring a protβ¦

I've been having a hard time with the code this week, and this game is not my code. I got helβ¦

Catch the princess, watch out for Bowser!

When you use the mousePressed the rain drop will fall (velocity) and you have to control it withβ¦



Group Collisions

Too many finals & help from:

Running game. Get to the finish before the other weird Yoshis. (You are the original.) The otherβ¦

Had a lot of fun making those, so I created 4 more :D

I created a couple of pixelstyle cameleon Yoshis to use as sprites for my mini games.

This is more of a self reflection kinda game, mostly about the environment. There is a hidden easβ¦

Ball (player) can only strafe from side to side while the obstacles are moving towards you. I thiβ¦

You can't sit with us

Feed Nic Cage!!

Shooting game

Finally got it to skid after being pushed by the peasant!!

Tap. Tap. Tap.

TALIA: THANK YOU !! THAT WORKED !!
Got it to work where you have to push the king to feedβ¦


Two Player Game.
If you get shot you lose a point.
But also if you shoot you lose aβ¦


JONATHAN: You probably figured it out by now but this is a really primitive way to solve your proβ¦

Feed your king. If you don't, he will shrink off into a pixel and die. If you feed him more hβ¦


GET IN MA BELLEH!
I think the one polishing move would be to add a timer. Ifβ¦

Stack your dango with your keyboard and mouseX.

As was trying to replicate this delay for when the sprite is following my mouse position.

Shepard Simulator feat. Those familiar sheep graphics from week 2 | Shoutout to Talia for the scoβ¦

WIP: Why... :'D
Accidentally shifted it from setup() to draw().

So, the spider is too big or the squares are too big, but sometimes the spider gets stuck! It alsβ¦



Why did the chicken cross the road? #fail

Wasn't supposed to get too political, take it with a grain of salt π¬

So, my intention was to have this be a two color game, where you have to keep clicking until oneβ¦

get the ball in the target!
click activates "drop".
target moves poβ¦

AMBER & SANIE (And anyone else who was having trouble with the "counter") --

'Cause if you liked it, then you shoulda put a π on it πΆ I did this on After Effects.
<β¦

Wish I have a dog...T T

Make popcorn as much as you want

bone:



The heads have to be pushed in order to get one to touch the crown and become the president (Alerβ¦


A major fail for sketch 1. I spent a while trying to get these smiley's to randomly appear, aβ¦


Help the toys find their owners.
For making this more challenging I would:

"Step in the arena" β French elections special feat. fist from May 68 poster

Update Using Noise: Pixel processing with noise over a halftoned shape.


Help people... This is a mini platform game. All is nice and working except when I tried to add aβ¦

Update: Parameters week sketch using noise and a for loop for movement.



Find the odd one out in the panda pile :) || Second one is a still for you all to try || Third onβ¦

dont catch any bad vibes!

catch the mouse and win. spacebar controls trap, as well as refresh.

A little sunshine to everyone's day

Learning how to subdivide a surface in Houdini.

Learning about applying UV maps to geometry in Houdini.

More experiments with applying random values to variables in Houdini.

Learning about applying random values to variables in Houdini.

Learning about distributing points along a grid in Houdini

Learning about vertex manipulation in Houdini



My first 3D print.



Class challange.



Pipes into a ring. :)

// last one //

3D print



Making Pipes: I used union() for the upper and lower arm and difference() to make the bends






Groovy DiscoMan

OK SO THIS IS ACTUALLY SUPER EXCITING FOR ME

Update Parametric: never posted sketch used for my (unprinted) cherry blossom poster.



// kind of having lots of fun with this //



Update Week11: Working on integrating this to my website for more interactive fun with my drawingβ¦



Actually really useful: 45RPM records adaptor that-always-gets-lost, at the right scale. Will proβ¦


How I react when someone asks me what my plans are after graduation....

Bring your records (Technics MK2 replica)



Stamps adjustable with a variable for my Thesis1 final presentation.



Class challenges


why is it doing this ????????? ????? ? ?

// on my way to understanding the basics //


Own name in a negative Chinese seal


The object I tried to replicate is called "ηη½", which translates to "seal". <β¦

the screen saver aesthetics




Spinning DNA strand




Hello World, I need to be cleaned up a bit....




Type poster time. The second is the top view of the model.



Made with text no. 2



Made with text no. 1

// weird thing //


// playing with extruding shapes //

Going to go print my snowman! Had trouble with the arms, but otherwise had fun! (Dorothy, if youβ¦



Okay, I got a just a tad ahead of myself..... Saw this on thingiverse and wanted to attempt. LOLβ¦

Completed 3D model. Hope it'll print well. There's definitely no place it could possiblyβ¦



Printed. It is hard to clean edges.



Just printed these miniatures! I'll be taking more pictures of it.






So my parents birthdays are coming up really soon and I thought that maybe I should make somethinβ¦



Closer look of Nome



Nome from Little nightmares game. The game is short but amazingggg!!


I feel like printing this too. I don't quite count this as a sketch. Next, I will try exploriβ¦




Final version of the robot! (Gave up on the hand) I will be printing this tomorrow. EDIT: Did theβ¦




Recreated an old drawing from 2014 of a robot. This is part #1. I'll keep working on it. I miβ¦

Used rotate_extrude to get this donut shape.



Final rendered object


In-progress


// sound week // instrument //

From CF Strategies week. Balls decrease in size as a force from the collision.

Also from noise week.

From noise week.

Turn down your volume!


Screenshot of something made during class yesterday

!!!!DECREASE YOU VOLUME!!!!



I've been watching Digimon Adventure Tri, so I decided to make a Digivice. openScad is so mucβ¦



A lamp that I made yesterday in class.


Generating a "ward" keychain. For those of you play League of Legends

the keyboard & its functions

Can't manage to export or screen capture with the sound and soundflower, so here's a screβ¦


Some explanatory videos on my progress on the development of the keyboard's functions.





From last week

From last week

The soundscape from the last piece has been layered over with two more layers. Firstly a layer ofβ¦

Granular soundscape made from multiple recordings I took in Dhaka city. The granular synthesizerβ¦

Something I'm working on. The pitch and stereo position of each hit of the clicky percussionβ¦

Probability based percussion (only the 4x4 kick pattern is hard programmed)

Randomized legato switching breaks

Randomized arpeggiator

Used two oscillator files into the loop example to create a different sound



loop example

Oscillator Frequency example

Rect and FFT



FFT- Three Tests with Lines. https://p5js.org/referβ¦

Sound Effects with mousePressed() Pig, a dog barking, and a door closing





How I feel about electric guitar playing
Image Link:

Amplitude Analysis - Figuring out volume of a song.

Balls Sync.

Helium machine : )

Been trying to use mic input, and I really think it's working, however everytime I try and grβ¦



Looping Kim with rate()




TNS Library

Trump most of the time ;)
Decided to use the sliders from Parameters to toggle the "mβ¦


Our President π±
The graphic are ellipses from the sound clips that formed together and goβ¦


Wait till the end.

The closer my face, the louder it screams.


Took a little while to get this to record the sound. But here it is. You're supposed to be abβ¦



One with colors that change with freq, the other testing out the 3D animation. The animation doesβ¦



The length of the lines and of the the color are affected by the volume of the audio, and the inpβ¦

music played going faster every interval



My output doesn't come out right. Here are 3 trials. I am playing the some around 12 times mβ¦

Slider Rate & Slider Pan : Really trying to learn how to do this. Starting from loading soundβ¦



The audio might be a little bit off.

Color changes base on the volume, but that value is also randomize. This is the audio I used: Shiβ¦

Rock Paper Scissors || Quality content with generated sounds. I forgot what I was going to put doβ¦

This is very simple because it took me a while to play around with code and play with p5 examplesβ¦






***UPDATE: *** Some tips for those who are just starting their sketch. || After Justin's suggβ¦

texchur

Random Friend Guy

glitch type drawing tool


WARNING: CRACKING SOUNDS DUE TO EXPORT ISSUES Oscillator played by keyboard buttβ¦

tetris.

// simple oscillator + modulator // press space = modulator on //



Part 2:
Added functionality to play more than one note at the same time. (vids 1, 2, 3);β¦

Part 1. Getting it to play.
Issues: Not sure why the buzzing sound is there. It getsβ¦

Startup Pitch Generator

Dance Music Sub Genre Generator

Type elevator with jQuery


PopUps with JavaScript generates a sentence. I figured out how to do this here:

Randomly styled references.




Footwork (dance music style from Chicago), lyric generator.
This is based on a sample setβ¦

OkCupid username generator



Weed strain name generator

Rainy Days are Like.





Inspired by Charles M. Shultz's comics 'Dark and Stormy Night.'



DT inspiration. Thought about generating text for a kindle :). Vecteezy graphic:



Mary Oliver's Wild Geese

LG slogan


Inspired by a poster from thebeaststudio


// slot machine extended // runs when holding down space //

Might need to go to bed.


Complete chapter one. Generate your own at bit.ly/talia-dark-stormy



Mad Libs




Drafting a webpage for Thesis1 using jQuery for image interactivity.

Some pub names from my story. Sorry for the thumbnail frame...

Ran out of ideas so I went for a shower and suddenly the scene where Justin was talking about Geiβ¦

The Hobbit Synopsis (reimagined)


// searching for a keyword on twitter + displaying the tweets on a webpage // using python + js +β¦



It is pretty common in DR to name your kids with a combination of both mother and father's naβ¦

This was supposed to be a scary story that would type out the letters one by one. I couldn'tβ¦

PLAY AUDIO!
Bateel I did it !!!



Agh, attempted alliteration generator. User inputs text (must be long, hah) and the program findsβ¦

// word slot machine // building on last sketch // holding down + releasing the space bar // (lovβ¦



In class we were given many methods for generating text: Markov chains, the Underscore library, eβ¦



Chapter one page of the fantasy adventures of Comp Form class members.

Inspired by Bateel's KFC ad's. Tried one with Nike! (Also, oops, at the words).


All the rumors are true, I love squirrels.

Trying to make it as creepy as possible.
Played around with mix-blend-mode and animationsβ¦

Goal: to make a t-shirt saying maker. I think to make it look more finished I can work on makingβ¦

(look at that alliteration!)


Using Markov chain with Dr. Seuss stories

Picket sign generator



A few little code hints I had to figure out that you might find helpful!
1.




Trump and Putin having a talk about national security on fb. || Generated with the Markov Chain.β¦



Stay tuned to find out what happens to Katie, Ralph and Chris. // worked on perfecting theβ¦



Card Against Humanity. I took two phrases from the bunch and each is been filled in the blank witβ¦



I got way too ahead of myself. I wanted to make a generator that would read the first letter of yβ¦


Inspired by the online images of failed tattoos non-Chinese people make :D
Translation onβ¦

"The quick brown fox jumps over the lazy dog"
Pages auto refreshes every 1 seconβ¦



How stereotypical is this? π Metal band generator.






// typeface: euclid flex medium + awful kerning sorry //



Haiku Generator 2.0 || Worked in with some of the points I mentioned from the last post. More worβ¦





Didnt work out the way I wanted. Not sure if paper.js is not made for exporting animations, but:<β¦







The weekly challange

// ahhh sorry for the typo -- THIS* not THIE // generative sale bot //


Haiku generator... Writing poems never came this easy back in English class . Haiku generally folβ¦




Parallax type effect


Decagon Animation: Using an on frame event and the rotate function.



// poster // the last image is a screenshot of initial sketch - so the hardest part was that theβ¦

Trying to work on my graphic design skills :) This is my first poster I've ever made and it lβ¦


Laser cutting!! :D I will take the final piece to the class.

This took forever to figure out :/ Goal was to create a sketch to move multiple shapes around. Iβ¦


Some play. I think I was getting caught up in mathy thinking too much this week, so I wanted a baβ¦



Β―_(γ)_/Β― When laser cut is no longer an option. I started with the whole beverage graphic and hadβ¦

Thought I'd post the original inspiration behind the whole laser cut project. This was the stβ¦




I will try to laser cut this tomorrow. π A bit late ik. READY.


Thesis-related content abstractification examples. Trying to work on a similar concept digitally.β¦


An exhibition poster for Yayoi Kasuma.





Having too much fun with this! Help from:

I've been struggling with this one, I tried to have the text come up on mouse click. And I trβ¦

Been obsessed with blend mode and hue change!



I tried so hard and got so far, but in the end it doesn't even matter because getting the oldβ¦


it...... it works.



Decided to have fun with Illustrator instead. π π π π I don't want to do this anymore. π




VERY ready for failure and psyched about it. Laser cut sketches, next step code.

whattttttttttttttttttwhyyyyyyyy




These are the sketches of the sketch for the sort of challenge. Started on paper to have a clearβ¦



Wanted to round the edges, but apparently it only works for the rectangles. Tho I really love thiβ¦

Obsessed

little monster



Trying to work with pixels. Photo source:



Party Time! Made a random confetti generator. Some fun play with bezier curves and handles (seeβ¦



Wanted to draw something too! It is Hanami season. Every time you press the return key the colorβ¦


// learning //


more with sine waves // in sketch 1 each wave has a different frequency + using the selected = trβ¦


//whatever this is it took longer than it should have//


Vector drawing tool! Randomized color each stroke and has a random scribble effect. The second imβ¦


I see people making cool looking spirograph-like graphics from the turtle the other day with papeβ¦



Some circle fun! With help from:

Face that changes emotion and size based on user input. All the shapes are based off of the initiβ¦


The Challenge... Also tried using events to make it move
SPOILER CODE ALERT!
// Creβ¦


Collection of randomly generated graphics. First one uses smooth({type:asymmetric}); while the seβ¦







More tutorials and exploring



Getting started, reading up on Vuo..

This is also from Turtle week. And this one I got running after som trouble shooting, yayy!

Same here, the more advanced versions I still cant get to run.

Lol, sketch from last week(turtles) that I still dont get to work after another week of troubleshβ¦


stereoscopic // patch help from max neuport



Using gradient noise Bee Image:


Counting up in the console

Puppy Rotation


Counting


Puppy (adding an image file) & Hello World (Text)

Still learning

Was attempting to get the sphere to twirl. I tried using "show back of 3D object, but I'β¦

Controlled by my mouse







tfw you got something recorded via screen capture but it's too big to be uploaded.

Some protocol fun :D

Took a bit to read the chapters. Also used Vuo's examples as a starting point! Hopefully it wβ¦




I got it to work work work! (well sort of. It won't draw lines, but it will draw dots of diffβ¦


Simple cube adding receive mouse moves to control the rotation


Lights on image controlled by mouse scrolls... sort of like a flashlight! :D

Ooooooooo....

Using live sound and noise

Explosion

The spot will appear when there's a click. Double or triple click will make the spot larger.β¦





Feeling dizzy...........

Adding some turtle graphics to the sketches this week π



Added an audio, but can't actually hear to it. This sketch is creating a kaleidoscope image wβ¦

Played with more filters, this time using time to animate rather than mouse.

Using protocols and playing with images.


Experimenting with audio visuals. Right now the audio is coming from the microphone.

First test.
Used mouse move and scroll data to alter twirl.


Getting mathy again... Tried to build a visual representation of 3D parametric equations. (For exβ¦

Bruh.

Part One of working on a "Draw" thing. User controls color and size of brush from arrowβ¦


image trailing of birds flying

little sphere

(that's supposed to be a click). // Just some play with random/position/sizeβ¦


Made a Vuo version of the already existing iphone finger battle game! Worked for 2 hoursβ¦


Tried to use the Protocol and to export the video from the program. (1) The scale of the halftoneβ¦


CMYK Halftone process of an image. The image was supposed to be a gif, but it doesn't play.β¦

manipulating video // source: clapping music ballet, steve reich, 1972

oscilloscope // made in pure data // code help: nicolas maigret


Working a little bit with the basics of vuo.

Playing with Vuo tools by applying effects and events on an image. The image was one of the turtlβ¦



forgot to post this last week - turtle graphics // trying to make an organic texture // image 3 sβ¦

Stairway To Heaven



3D-looking shape thing. User controls parameters: number of sides on shape, how big the base shapβ¦


even more mathy. Wrote a function that isn't fully working yet but still does a lot.β¦

very mathy. Inspired by the many differently-sized and positioned circles that came out when stuβ¦

Clockwork Pink

Spring Sprinkle

"Chewy, light speed, now!"

Lotus Flower

Giraffe----Only using: myTurtle.penUp, myTurtle.moveTo, myTurtle.moveForward, myTurtle.turnLeftβ¦




This is how my week looked like.



pre-rendered animation


This is so much fun, I thought I'd share this link with you all-- its an online spirograph maβ¦

For this study example, I wanted to add flowers (leaves) to the branches.

I was playing with a spiralgraph for this sketch. I made it a random color, so I made a few adjusβ¦

turtle clock




Some random things.

Made from the google wallet logo


Turtle Graphics with an image :)
--- CODE BELOW
var myTurtle; var startFrame; var uβ¦




a superstudio-esque sketch // photo from National Geographic November 1952 issue // it's notβ¦

Go Turtle!



I started with a turtle face but halfway through it looks more like a gorilla so I changed plan.β¦



I promise I will code. These sketches were made by hand using a spirograph.

Not at all the result I was going for. I guess a vector based object oriented approach would be mβ¦



Generating sketch-like drawings. The last one with black and white is the initial process after gβ¦



(continuation of last post) This should be a better visualization of what I'm struggling withβ¦



Experimentation less with shape, more with color. I made the stroke color go up within the loop bβ¦


How many seeds are there in these fields of dandelion... oh wait.

tried to make a loading animation using spirographs

pre-rendered animation







the tiny sketch became these things // takes a lot of time to render, working on making a real-tiβ¦

a tiny sketch

what my last sketch turned into - unexpected, sort of soviet-constructivism look



Using turtle graphics for drawing tile graphics at random. Last one was penUp whenever the turtleβ¦
IMPRESSIVE STUFF GUYS! MISS YOUR BEAUTIFUL FACES.




Scribbles

continuing with a previous sketch - now little annoying spirals follow the mouse around

the spiral post

tried to draw an owl





trying to recreate one of my early sketches in this class but using turtle graphics // used the iβ¦


For a project I'm working on, I need a way to create an input map that would tell me how farβ¦

Animal Head Challenge


blue dot 2.0 (using turtle graphics)



Obligatory spiral post

Not a new post.
Couldn't add more than 3 images in a post. An attempt to match the coβ¦



Used spiral to create roughly the effect of the scene where Coraline descends into the "otheβ¦

Her name because it's easy. Tried using opacity to give it a somewhat calligraphic feel. Gaveβ¦

Figured out the solution to my previous problem. Conclusion: there is no way to slow the processβ¦

A sketch from the Generating Animation week which I didn't get running back then. Using Easinβ¦


Was trying to figure out how to show the process of drawing the hexagon instead of having the draβ¦

image source: photo of james turrell's "perceptual cell"

Mesm Records Exp.

Tweaking Fantin-Latour

JONATHAN KHO THANK YOU LETS TALK



Process




Sani was this what you were trying to get to? Projected dots?
SANI HERE IS THE CODE:
<β¦
Auto-portrait



Tried out some Chromatic Aberration. // The process was pretty straightforward: Load the image tβ¦

Glitch



failed sketches that i spent too much time on, but didn't do what i wanted them to (can theyβ¦



Used pixels and quads

tile set


Studying Justins study example :) First attempt.

Image as and Input




Third iteration of a series of experiments that are to lead to the synthesis of a parametric flowβ¦


Second iteration of a series of experiments that are to lead to the synthesis of a parametric floβ¦

First iteration of a series of experiments that are to lead to the synthesis of a parametric flowβ¦




These ones are all cheating because I did them a long time ago, but I thought I'd share anywaβ¦

Yet another pixel sorty kinda thing. The source image is a 3d render I did a while ago.


Pixel sorting animation on the same image as the last sketch. The source image is clearly visibleβ¦

Pointillism kinda effect on an image I made in the past

glitch code help from Corrupt.video Processing code by Recyclism aka Benjamin Gaulon // images frβ¦


not really changing the image appearance (yet) // a sketch that shows your face only when your eyβ¦

Pixel sort animation on another aerial view of a cityscape


Two slightly different versions of a pixel sorted aerial view of a city.



In an attempt to use get and set to make Mickey into a gradient, I got this weird thing ^ will coβ¦

Sink or Swim?
Inspired + help from Justin's code:


I messed up ouroboros chicken :') Probably should have went with a code that changes shape moβ¦



Tetris V.3 I am still missing the random shapes.

P5 and Photoshop


Played with micLevel to change the size of the dots.
UPDATE: Would choose rect() over elliβ¦


Still playing with the camera.
Used beginShape(QUAD_STRIP) so it links the looped quads toβ¦

Panda Jump Iteration 2. This works a little better than the last one but I'm not sure its whaβ¦

The plan was to make a panda jumping: If you look really REALLY closely on the bottom right handβ¦



Thanks Danielle Sobel for the inspiration :D
Tried to replicate an infra red camera. Don&#β¦

Got to successfully render a video :') .... The problem all this time was that my image was tβ¦




Trying to make fire! Flames brightness determined by the lightness of the pixel of image.... Feeβ¦



Generated some flags with pixels:
-Dominican Republic -Cuba -Puerto Rico


Grass Drawing

Napoleon. Tried to use noise() to animate it but it got too laggy...



Caution: Look from a distance or shrink the image to prevent dizziness. Using image as input andβ¦


Tetris V2. I still want to be able to remove a line when it is complete and to generate random shβ¦



SNOWDAY! Pixel by Pixel. Was fun to calculate which "column" already had snow on the grβ¦



Plan: Load an image (heart) and process its pixels. I think I still want to play with more colorβ¦







Plan: Learning from Daniel Shiffman Tutorials.
Goal for next sketch: Modify a few of theseβ¦



meh... more experiments...
NOW I'm gonna spend more time on drawing an image by scratβ¦

01 Generate an image from scratch: pixel by pixel.



I took a 2D image(last img) and converted the pixels of it into vertices of a mesh. I then set thβ¦

Thought this would be a good week to get into Fragment Shaders.



Halftone fun. Image as Input Source, 2. Not satisfied with the skill level of this... ellipses arβ¦


Image as Input Source. Shown is (1) Output Image, (2) Input Image. Goddamn phantom strokβ¦



Pixels by using images. Used it on the ink wash paintings for the trippy style.


Trying to do a Tetris. I still need to get it to generate random shapes, not only one pixel andβ¦

It worked out better with this typeface and some edits to the code. There is still something wierβ¦



I encountered this result while trying to do one of the challenges.

not exactly sure how this happened // tried to read pixels of a video instead of an image + applyβ¦

I made my drawing tool draw the black pixels from a png file. Didn't work out to well in thisβ¦

Using all pixels to draw this sketch. Inspired from both in-class challenge of noise and the theβ¦


Still not there, but I'm putting it aside to work on some cool pixels. For a real lauβ¦




(1.5/2) Not exactly what I was going for but... progress!!! (???) I'm so close I know it...

Wriggling my old project with sin()

still from animation

Using var s = sin(frameCount/targetFrameRate2PI);

made in unity - attempt at banner and to visualize audio from Devo song









-Insert epic space music in background-
... In the end at 2AM all it looks like is just thβ¦

used push() and pop() so I can use colorMode(HSB) for the quads and RGB for the background.


Playing off of my sine wave sketch from last week.




Could've been smoother if I exported frames but apparently this happened... :( I'm so donβ¦


This one had too many frames. My computer was not happy about it....






Exploring blendMode(DIFFERENCE); trying to see get better colors. I like these combinations.

It kind of has a beginning, but it doesn't really have an end. The shape isn't exactly whβ¦

in progress sketch, trying to match up the triangles!



Sun and Moon. Using Sin, frameCount, and light directions


(1/2) Working with acceleration/velocity to try to get a "real-life" feel... Next I'β¦




I remade it to become this cool painting tool.

Improved latency and it now gives you different forms everytime, depending on you mouse speed..

Slowly reaching the point which I actually miss the lag and delay.... :(


500 frames! never again. Don't know why its so choppy.

Downvote/Download. For when it takes longer to render than to actually code.

IT'S LITTTTTTTTTTTTT!!!!! This used to be my jam yo every time I get on the interwebz
β¦

Bumper.



Ellipse coordinates travelling on Noise() with low opacity and blendMode(ADD), basically it traceβ¦

Compform bumper challenge
Used sin for the squares(they're actually ellipses that wereβ¦


Sniper aim + shoot. Sadly lost too much quality when compressed.


Holy Crap!!!!
Don't ever work with 3D if you don't have the patience for it. Animaβ¦

Trying out blendMode.


Another "boom-box", now using Metronomy - Peter's Pan.

In the process of making a bumper using this technique... Got stuck looking for a way to find wheβ¦

"Boom-box" Trying out WEBGL for the first time.




So... this happened! I will continue exploring this. I am using sin (kinda understand what is doiβ¦



I was stuck trying to make something specific for a bumper that I even forgot what I was trying tβ¦

Practice really trying to get a handle on timing animation right. I didn't export this movieβ¦

I like some of what is happening in this, but I'd like to change a few things.


So... I can explain about the multiple versions.... The first one is shown on Safari, but as soonβ¦

1st Animation using P5-- used rotate, push, pop




week 5 // sine wave continued // high res still saved with saveFrame() + video shows how the imagβ¦



Recreated an old sketch from another class with what was learned in this class (mostly noise andβ¦

week 5 // using sine wave


A grid of dots, size modulated by sin(), noise(), and a hand made bitmaβ¦

Better fireworks. Improved Random, Noise and Sin functions iterating over colors and movements.




Trying out the frame exporting in some old sketches. First, I wanted to see how much of the actuaβ¦



Fireworks using a subtle noise and sin and cos waves in Cinder.


(3/3) What's added: (1) The same paper edges from noise from the noise week.β¦



(2/3) [PIC 1:] Thanks to lots of help from Justin, and to someβ¦



(1/3) Continuing the attempt to resolve the issues for the treasure map last weeβ¦


function setup(){ createCanvas(windowWidth, windowHeight, WEBGL);
}
function drawβ¦

Noisy dripping

This is my best sketch so far! Lol. Got stuck struggling with some cos sine waves.

Gaussian Random is used to generate the color of the ellipses, such that it looks like it is flasβ¦

This is my version of the line challenge.

Experiment using sine waves with random offsets to modulate each other in a recursive structure.<β¦

200 different circles are assigned a random color, size and velocity at the start of the program.β¦

Shooting star with one slider

Worm:
Size variation in noise()

Built form scratch in paper.js


wanted to try new things :) P5 and APIS the first is a data visualization from NYT the second isβ¦

Based on Line Challenge



Continuation of the mini game. The amount of fishes and difficulty (amount of enemy jellies) areβ¦

I can't get rid of the top rectangle arghhh

Sliding into Friday.....

Help from: https://p5js.org/examples/mathβ¦

The bloodstream... (because blood can be blue too)


Line Challenge 2

Line Challenge

Used random and wanted to see how it is visualized at a larger scale


my closest attempt to make random placed circles from the center

challenge 2- manipulate amplitude to create an illusion of a 3D shaped object looks sort of likβ¦


(Line Challenge)

challenge #1




Continuation of the Fish Game.
Updates:


(Dot challenge) Almost got it, I think I was missing a piece.



Dot Challenge, Vases





First time with Paper.js - drawing clouds



1

Built in Cinder with a Pointer structure. Thus, it can run pretty smooth even though its 10 000 pβ¦


I can't get the lines to stick. I know what the issue is, but when I try to solve it somethinβ¦


Long Project V.2. Now you can make a gradient on the bg and you can manipulate de hsl of the bottβ¦



"Line" challenge.

Sunrise

Centrifuge

Fail to implement Noise Cull, instead I did this.
Anyone know how do I control the color oβ¦



Cactus Thorn party



Part One: Dot Challenge Dots making weird shapes (Bird, Fish, etc...)


I'm setting out to make uh..."fish eating other fish to get larger" game? Using ellβ¦



Dragon

Dot challenge evolution - Separate sets of gaussian distributed random values are used to generatβ¦


Long project V. 1 - For now you can only adjust canvas size and background! I will be adding moreβ¦

First iteration of a piece where I am trying to make a scene where we are looking into the horizoβ¦

Bacteria

Perlin noise controls the Z axis coordinate value of the points making up a grid of triangle striβ¦



Dot Challenge, Bigger Dots, Flowers


Believe me this actually came from the line challenge

This was the closest I got. Rewrote the thing from scratch in paper.js. Never worked in paper.jsβ¦

The Dot Challenge is now a broccoli promotion poster.



Dot Challenge. I couldn't quite get the position for the circles, so decided to play a bit wiβ¦

Line Challenge- Frequency, Amplitude, Time/Speed. I added color.



Dot (Ellipse?) Challenge

Line Challenge. (hey guys, use lerp.)



Treasure map: step 2


Treasure map step 1.

Using noise to create shooting star projection & ground. Also implemented the min(random) funβ¦

showing the cloudy perlin noise appearance with a different texture

trying to use noise generated textures as surfaces for rotating planet things (no 3d texture yet)β¦

Basic Shapes. Noise vs. Random & Rotations

more with perlin noise, colours

two shapes

failed experiment

Reworked sketch from week 2 using noise instead of random - this is what I wanted it to look origβ¦


simulating water with perlin noise


// above & below



An exercise that REALLY helped me understand how "noise" is visualized. Kept pushing thβ¦








Fluffy Fluffy







A shot at the treasure map challenge. And now for the journal entry: WHAT'S WORKING:<β¦





Help from: http://genekogan.com/code/p5js-β¦


Reiteration of one of my previous sketch

Oompa Loompa?

Kudos if y'all get the meme :D



Noise & Texture & P5 & Laser Cutting & Tiles





W0rm





Thanks Brinna for the advice!

I don't know what this is. I used noise.
... or should I say, eye used noise?

Chinese New Year Vibes

Fixed up yesterday's shipwreck after getting some advices from Justin. The slow frame rate isβ¦


I tried to do something along these lines



Part 2: Noise & Texture



Part 1: Random & Texture



He mentioned the ellipse moved like a bee.





ship(wreck)



Static noise cloud

Using randomGaussian and perlin noise to animate this pixelated pink blobby thing.

Study using gaussian distribution of random numbers to separately determine the placement and opaβ¦


pillar design?





Trying out noise to see what I can get.

Peekaboo : )



Animating one of Laurent Grasso's paintings.




Experimented with parameters for Shiffmann's flocking sketch to learn more about forces and vβ¦



colouring book // image credit : color this book: new york city, by abbi jacobson

code credit to purin phanichphant // his work: http://purincess.coβ¦

Animal Slider

manipulating parameters with face // mouth size = cube size // eyebrow height = color // made witβ¦

sketch from last week + parameters



sprinkles turned monet

pixels

A slider that controls the offset value of the sin wave. The white dots are not ellipses but theβ¦


A bit of a mess... Couldn't figure out how to position the lines properly. I tried rotating aβ¦



Took me a bit to figure this one out! https:β¦


The parameters didn't fail but something else did. The three parameters are the HSB in the coβ¦



Spawn, my minions...

Continuing to play with the pattern!



ππΎ Face Generator V.2

Not my best work...... just some experimentation with WebGL.. low-scale and unimpressive. On theβ¦

Added more shapes to the last sketch.




WIP - It is taking forever, but I will get there.



uses the newschool Neue font "as it was imagined" (so to speak) whereby the width of thβ¦

Applied sliders to a "Random" project


Config your own Nic Cage Mona Lisa Face challenge // make your own at bit.ly/niccagemonalisa
β¦

Face Generator(?) Inspiration: eugenia loli



Revised version Baugasm

The face modifying challenge. Uncheck nose box for maximum nightmare effect.



You can choose between a Circle and a Line to be on the foreground. It lets you move the circle iβ¦



Moire Pattern #2, Now you can play around with line spacing and stroke weight.

Everyone seems to be on to the Trump Theme.. :) I made a trumperator. Should have feathered the eβ¦


Remember the super old-school Etch a Sketch toy? Yea, digital version right here with similar levβ¦

Inspired by trying to make fun of Trump :)



Happy Valentines Day! Calculate the potential of you and your Bae using the Love Lab (TM). Carefβ¦

Took a little while to get the hang of setting the parameters. Got stuck trying to do the positioβ¦


Snow!



Getting there! Just need a face change!
*Btw, GIFS don't work on regular img tags... jβ¦



Sine wave fun with parameters. Controlled by sliders on the side.

click the link to see it // Included a slider that change color, mouseover show/hide, a start butβ¦



Dribbling. With changing size and speed. For some reason I can't get the slider of speed to wβ¦


windows 95 screensaver
sβ¦




Was trying to get these "coral" pieces to flow from side to side (on mouse move) like aβ¦

Acceptable in the 80's





Make your own Baugasm poster


Look at it flying away!

Missed a face.
Now this is how I TRULY feel about art school...

They call me Roth(kho). I tried...

Web GL



Channelling Rothko effort 1.


All about them screensavor vibes...

Will this damage my computer? It's starting to lag...


CLICK THE VIDEO If you choose to not fill your GPU(Graphics Processing Unit) with any media whenβ¦




An "attempt" competitive puzzle game inspired by the random game level mentioned in claβ¦



finally.
THE SOLUTION! --> I wasn't aware of the push() and pop() functions in p5. Iβ¦


hyperspace


Did this with BUNCH of help! But I was able to replicate my animated tile from first week.





Loading...



floating forest! (attempt #2. deep breath...) with some help from "The Nature of Code || Danβ¦


When you click the screen, only one star-thing remains.

i dont know what i did wrong (mondrian + disco ?)

Mondrian Interactivity

Mondrian Interactivity

Some help from: http://codepen.io/DialBird/pen/wGβ¦


Disco ball



Random gradient generator, both static and dynamic

Snow day today. This sketch builds up in a few layers.
First, It draws a layer of ground sβ¦


Shout out to my awesome classmates! I was inspired by Jonathan and Danielle's pointillism posβ¦

1st mondrian attempt - not exactly true to his work yet + needs more obvious texture // used examβ¦

Lots of help and inspiration from the link above!

Random Walker, Take two.


Randomizing the speed for circles to shrink with min vs. max rate.



This was the first failed attempt at a fractal forest. Method: First define number of trees. (ranβ¦




I played around with min and max.




This is my first shot at doing the "Kazimir Malevich Challange".
The video is myβ¦




clicking add random points (Background gif from google - can't find the creator...)

same code, except now it follows the mouse (while still moving randomly around it) + arrow keys cβ¦



again using brownian motion // used example code by justin bakse

Random Walker (Pink).. Click on the thumbnail to see the whole video.





Random color, sizes, and opacity.




manipulating the brownian motion code in the study examples (thank you Justin Bakse) to create twβ¦

Oh my god... #Hillaryous

How I feel in art school...




Woven Textile





Predetermined fates.



Trying to create depth by using different shades of grey and different circle diameters.

P5



Random Herd Generator. Running into some issues which a shaved sheep pops out every once in a whiβ¦


An asemic composition made of pieces of type.





Inspiration and help:




Grow your cactus





Revised version of previous tile set. Attempt to make some glyphs and characters.


Pixel monster



Another trial.








Random Rotation of one single square to create connected circles. Check out the codepen!


1000



When I was living in the bay area, I used to take pictures from the BART platforms I would stop aβ¦

Didn't know it would turn out to be this disgusting... Yea... they are my fat fingers

Patterned Paper



Ψ§ΩΨΨ¨ (Love)





I tried.








Attempted typography with numbers and Chinese character for 2nd and 3rd image



Tiles from a close up of a half-toned color.




This one is called: A really great start to something that has potential to turn into something.<β¦







Pink Tiles Using P5



Continuation of Tile Set #4



Tile Set # 4 Made a tile set from the inspired wang tiles. Used processing to create the layout.β¦



Go For It (+ Broken Apart)











#tiles


Close ups of typography that I scanned and moved around to get a glitchy effect. A failed attemptβ¦


3D set of 64 cubes... Playing with calculating the number of subsets of a set with n elements. Caβ¦

wang tiles attempt to write "HEY"


scales

.gif tiles



Triangles

C O M P





//cut, folded, scanned paper //rearranged into tiles






Made with After Effects.





Mindfulness Drawing








1st image by JONATHAN KHO



Tile set by SACHI CHANDIRAMANI









Tiles designed by Jane Lee.



Used Kim Koehler's tiles




Sierpinski'd
