본문 바로가기

프로세싱13

[프로세싱] 랜덤한 위치에 그려지는 원을 선으로 연결 [프로세싱] 랜덤한 위치에 그려지는 원을 선으로 연결하기 함수line()  //  line(선의 첫번째 점 x좌표, y좌료, 선의 두번째 점 x좌표, y좌표)stroke() // 선 색깔fill()strokeWeight() // 선의 굵기 (별도로 지정하지 않을 경우 기본값 1) int x1,y1,x2,y2;int count=0;void setup(){ size(720, 480); background(10,10,100); frameRate(10); x2=0; y2=0;}void draw() { noStroke(); fill(10,10,50,5); rect(0,0,width,height); x1=int(random(width)); y1=int(random(height)); fill(ra.. 2025. 3. 11.
[시각화 p5.js] p5.js 웹 에디터 설치 및 기본 메뉴 사용 [시각화 p5.js] p5.js 웹 에디터 설치 및 기본 메뉴 사용 p5.js프로세싱(processing)의 구문과 규칙을 최대한 준수, 프로세싱의 웹 버전프로세싱은 자바 언어를 기반, p5.js는 자바스크립트 언어를 기반웹 브라우저에서 동작하는 자바스크립트 프레임워크로 시각적인 미디어 아트 작품 또는 컴퓨터와 사용자 사이의 상호작용을 쉽게 구현할 수 있도록 지원로렌 멕카시의 의해 개발이 시작된 p5.js의 첫 번째 베타 버전이 2014년에 출시다양한 기능과 라이브러리 활용 가능​p5.js는 그래픽과 동적 상호작용에 특화된 웹 기반 자바스크립트 프레임워크​프로세싱 processing2011년 MIT에서 개발된 오픈 소스 소프트웨어로 자바 기반으로 한 데스크탑 환경의 언어코딩에 익숙하지 않은 아티스트, 디.. 2025. 3. 11.
[프로세싱] 랜덤하게 숫자 출력하기 + keyPressed() int[] myNum= new int[5];PFont font;int x, y, index, chance;void setup() { size(720, 480); background(255); frameRate(5); //1초에 5번 void draw() 함수를 실행 (별도 지정없을 경우 1초에 60번 반복) myNum[0]=5; myNum[1]=10; myNum[2]=19; myNum[3]=64; myNum[4]=89; printArray(PFont.list()); // 사용 가능한 폰트리스트를 콘솔에 출력 font=createFont("ArailG1", 160); textFont(font); // 폰트 설정}void draw() { chance = int(random(100)).. 2025. 2. 4.
[프로세싱] 랜덤하게 숫자 출력하기 + if/else if # 랜덤하게 출력되는 숫자의 확률을 제어해 보자.int[] myNum= new int[5];PFont font;int x, y, index, chance;void setup() { size(720, 480); background(255); frameRate(5); //1초에 5번 void draw() 함수를 실행 (별도 지정없을 경우 1초에 60번 반복) myNum[0]=5; myNum[1]=10; myNum[2]=19; myNum[3]=64; myNum[4]=89; printArray(PFont.list()); // 사용 가능한 폰트리스트를 콘솔에 출력 font=createFont("ArailG1", 160); textFont(font); // 폰트 설정}void draw() {.. 2025. 2. 4.
[프로세싱] 랜덤하게 숫자 출력하기 + 폰트 지정 # createFont() 폰트 생성하기​PFont 변수이름 --> PFont font ;font = createFont("폰트이름:, 폰트크기) --> font = creatFont("ArialTextG1", 160)int[] myNum= new int[5];PFont font;int x, y;int index;void setup() { size(720, 480); background(255); frameRate(5); //1초에 5번 void draw() 함수를 실행 (별도 지정없을 경우 1초에 60번 반복) myNum[0]=5; myNum[1]=10; myNum[2]=19; myNum[3]=27; myNum[4]=49; printArray(PFont.list()); // 사용 가능.. 2025. 2. 4.
[프로세싱] 시스템 변수 변수명설명width스케치창의 가로 너비height스케치창의 세로 높이mouseX마우스 x 좌표 현재 위치mouseY마우스 y 좌표 현재 위치pmouseX마우스 x 좌표 이전 위치pmouseY마우스 y 좌표 이전 위치key키보드에서 가장 최근에 눌린 키keyCode어떤 특수키를 눌렀는지 체크keyPress키보드의 키가 눌렸는지 체크mousePressed마우스를 눌렸는지 체크frameCount지금까지 처리된 프레임 수frameRate평균적으로 처리된 초당 프레임 수 2025. 2. 4.

티스토리툴바