#createcapture

[digicult2025-jiawen-mei]

let libs = ['https://cdn.jsdelivr.net/gh/ffd8/p5.glitch/p5.glitch.js'];

let me, glitch

let capture, scl = 1,S // rot = 0

function setup() { createCanvas(windowWidth, windowHeight) capture = createCapture(VIDEO) capture.size(320, 240) capture.hide() // hide raw camerabackground(0) imageMode(CENTER) glitch = new Glitch(this) // glitch.loadImage("capture") // glitch.loadQuality(1) // glitch.loadImage(capture) // glitch.errors(false)

}

function draw() {

if(frameCount % 3 === 0) { if(!mouseIsPressed) { glitch.loadImage(capture) }

glitch.limitBytes(random(1)) glitch.randomBytes(15) glitch.buildImage()

translate(mouseX, mouseY)

image(glitch.image, 0, 0, capture.width * scl, capture.height * scl)

}

[truevisionphotos]

This is a shot from Rhode Island at Beavertail Lighthouse. I took the foreground right after i.e. Hour and combined it with a tracked Milky Way from later on that night. Enjoy! * #longexposure_shots #nightimages #nightshooterz #nightshooters #nightpics #milkywaygalaxy #astrophotography #astrophoto #astro_photography_#astro_photography #longexposure #longexpohunter #longexpo #amazing_longexpo #amazingearth #natgeospace #milkyway #nightscraper #galactic50 #travel #photography #explore #createcapture #super_photolongexposure #alwaysaheadcc #wearealwaysahead #night_excel #igworldclub #amazing_shotz (at Beavertail Lighthouse)

[blueberrymochii]

199 🤖WallE? - - #abstractporn #walleye #reflection #abstractphotography #sunset #igers #500px #mypointsofview #womaninphotography #lookingglass #creativityfound #createexplore #passionpassport #travelphotography #traveljapan #mirrorshot #skyview #skyreflection #createcapture #instadaily #instagood #mobilephotography #iphonography #iphonographer

[meem-didi]

Week 7 Assignment Refinement 

Exploring merging and changing codes to perform different functions.

With Sayjel’s help (big thanks), I manage to change PoseNet code allowing the viewer to see their face while the snowflakes fall and accumulates on the detected face(s).

*Thanks to my beautiful model  @DaniaAbdulkarim

Updated Code#

let video; let poseNet; let poses = []; let skeletons = []; let snowflakes = []; var faceX, faceY

function setup() {  createCanvas(innerWidth, innerHeight);

 video = createCapture(VIDEO);  video.size(width, height);

 poseNet = ml5.poseNet(video, modelReady);

 poseNet.on('pose', function (results) {    poses = results;  });

 video.hide();  faceX = width/2  faceY = height/2

}

function modelReady() {  select('#status').html('Model Loaded'); }

var count = 0 var r = 0.22414 var g = 0.1234124 var b = 0.623623

function drawKeypoints()  {

     if (poses.length > 0){        let keypoint = poses[0].pose.keypoints[0];

       if (keypoint.score > 0.2) {          fill(255, 0, 0);          noStroke();          fill(255)

         faceX = keypoint.position.x          faceY = keypoint.position.y

       }      }

} function bearFace(x,y){

}

function draw() {

 image(video, 0, 0, width, height);

 let t = frameCount / 60;

 for (let i = 0; i < random(5); i++) {    snowflakes.push(new snowflake());  } var diameter = 200

 for (let flake of snowflakes) {    if (dist(flake.posX,flake.posY,faceX,faceY)>diameter/2){     flake.update(t);          }    flake.display();  }

  drawKeypoints()

}

function snowflake() {

 this.posX = 0;  this.posY = random(-50, 0);  this.initialangle = random(0, 2 * PI);  this.size = random(2, 5);

 this.radius = sqrt(random(pow(width / 2, 2)));

 this.update = function(time) {

   let w = 0.6;    let angle = w * time + this.initialangle;    this.posX = width / 2 + this.radius * sin(angle);

   this.posY += pow(this.size, 0.5);

   if (this.posY > height) {      let index = snowflakes.indexOf(this);      snowflakes.splice(index, 1);    }  };

 this.display = function() {    noStroke()    fill(255)    ellipse(this.posX, this.posY, this.size);  }; }

function drawSkeleton() {

 for (let i = 0; i < poses.length; i++) {

   for (let j = 0; j < poses[i].skeleton.length; j++) {      let partA = poses[i].skeleton[j][0];      let partB = poses[i].skeleton[j][1];      stroke(255, 0, 0);      line(partA.position.x, partA.position.y, partB.position.x, partB.position.y);    }  } }

[zamzamcity]

p5.js

캔버스 포지셔닝 참고!

https://github.com/processing/p5.js/wiki/Positioning-your-canvas

애니메이션은 function draw() 에 써야함

random(*number*)과 같은 식으로 쓸 수 있음

circle(x,y,radius)

background();가 draw로 들어오면 초기화가 되는 효과가 됨

원 이동

(전역)변수를 setup에서 선언

도형에 모션을 주려면 function draw에서 변수에 증가되는 값을 입력하면 됨

재밌어보이는 이벤트

acceleration() :  스마트폰을 흔드는 속도에 따라 원의 크기가 달라짐

createCapture() : 오디오나 비디오 같은 입력 정보를 캡쳐함

mouseX, mouseY

mouseIsPressed

function 만들어도 draw에 꼭 다시 불러와야함

변수를 넘겨줄 필���는 없음

[blogforcfcmedialab]

Prototyping

As I was continuing prototyping I was also finishing up the some of the research for my thesis. I was researching this concept of bubble vision. I wanted to somehow highlight that in my prototype. I had another idea while I was prototyping which was to highlight the idea of gender.

The second Idea was to make a menstruating digital double. This got me started with starting to prototype a skeleton. 

I started out by drawing out all the key points of the skeleton. This was to help me draw out the entire frame of the body.

I used this snippet of the code to find a way for the computer to track just the body but it kept picking up many things including my body.

function setup() { createCanvas(320, 240);

// load up your video video = createCapture(VIDEO); video.size(width, height); // video.hide(); // Hide the video element, and just show the canvas bodypix = ml5.bodyPix(video, modelReady) }

function modelReady() { console.log('ready!') bodypix.segment(gotResults, options) }

function gotResults(err, result) { if (err) { console.log(err) return } // console.log(result); segmentation = result;

background(loadImage); image(video, 0, 0, width, height) image(segmentation.maskBackground, 0, 0, width, height)

bodypix.segment(gotResults, options)

}

My research on the idea of bubble vision continuing with this idea of computer vision as a form of vision thats organized around the curvature of the camera. 

I picked up some interesting quotes from this talk. The whole talk can be found

I continued with adjusting the video. I wanted there to be a feeling of a different vision so I added the invert filter on p5.js to the video.

I managed to track the eyes and the nose and then I built a shape which was taking shape to be a camera.

This is where the narrative of my story started coming together.

The thing I learnt here was that I will stick to p5.js with my prototype. I was running out of time to use any other technologies. I will stick to P5.js to see if I can sketch out a complete story.

The story is taking shape as I am making it rather than me sketch it out and then drawing the story out. This is also an important learning that I have had. The research is literally coming out of the making. That is why I chose research through design as one of my methodologies. 

[cre8capture]

Don't forget all designs can be customized for your needs! I had a customer ask for the "We Are Diamonds Taking Shape, Coldplay, Gold Diamond Wall Art" in A3 size and I was happy to do it! 💎Need something bigger or smaller than the design listing? Just ask! http://ow.ly/STqs309VFBf #etsy #etsyseller #etsyshop #etsyelite #coldplay #wallart #wearediamonds #digitaldownload #customdesign #customorder #printable #diamond #gold #lyrics #music #modernart #justask #createandcapture #createcapture

[takaaki-ishikura]

#makeportraitsmag #creativephotography #createcapture #fujifilmxseries #excellent_portraits #fujifilm #lifewithx #lovers_nippon_portrait #portrait #portrait_ig #portraitgirl #portraitmood #makeportraitsmag #essence_look_over #excellent_portraits #jj_portraits #japanesegirl #japan_daytime_view #instagood #icu_japan #moodygrams #indies_gram #モデル募集 #shotzone #shotoftheday

[takaaki-ishikura]

#portrait #portraits #portrait_vision #portraitoftheday #portraitmood #portraitphotographer #portraits_ig #pursuitofportraits #pasha_magazine #excellent_portraits #fujifilm #fujifilmxseries #作品撮り #ファインダー越しの私の世界 #被写体募集 #fujifilmxseries #fujifilm #createcapture #creatandcapture #instavsco #instamood #instagood #indygrammers #ポートレート #portrait_shots

[takaaki-ishikura]

#portrait #portraits #portrait_ig #pasha_magazine #creativephotography #createcapture #vscolovers #vogue #vscgoodshot #excellent_portraits #creativephotography #japan_daytime_view #good_portraits_world #fujifilm #fujifilmxseries #portraitphotographer #作品撮り #被写体募集 #ポートレート #lifewithx #lookslikefilm #lovers_nippon_portrait #関西写真部share#portraitmood #portraitvision#shotzone #portraitgames #portrait_vision #pursuitofportraits #portraitgirl #makeportraitsmag

[truevisionphotos]

This shot is from the southern shores of Oahu Hawaii. The weather reports were not really looking great for the entire week I am going to be here so jet lagged and all I woke up at 2:30 am on my first day in Hawaii and headed down the shore line. Enjoy! * #longexposure_shots #nightimages #nightshooterz #nightshooters #nightpics #milkywaygalaxy #astrophotography #ccb_creatives_2018 #astro_photography_#astro_photography #longexposure #longexpohunter #longexpo #amazing_longexpo #amazingearth #natgeospace #milkyway #nightscraper #galactic50 #travel #photography #explore #createcapture #super_photolongexposure #alwaysaheadcc #wearealwaysahead #night_excel #igworldclub #amazing_shotz (at Oahu, HI)

[truevisionphotos]

View this post on Instagram

A post shared by Tony Curado (@truevisionphotos)

Jeep Livin Plotagraph!!! Enjoy #jeeplivin #jeepwrangler #jeep #jeeplife #jeepmafia #storm #sunset #clouds #landscapes #longexpo #longexposure #jeepin #createcapture #creative #creativeart #plotagraph #hdr #ig_daily #igworldclub #ig_landscape #igersoftheday #ig_photooftheday

[truevisionphotos]

An epic night in Rhode Island! MW and Beavertail Lighthouse composite! I took the lighthouse at blue hour and the Milky Way was tracked later in the night! Enjoy! * #longexposure_shots #nightimages #nightshooterz #nightshooters #nightpics #milkywaygalaxy #astrophotography #astrophoto #astro_photography_#astro_photography #longexposure #longexpohunter #longexpo #amazing_longexpo #amazingearth #natgeospace #milkyway #nightscraper #galactic50 #travel #photography #explore #createcapture #super_photolongexposure #alwaysaheadcc #wearealwaysahead #night_excel #igworldclub #amazing_shotz (at Jamestown, Rhode Island)

[truevisionphotos]

In celebration of the new moon here is a shot from last years trip. This was taken at crater lake in Oregon. This was one of my favorite nights of my trip! Enjoy! * #longexposure_shots #nightimages #nightshooterz #nightshooters #nightpics #milkywaygalaxy #astrophotography #astrophoto #astro_photography_#astro_photography #longexposure #longexpohunter #longexpo #amazing_longexpo #amazingearth #natgeospace #milkyway #nightscraper #galactic50 #travel #photography #explore #createcapture #super_photolongexposure #alwaysaheadcc #wearealwaysahead #night_excel #igworldclub #amazing_shotz (at Crater Lake National Park)

[truevisionphotos]

HWY 550 is called the million dollar HWY not only because that's what they estimated it cost when built in 1800 but also because of the spectacular views! * #longexposure_shots #nightimages #nightshooterz #nightshooters #nightpics #milkywaygalaxy #astrophotography #astrophoto #astro_photography_#astro_photography #longexposure #longexpohunter #longexpo #amazing_longexpo #amazingearth #natgeospace #milkyway #nightscraper #galactic50 #travel #photography #explore #createcapture #super_photolongexposure #alwaysaheadcc #wearealwaysahead #night_excel #igworldclub (at Durango, Colorado)

[truevisionphotos]

One night out on the Mesa. I had planned to head out for a few shots on a nearby lake but as I drove out there I couldn't pass up this shot. This is a single shot and one of my favorite Milky Way shots! * #longexposure_shots #nightimages #nightshooterz #nightshooters #nightpics #milkywaygalaxy #astrophotography #astrophoto #astro_photography_#astro_photography #longexposure #longexpohunter #longexpo #amazing_longexpo #amazingearth #natgeospace #milkyway #nightscraper #galactic50 #travel #photography #explore #createcapture #super_photolongexposure #alwaysaheadcc #wearealwaysahead #night_excel #igworldclub #canonphotography #canon6d (at Durango, Colorado)