'Processing/Processing Study'에 해당되는 글 8건

  1. 2010.01.05 Polygon
  2. 2009.07.24 스터디 진행 할 것들.
  3. 2009.04.08 for 문과 배열의 이해
  4. 2009.03.22 mouse rollover
  5. 2009.03.19 마우스 클릭시 사각형 이동
  6. 2009.03.19 마우스 클릭시 배경색 단계적 표현
  7. 2009.01.12 hello, world (4)
  8. 2009.01.09 프로세싱 실행하기 (2)

Polygon

|
사용법 : 키보드의 방향키 상하키를 누르면 꼭지점이 줄어들고 늘어난다.
좌우키를 누르면 크기가 변한다.

문제점 : 다각형의 꼭지점이 늘어날때마다 각을 새로 계산해서 평균각을 구하여 도형이 생성되야하는데...
int width = 320;
int height = 240;
int shapePoint = 1;

int loc = 50;

void setup(){
size(width, height);

smooth();
background(0);
}

void draw(){

background(0);


beginShape();
translate(width/2, height/2);
for(int i = 0; i < 360; i+= shapePoint){
float sinX = sin(radians(i)) * loc;
float cosY = cos(radians(i)) * loc;
vertex(sinX, cosY);
}
endShape(CLOSE);
println(shapePoint);

}

void keyPressed(){
if(keyCode == UP){
shapePoint ++;
if(shapePoint > 120) shapePoint = 120;
}
if(keyCode == DOWN){
shapePoint --;
if(shapePoint < 1) shapePoint = 1;
}
if(keyCode == LEFT){
loc --;
}
if(keyCode == RIGHT){
loc ++;
}

}
저작자 표시
신고
Trackback 0 And Comment 0

스터디 진행 할 것들.

|
프로세싱을 위한 openGL

import javax.media.opengl.*;
import processing.opengl.*;

float a; 

void setup() {
  size(800, 600, OPENGL);
}

void draw() {
  background(255);
  
  PGraphicsOpenGL pgl = (PGraphicsOpenGL) g;  // g may change
  GL gl = pgl.beginGL();  // always use the GL object returned by beginGL
  
  // Do some things with gl.xxx functions here.
  // For example, the program above is translated into:
  gl.glColor4f(0.7, 0.7, 0.7, 0.8);
  gl.glTranslatef(width/2, height/2, 0);
  gl.glRotatef(a, 1, 0, 0);
  gl.glRotatef(a*2, 0, 1, 0);
  gl.glRectf(-200, -200, 200, 200);
  gl.glRotatef(90, 1, 0, 0);
  gl.glRectf(-200, -200, 200, 200);
  
  pgl.endGL();
  
  a += 0.5;
}
프로세싱을 위한 AR

프로세싱 PVector

프로세싱 nature of code

Open Frameworks == 

저작자 표시
신고
Trackback 0 And Comment 0

for 문과 배열의 이해

|
int[][] numbers = new int[10][10];
int sum=0;

for ( int x = 0; x < numbers.length; x++){
  for ( int y = 0; y < numbers.length; y++){
    sum = sum + 1;
    numbers[x][y] = sum;
    println("["+x+"]"+"["+y+"]"+" = "+numbers[x][y]);
  }
}

저작자 표시 동일 조건 변경 허락
신고
Trackback 0 And Comment 0

mouse rollover

|
요즘엔 똑같은 비주얼을 얼마나 다르게 코딩을 해볼 수 있을까하고 의문이 들었다.
간단하지만 롤오버코드를 여러가지로 풀어보았다. 어떤게 좋은 코딩인지는 모르겠으나 전부다 똑같이 동작한다.^^

스터디때 했었던 조건문인 IF를 사용한 간단한 예다.

// 변수 사용
int x;
int y;

void setup(){
  size(200, 200);
  noStroke();
}

void draw(){
  background(255);
  fill(0);
  rect(x, y, 100, 100);
  if( 0 < mouseX && 100 > mouseX && 0 < mouseY && 100 > mouseY){
   x = 0;
   y = 0; 
  }else if( 100 < mouseX && 200 > mouseX && 0 < mouseY && 100 > mouseY){
    x = 100;
    y = 0;
  }else if( 0 < mouseX && 100 > mouseX && 100 < mouseY && 200 > mouseY){
    x = 0;
    y= 100;
  }else{
    x = 100;
    y = 100;
  }
}

// 변수 미사용
void setup(){
  size(200, 200);
  noStroke();
}

void draw(){
  background(255);

  if( 100 > mouseX && 100 > mouseY){
    fill(0);
    rect(0, 0, 100, 100);
  }
  else if( 100 < mouseX && 100 > mouseY){
    fill(0);
    rect(100, 0, 100, 100);
  }
  else if( 100 > mouseX && 100 < mouseY){
    fill(0);
    rect(0, 100, 100, 100);
  }
  else if(100 < mouseX && 100 < mouseY){
    fill(0);
    rect(100, 100, 100, 100);
  }
}
저작자 표시
신고
Trackback 0 And Comment 0

마우스 클릭시 사각형 이동

|
int x = 100;
int y = 100;

void setup(){
  size(200, 200);
  smooth();
  rectMode(CENTER);
}

void draw(){
  background(0);
  rect(x, y, 20, 20);
}

void mousePressed(){
  x = mouseX;
  y = mouseY;
}



저작자 표시 비영리
신고
Trackback 0 And Comment 0

마우스 클릭시 배경색 단계적 표현

|
 int count = 0; // 변수 초기화

 void setup(){
   size(200, 200); // 사이즈 설정
 }
 
 void draw(){
   background(abs(count)); //백그라운드함수에 절대값 count를 설정
 }
 
 void mousePressed(){ // 마우스를 눌렀을때 
   count += 5; // count라는 변수에 5씩 증가
   if (count > 250){ // count가 250보다 크면 
     count *= -1; // count에 -1을 곱해서 음수로 표현
   }
   println(count); // 텍스트영역에서 수치를 확인
 }

마우스를 화면에 클릭할 경우 count가 5씩 증가하여
백그라운 색깔이 검정에서 흰색으로 흰색에서 검정으로 변한다.

저작자 표시
신고
Trackback 0 And Comment 0

hello, world

|
프로세싱에 hello, world를 나타내보자.

다음과 같이 입력해본다.

println("hello, world");

그리고 command+r(mac) 또는 ctrl+r(windows)단축키를 누르거나,
Sketch 메뉴에서 Run을 클릭한다.

텍스트영역에 
hello, world라고 나타난다.

저작자 표시
신고
Trackback 0 And Comment 4

프로세싱 실행하기

|
프로세싱 사이트에서 프로세싱 프로그램을 다운받는다.
http://www.processing.org/

윈도우 버전
맥 버전
리눅스 버전

자기 OS환경에 맞는 버전을 설치한다. 자주 업데이트 되므로 항상 사이트를 방문하는것이 좋다.

<주의사항> 맥에선 자바가 기본 설치되어 있어서 상관없지만, 윈도우에서는 자바를 꼭 설치해야된다.
자바SE다운로드 페이지
그리고 윈도우에서는 에러를 방지하기 위해 사용자이름을 영문으로 합니다.


프로세싱 아이콘을 클릭하면 프로세싱창이 나타난다.

신고
Trackback 0 And Comment 2
prev | 1 | next

티스토리 툴바