Here’s a new processing experiment, my first try to make a messy dirty rendering, it was very relaxing and fun to program since the only thing you want to do is fuck things up as much as possible!! The original inspiration come from that post
Video below (please watch it in HD on Vimeo)
**********************************************************************************************
Warning: these film contains flashing images which may be harmful to some viewers.
**********************************************************************************************
And those are the screenshots.
Same images with higher resolution on Dropbox
Except the music, everything on that video is generated on the fly by processing and it shows very different result each time you run the sketch, this is just one version uploaded here. Quick overview of What the program’s doing:
1) Batch download a bunch of files from Instagram API based on a list of hashtags (you can see the list at the begining of the vids, or at the end of this post)
2) Save all info (user, hashtags, photos)
3) Start showing the photos at an incremental speed
4) Display “random” text (generated from an array) + GLSL shaders
5) Glitch the whole thing up!
The ‘speeding’ effect is achieved with a sin function that keeps oscillating faster and faster during the 2 mns duration of the song (the angle of the sinus is incremented using a exponential function). A “luck factor” is also incremented while the program’s running triggering more and more titles, GLSL shader and glitches as time goes by.
That’s about it really, the music is from Venetian Snares “Fuck Canada, Fuck America“. On the tech side, I used Processing 2.0b7 (the neat integration of openGL GLSL shaders by Andres Colubri make it so much fun to play with!), the http library to easily load data from Instagram API, GlitchP5 lib works pretty smoothly as well (even though it would be nice to implement it further to add more control over the effect, especially to control the color noise level which is too wild sometime), minim for the sound, Geomerative to convert text into shape (to apply shaders on them). Some of the GLSL shaders come from GLSL sandbox from Mr.doob and others, and Inigo Quilez‘s Shader Toy.
As for sources I will share them here later on but feel free to hit me up if you like to have them, be warmed though that’s it’s a mega mess right now so use at your own risk, also the program is crashing the system pretty often, which is a rather good sign for a glitching experiment… FYI it looks like the most stable Processing settings so far are 2Gb of memory and run it in 32bit mode… voila.
Hashtags: #CuteFeet, #Babyfeet, #Snacks, #Park, #EmptyPlate, #Torso, #Cloudscape, #Quote, #JumpingForJoy, #Braid, #Beach, #Sunset, #CupCakes, #Concert, #TribalTatoo, #Leftovers, #KissFace, #Latte, #NewShoes, #Selfportrait, #Frappuccino, #BloodyHands, #Seashell, #topFace, #CuteDog, #CuteCat, #Meat, #Flesh, #AngryDog, #Canines, #BurgerPorn, #Blood, #Meat, #Intestine, #Dogfight
Photos sources:@igfeets @igfeets @igfeets @igfeets @igfeets @toeprincess @xsagii_baybeex @girlsfeet @_justfeet @lissysfeet @briellelynnebabe @_dranksinatra @kailapaige_ @orgmets @sebb_ @deeandpenny @ashiee90 @mdheard87 @justineana05 @itskringkringdorko @surfer_4life @stanou26 @stanou26 @alous92 @nurainluvv_justinbieber @naomialdisaa @jjbnr @krkruuuu @agirlwhohatesmacaroon @marco_ray @annabelbenezra @redcupsofpatron @annabelbenezra @swaggiedoll19 @gthesinblephap04 @lariaerlae @annabelbenezra @adelbm @annabelbenezra @redelizah @louieruberto23 @niklasberg @therealpresslyparrish @jeffkisthename @davidsmooke @evagi3 @felix_lambiz @bkaelamar @forbesphotog @kylerj @louiemos @klaralo @jonaspdominique @johangrimberg @hammer87 @jeremykaikala @dianaxpetersen @jonathanjaxson @emanwinston @jonathanjaxson @docthefeelgood @smartfon4er @weslinimusfartacus @human_traffic @jessiejannee @siggimon97 @jaceksz @oleidolet @jaceksz @retro_flava @noemimalingieri @noemimalingieri @ali21122516 @sweetnsowder @aliseregni @sinakanpha92 @noemimalingieri @thiscoolpablers @aqeelta @osher1575 @lol_lou @breanny12 @zehralouise @iepedie_quaqua @jes2juls @sarah_marie_94 @islander33 @multibeauty4u @chanarraolsen @nathalietaylor87 @anneeng95 @incompletepicture @lo_reena @miss_shopaholic @marieminde @megspurdy @tslil11100 @freefallinintolife @annabrezinski97 @bhreaghmoore @suzhiea @samantha520_xoxo @_ella_xoxo @sirgrewal @nettakarp @barbiegirl_ilaria @laurabr0wn @antho_vanucci @rita_karapatakis @miriamercurio @kellymusa @haljane @martina_albano @jezniaesther @giudittav @jaenelr @clautassi @saeedalemadi @jessicamarnell @mtfaria @emilycgraff @meckieermy @tat_bieber_14 @50shadesofstef @esechulo69 @kachetonnaah @curra77 @mayvisnat @changing_time @mariolabm @littlezoe201 @carrotlover_1d @talia_____x3 @sindotocor92 @andiqnurshazryanna @greeciaa2 @spotunelter90 @hussein50011 @djgermain507 @matt_u1 @shudz64 @sofia_skier @jeanett @benjamin_goldberg @joshuaaa5 @fanetski @themixxedone @iam_tobi @alphalbws @alphalbws @mslms @docklanders @kira_350lanier @mspriss1090 @mochirini @kidatheart_ @kengista23 @djjoecrunk @annandlies @strawb44 @bonny_95 @ashlee__nicole @hipstarrbarbie @im0verboard @ashlee__nicole @ibbys_lastqueen @ashlee__nicole @ashlee__nicole @ashlee__nicole @ashlee__nicole @wetgriptape @issataliotis @oink_emily @bujhmjr @sarahmu0 @sumpura @roladicka @mangkimoo @brennabeever @seendeelee @jstoffy @jstoffy @jstoffy @jstoffy @jstoffy @jstoffy @ilikeascotts @jstoffy @jstoffy @shan_sutherland @i_and_thou @lalitaamalia @nellmonicaong @karenkaychee @drordavidcohen @imfaria @chloeloveall @kofdonamic87 @giuseppegaudino98 @giuseppegaudino98 @zunxd @oursenfurie @samoo101 @christilinnn @krissyalissa98 @quaisyy @mtrute @ttremonte @hellotessa @daniellesandbach @breepaige @speedykevonoandluisa05142012 @staciiix3 @mbwestt @uniquevibez @will_campbel @love_chaos17 @itslaneybitch @georgeeblancoo @spectakohler @sweettreats_123 @andhvargas @amyluvsdwind @akihiro25 @sydneeisaawesomedork @jesslees_87 @nicholas_badkid @tanxuanlin @juliavorontsova @mrro_amb @__skyman__ @__skyman__ @__skyman__ @__skyman__ @__skyman__ @laurenkerr_ @edo_l @adanilovsky @balenstein @tiffanycore @mixingdirectioner @impatt__ @lola_estefania @underpressure_debora @annettam85 @_j_ashby @lillaans @meeecheeeko @pomza28 @christinewhitem @caleb4everything @ziziterrorist @karinapatzer @kathlovesdanny @crissborgess @ravneetpannu @lihsalem @larissacrossman @chibachi0606 @chochossa @mitchleepro @muripande78 @finecubancigar @andygomezl_27 @orbeco @natashaamani @fatmah_ebrahim @pianoeuphoria @sharonyjx @yoggy94 @mmmmbah @marcusywq @b_str8lkdat @pawsandroses @wingsandstrings @avissos @gracesimmua @azathothsneakers @apyaaang @smokeyprophet @mikeconn91 @naomiann13 @jemmaleejones @lizziestelly @agus_garciaa @james_myogi_lee @afrooomat @sammyandzoey @snowyyear13 @gosselinik @pahtrisha @yoyomitch @cesar_salad23 @envytheirgreed @glazunja @insanepuppy @mephistofales @jennroe @vab1961 @emilythornton_ @thugnasttty @jenniferbeilouni @inf4life @sweetsfromd @alexanderkaraas @mchades @rubeng619sd @passscoe @burgerweekly @therealshelbster @heypegasus @thedeadqueen @trulybless3d @ruisi29 @yaaaaaam @itsshannonyeow @thamiresnovaes_ @thesuicide @meesakanishi @rforrachelang @silvellomarina @vanilla_baby @mitchleepro @muripande78 @finecubancigar @andygomezl_27 @orbeco @natashaamani @fatmah_ebrahim @pianoeuphoria @swervin24 @hpz810202 @foodmakesmehappy @ajengfebriannix @sunnymichel @rothie_dottie @big_q_numero_uno @endharpupul @_briiiannon_denay @nalusouza @peekeeko @brandonvedder @sarah_smyle @pwalsh_323 @jeaniesalmeron @ashc90 @karlamendozam @elizabethlea07 @mestroh @cbbell007


Hi,
I’m very interested to understand how interact with instagram using processing and your code are a good starting point. Can you share it with me.
Thanks a lot Paolo
Hi Paolo,
For the loading of instagram pics I use http lib http://francisli.github.com/processing-http/
and here’s pretty much all you need to know for the code:
https://github.com/francisli/processing-http/wiki/Examples%3A-Twitter-API
Though you need to register an app with Instagram to have more access to their data http://instagram.com/developer/
Hi,
This is some pretty cool stuff. I was trying to use the processing-http library, but wasn’t able to add it to my processing IDE. How do you do it with java sources? Or is there another way to include that library in a Processing Sketch?
Hey Bryan,
You can download the http lib here https://github.com/downloads/francisli/processing-http/http.zip and install it in Processing following those instructions http://wiki.processing.org/w/How_to_Install_a_Contributed_Library no need to touch or even use the source.
Then I’d suggest that you have a look at the examples included with the lib which are very well explained.
Ciao,
G.
TrackBack URI