태그 : p5js 요약보기전체보기목록닫기

1

[Processing] PImage

PImage img = loadImage("mito.jpg"); //here img is a variable//size(1500, 1500); // dimension of my imagesize(640, 480);image(img, 0, 0, 640, 480); // (img, xpos, ypos, width, height)*PImage bg, rabb...

[processing 3.0] Class Study 조금씩 다른 [얼굴들] 한꺼번에 생성하기

오늘 예제는 얼굴들.오브젝트 오리엔트 프로그래밍의 단계는,각각의 데이터의 값을 일일이 지정하는 것이 아니라,데이터 '군'을 하나의 오브젝트로 취급하여 관리하는 추상화 개념을 사용하는 것.p5js의 array개념과 유사하다.//A typeint row = 5; // 가로열만 지정하는 arrayFace [] faces = new Face [row]; //...

[p5.js] for review, floor function

//task : create 3x3 grid + floor function 이용해서 마우스가 위치한 현재 위치 가시적으로 파악하기function setup(){ createCanvas(301, 301);  background(255);  }function draw(){  for(var j = 0; j <...

[p5js] "Array" Study

var x = [],  y = [],  size = []; // uses 3 "arrays"var colour = 0; //색도 변수로 지정해서 나중에 색 바꿀 때 써먹자function setup() {  createCanvas(400, 400);  for (var i = 0; i < 10; i...

[p5js] 바둑판 그리기

//task: Create 9x9 grid of circles with patterns function setup() {  createCanvas(400, 400);  background(235); // 옅은 회색으로 설정해주고 for(var i = 0; i < 9; i++) // set a for loop with th...

[p5js] Review of the "for" loop and (a) possible error(s)

//task 중심이 같고, 크기가 다른 동심원 9개를 그리고, 그걸 randomize 하기, using the for loop and, of course, variables. //오류 유형 1. 중심이 randomize 되는 경우//오류 유형 2. 중심은 유지 되었지만, 한 번 그려진 동심원의 위치가 randomize  안 되는 경우&...

Study of Lerp 5 OCT 2018

// task: 랜덤 포지션의 오브제1에 다가가면, 색이 바뀌는 오브제2.var x = 0, y = 0;var targetX; //declare first, target X,Y는 랜덤으로 assign 할거니까, 일단 선언만var targetY; function setup() {  createCanvas(400, 400);  t...
1