'Research Topics'에 해당되는 글 91건

  1. 2008.03.25 080322 - 첫 모임
  2. 2008.03.25 study계획
  3. 2007.11.17 오늘 시그 공부한 내용
  4. 2007.11.17 11월 10일 유승환 공혜선 전주영 조
  5. 2007.11.03 플래쉬에서의 가속도 운동을 프로세싱에서.. 1
  6. 2007.10.29 2주차 과제
  7. 2007.10.27 2차수업 과제 유승환
  8. 2007.10.27 3주차 강의
  9. 2007.10.20 시그2주차
  10. 2007.10.13 1주차
2008.3.22 (17:30~18:30) 첫 모임 내용

1. 프로그래밍 언어 개요 / 박정은

2. Processing 설치 및 실행법, 간단한 코드실행 / 박동윤
   - http://www.processing.org 의 download 메뉴에서 다운로드 (OS X or Windows)
   - function reference 소개 : http://www.processing.org 의 reference 메뉴
   - reference 에 있는 function 들 사용방법, 설명 보기 (syntax, parameters)
   - triangle() 을 이용한 삼각형 그리기


-----------------------------------------------------------------------------------
과제
-----------------------------------------------------------------------------------
일단 PDF 파일로 책을 보실 수 있으므로 35페이지까지 읽어오는 것으로 하겠습니다.
서문도 한번 죽 읽어보시고13~15 페이지의 setup, draw 나 class 같은 내용들은
나중에 공부할 내용이므로 일단 넘어가셔도 좋습니다.

17 페이지의 Code elements 들은 코딩을 하는데 있어서 기본적인 문법들
(주석 다는법 등등)이 있으므로 꼭 읽어보시고

23 페이지의 Coordinates 는 화면의 좌표계(좌측 상단을 0,0 으로 기준으로 시작한다는 내용들)와 기본적으로 제공하는 함수(function)들 을 설명하고 있으니 꼭 읽어보세요-
화면의 크기를 정하는 size()와 같은 필수적인 함수도 설명이 되어있습니다.

그뒤로 기본적인 도형들 그리는 방법들이 쭉 여러가지 나와있는데
우리가 지난 시간에 해본것처럼 단순히 제공하는 함수들에 좌표값만 넣어줄 뿐입니다.
따라서 전부 동일한 내용들이고요,

35페이지를 보시면 다음과 같이 도형을 여러개 그리되 명암값을  다르게 하여 그리는것을 볼 수 있습니다.
(fill의 값을 다양하게 사용)

     

사용자 삽입 이미지

 

사용자 삽입 이미지

이번주 숙제는 이렇게 화면에 다양한 도형들을 각자 다른 명암값을 주어 자유롭게 구성해보는것으로 하겠습니다. 기본적인 함수 사용법과 좌표계 (원하는곳에 원하는 도형을 그릴 수 있는 능력)를 익히고자 하는거구요, 2D 시간에 브리스톨패드에 열심히 하고 계신 내용을 프로세싱 화면으로 만들어보는것도 좋은 경험이 될 것 같습니다. 화면 사이즈는 자유롭게 하는것으로 하겠습니다.

각자 해온 자신의 작업들을 토요일 세시 모임 시작전에 앞쪽 노트북에 넣어주시고(USB 메모리나 메일등 이용) 어떤 도형 함수들을 써서 어떤것들을 어떻게 그렸는지 발표하고 공유하도록 하겠습니다.

그럼 토요일 세시에 뵙겠습니다 ^^

 

Posted by 알 수 없는 사용자
-1주차 기본
-2주차 max응용(2조)
-3주차 msp응용(3조)
-4주차 jitter응용(1조)
-5주차 자기컨셉 발표 및 reference 매주 develop
-6주차 응용과 활용
-7주차 p.c
-8주차 인풋장치와 연구 및 자기 프로젝트 진행 발표
-9주차 이후 동일 전시때 까지

1조-김정운,김상은,유승환,김남윤,
2조-양정애,김동신,최주영,김기창
3조-이원희,공혜선,변수홍,김수정
Posted by 알 수 없는 사용자
출석
김남윤, 최주영, 양정애, 변수홍, 전주영, 유승환, 김상은, 김후동, //박상현

다음주 과제..

자기만의 시계 만들어 오기
방학끝나고 전시할 작품 컨셉다음주에 발표하도록 해오기.
필수로 해올 것은..  컨셉, 브레인 스토밍, 레퍼런스 가져올 것 ..

다음주 발표  (다시 전에 했던 조대로 다시 돌아가기로 했음)
기창, 정애
프로세싱책 shape2 vertices (69page)

오늘 공부한 내용


//camera


import processing.video.*;

Capture camera;

void setup() {
  size (640, 480);
  colorMode(HSB, 256);
  noStroke();
 

  camera = new Capture(this, width, height, 12);
  loadPixels();
     camera.loadPixels();

void draw() {
   background(0);
   
 for(int y=0 ; y < height ; y+=10) {
    for(int x=0 ; x < width ; x+=10) {
      int pos = (y * width) + x;
      color c = camera.pixels[pos];
      float h = hue(c);
      float s = saturation(c);
      float b = 20 * brightness(c) / 256;
     
      fill(h, s, 256);
      ellipse(x, y, b, b);
    }
  }
}
 
void captureEvent(Capture camera) {
  camera.read();
}




Posted by 알 수 없는 사용자
void setup(){
size(1200,200);
smooth();
background(0);
strokeWeight(2);
colorMode(HSB,100);
}
void draw(){
for(int i = 0; i < width; i++) {
  float h = random(2);
  float s = random(100);
  float b = random(100);
  float a = random(100);
  float x = random(0, width);
  stroke(h,s,b,a);
  line(i, 0, x, height);
}
}


random과 for문에 대해서 배워보는 시간이었습니다.


Posted by 알 수 없는 사용자
저번 주 상현이 형이 알려준 식대로 프로그래밍하는 습관을 들이기 위해 해봤습니다.
=======================================
float mx;
float my;

void setup() {
size(400, 400);
colorMode(RGB, 100);
smooth();
frameRate(25);
}

void draw() {
background(100);
float a = 2.2;// Acceleration

float x = mouseX; //mouse x
float y = mouseY; //mouse y

float dx = x - mx; //distance
if(abs(dx) > 1) {
mx = x - dx/a;//move to mousex
}
float dy = y - my;
if(abs(dy) > 1) {
my = y - dy/a;
}

noStroke();
fill(0);
ellipse(mx, my, 30, 30);

}
====================
이런 식으로 좀더 부드러운 운동을 만들기 위해 공을 또 다른 공이 따라 다니는 것을
만들수도 있습니다. 응용해서 해보시길~
Posted by 알 수 없는 사용자
int value = mouseX;
void setup(){
size(800,800);
colorMode(RGB,255);
frameRate(30);
}
void draw(){
background(255,255,255);
fill(mouseX ,mouseY ,value);
noStroke();
rect(mouseX, mouseY,30,30);

}
void mousePressed() {
if(value == 0) {
value =255;
}else{
value = 0;
}
}
=======================================

int value = 0;
void setup(){
size(800,800);
colorMode(RGB,255);
frameRate(30);
}
void draw(){
background(255,255,255);

fill(mouseX/10,mouseY/10,(mouseX+mouseY)/10);
noStroke();
rect(mouseX, mouseY,mouseX/20,mouseY/20);
}
Posted by 알 수 없는 사용자
PImage a;

void setup() {
  a=loadImage("a.jpg");
  size(200,200);
}
void draw()
{
  background(255,255,255);
  image(a,mouseX-100, mouseY-100);

if(mousePressed == true) {
  fill(200);
  rect(mouseX-100,mouseY-100,200,200);
}else{
image(a,mouseX-100, mouseY-100);
}

}
 

Posted by 알 수 없는 사용자
--출석: 김정운, 김남윤, 전주영, 유승환,변수홍, 최주영, 김동후, 박상현, 양정애, 김아진, 진다 빈


--주제:저희조는 물리적인 현상을 구현해보자는 제안이 나와 공을 topview에서 본듯한 효과  를 만들어 보았습니다.


PImage ball;
int x,y;
float ballSize;
int stayOnHand;

float a,v,s; // a는 가속도 v는 속도 s 는 높이.
// float t;

void setup(){ 
  size(300,300);
  x=y=150;
  ballSize =50;
  a= -9.8;
  v= 0;
  s = 1000;
  stayOnHand = 1;
 
  ball = loadImage("ball.jpg");
}


void draw(){
  background(255);
 
 if (mousePressed == true ){
    if (stayOnHand != 0) stayOnHand = 0;
    else if (stayOnHand == 0) {v=-100;}
     dribble();
    }
 
  if (stayOnHand == 1){
    x= mouseX;
    y= mouseY;
   
  }else if (stayOnHand == 0){
    if (s<=0 ){v=-v-5;s=0;} // 공이땅에 닿은 경우 속도가 reverse, 이때 -5는 마찰에 의한 자연 감속
   // t = t+0.001;
   {
     v = v+ a;
    s = s + v;
   }
  }
 
 ballSize = s/10+10; 
 image(ball, x-(ballSize/2),y-(ballSize/2), ballSize, ballSize); 
}

void dribble(){
  if (mouseX < x && mouseX > x-ballSize/2){x=x+2;}
  if (mouseX > x && mouseX < x+ballSize/2){x=x-2;}
  if (mouseY < y && mouseY > y-ballSize/2){y=y+2;}
  if (mouseY > x && mouseY < y+ballSize/2){y=y-2;}
 
}
ball



-----------------------------------------------------------------------------------

수업중에 한것

 PImage ball;
 boolean isItOnHand;
 int x,y;
 
 float a,v,s;
 float ballSize;

void setup(){
  size(600,600);
  x=y= 300;
  isItOnHand = true;
  a = -9.8;
  v = 0;
  s = 1000;
  ballSize = 110;
  ball = loadImage("ball.jpg");
}

void draw(){
  background(255);
 
  if (mousePressed == true){
    if (isItOnHand == true) isItOnHand = false;
    else{
      if (mouseX >x-ballSize/2 && mouseX < x+ballSize/2)
        if (mouseY >y-ballSize/2 && mouseY < y+ballSize/2)
        dribble();
    }
  }
  
  if (isItOnHand == true){
    x = mouseX;// 마우스 따라 움직임
    y = mouseY;
  }else{
 
    if (s <= 0){v = -v-5;s= 0;}
    v = v + a;
    s = s + v;
    ballSize = s/10+10;
  
    // 공의 높이 계산
  }
 
  image(ball,x-(ballSize/2),y-(ballSize/2),ballSize,ballSize);
 
}

void dribble(){
  v = -100;
  if (mouseX < x && mouseX > x-ballSize/2) x = x+2;
  if (mouseX > x && mouseX < x+ballSize/2) x = x-2;
  if (mouseY < y && mouseY > y-ballSize/2) y = y+2;
  if (mouseY > y && mouseY < y+ballSize/2) y = y-2;
}

Posted by 알 수 없는 사용자
출석: 김정운, 김상은, 김기창, 공혜선, 김남윤, 이정우, 전주영, 유승환
지각: 변수홍, 최주영, 김동후, 박상현, 양정애.
탈퇴: 이석기, 김동석

강의자: 김기창
주제: image, mouse

과제: 1 이미지가 마우스 커서를 따라다니는 거.
        2 표적이 마우스를 따라다니다가 표적을 클릭하면 색이 변하는 것 ( 스케치 size 800*800)
       전시할 자기 작업물 컨셉
전시 컨셉 : 여행

다음주 강의자 : 변수홍, 김남윤, 박상현, 김아진

꼭 주중에 강의 내용을 미리 올려 주세요~~
Posted by 알 수 없는 사용자
processing과 max/msp를 공부할 예정
-1주차 basic programming
=====================================================
출석-양정애,김기창,이정우,김남윤,전주영,최주영,진다빈,이석기,변수홍,김상은,류승환,공혜선
=====================================================
1.기본 프로그래밍에 관해 - p29~32
프로그램에서 사용하는 기호(명칭) - p29
=====================================================
2.메뉴에 관해 - p38~39
=====================================================
3. size (가로,세로);
화면x,y좌표 읽는
문법-첫번째 영어는 소문자 두번째는 때에 따라 대문자
=====================================================
4. point(x, y) line(x1, y1, x2, y2)
=====================================================
5. rect(좌상각의 x, 좌상각의 y, 가로, 세로);
triangle(x1, y1, x2, y2, x3, y3);
quad(x1, y1, x2, y2, x3, y3, x4, y4);
rectMode(CORNER)(CENTER)(CORNERS)
=====================================================
6.ellipce(중심의 x,중심의 y,가로, 세로)
arc(좌상각의 x, 좌상각이 y, 그리기 시작하는 각도,그리기 끝내는 것의 각도)
각도(0~360)

=====================================================
7.curve(x1, y1, x2, y2,x3, y3, x4, y4), bezier…

=====================================================
8.색 RGB,HSB
colorMode(RGB,100)
background
=====================================================
9.stroke,nostroke,strokeWeight
10.fill,noFill
11.smooth,
=====================================================
12.데이터입력법
int=-1,0,1..
float=소숫점 가능
boolean=yes,no,true,false인지 상태 기억
color
width,height
예제로 p63꺼
=====================================================
13.for문

size(200, 200);
colorMode(HSB, 100);
background(100);
for(int i =0 ; i < 100 ; i++) {
line(i, 50, i, width-50);
}

for(int i=0; i <200; i+=2)
——————————————————————————————————
size(200, 200);
colorMode(HSB, 100);
background(100);
noStroke();

for(int y=0; y < 10; y++){
for(int x=0; x < 10; x++){
fill(x*10, 10+y*10, 100);
rect(x*20, y*20, 10, 10);
}
}
=====================================================
14.random문
size(200, 200);
colorMode(HSB, 100);
background(100);
for(int x=0; x float color1 =random(100);
stroke(color1, 60, 100);
line(x, 0, x, height);
}
=====================================================
15.==,!=,&&,||
while은 for문과 비슷

if/else문

size(200, 200);
colorMode(HSB, 100);
background(100);
noFill();

int h;
int s;

for(int i=0; i < 1000; i++) {
float x =random(width);
float y =random(height);

if(x < width/2) {
h =30;
} else {
h=60;
}
if(y > width/2) {
h +=20;
} else {
h-=20;
}
if(x>50 && x < 150 && y >50 && y < 150) {
s = 100;
} else {
s = 40;
}
stroke(h,s,100);
ellipse(x,y,5,5);
}
=====================================================
16.switch-case-default(case에 안들어간 경우)
boolean에 관해

size(200, 200);
colorMode(HSB, 50);
background(50);

int grad_count =0;
boolean grad_change =false;

for(int x=0; x< width; x++){
if (grad_change) {
grad_count--;
} else {
grad_count++;
}
stroke(30, grad_count, 50);
line(x,0,x,height);
if(grad_count % 50 == 0){
grad_change =!grad_change;}
}
=====================================================
17.PImage

PImage image;
image =loadImage(image.jpg);
image(image,0,0);

tint(45,50,50,50)-칼라모드에 따라

=====================================================
18.PFont font =loadFont(asdad.vlw);
textfont(testfont);
text(“”,12,12);

=====================================================


다음 시간은 20일 토요일 6시
Posted by 알 수 없는 사용자