Re: 안녕하세요 교수님ㅎㅎ 저희가 왔습니당 홍홍

[SeungBum Kim]

안녕하세요. 김승범 코치입니다.

재밌는 코드를 작성해보셨군요. :)

우선 간단한 힌트부터 드릴께요.

1. 프로세싱에서 색상은 어떻게 표현이 될까요? 숫자일까요? 문자일까요? 아니면 전혀 다른 것일까요? 색상값을 프린트하면 무슨 값이 나올까요?

2. 만약 문자라면 서로 비교할 수 있을까요? 숫자라면 크기 비교를 통해 색상 범위를 알 수도 있겠군요. 문자로 표현된 색상을 숫자로 변환할 수 도 있을까요?

3. 만약 색상의 범위를 비교할 수 있는 방법을 찾았다면 원하는 범위일 때, 어떤 행동을 선택적으로 할 수 있는 방법은 무엇일까요?

조금 더 고민해보시고, 기존에 공유된 문서나 프로세싱 사이트의 정보를 한 번 더 찾아보세요.

고민한 결과를 다시 보내주시면, 더 유용한 힌트나 방법을 알려드리겠습니다.

그리고 될 수 있으면 질문은 수업 메일링리스트로 보내주세요. 그래야 다른 친구들도 참고할 수 있습니다. :)

그럼 수고~ 

2010/12/9 포룽 <ibo...@naver.com>

안녕하세요 교수님ㅎㅎ

건국대학교 혼합미디어디자인 수업을 듣는 정다운,김보람입니다

이번 기말 과제 진행중에 궁금한 점이 생겨서 이렇게 메일을 드립니다ㅜㅜ..

 

저희는 웹캠으로 캡쳐받은 영상의 색깔을 추출하여 4가지의 색깔마다 다른 이미지를 불러오려고 합니다

프로세싱으로만 작업을 하고 웹캠을 불러오는 것까지는 성공을 했는데,, 그 이후로 색깔 추출하는 부분에서 어려움을 겪고있습니다 ㅜㅜ

 

 

 

이런식으로 색깔 추출은 가능해 졌는데 이후 색깔값에 따른 조건을 주고싶을때는 어떻게 해야할까요

 

(예를들어 노랑색이 추출되었을때 여름이미지가

 

 

이렇게 화면 뒷쪽에 띄우고 싶은데 어떤식으로 색깔추출과 이미지로드를 연결시켜야 할까요???

 

 

부디 저희에게 도움을 주세요!!ㅜㅠㅜㅠ엉엉

ㅎㅎ

 

 오늘 날이 많이 추우니 옷 뜻뜻하게 입고 외출하셔요~ 감기조심하세요!ㅎㅎ

--
김 승 범 (SB Kim)
http://piny.cc - PINY (Powerful Idea jourNeY)
Digital Literacy & Communication
010 - 2686 - 6855
http://xenbio.net | http://squeak.kr

[안다혜]

안녕하세요 코치님! 오전반 안다혜&김동은 팀입니다.

저희는 초반과아이디어를 바꾸어 (180도다르게) 진행중입니다.

ㅠㅠ간단히말씀드리자면 600*600의 화면에 30*30의 사각컬러칩을 외곽선없이 20개*20개씩 만들었어요.

그런데  400개 모두 각각의 색을 가지고 있어야하기때문에(그래서 그라데이션처럼 보이게), 

사각칩이 각각 따로여야하는 이유는 그것들이 불었을때 흩어져서 날아가거나 해야하기때문이에요. 

오픈프로세싱에서 컬러에 대한 여러가지 코드를 찾아 짜깁기를 해봤습니닫. 그런데 랜덤값이기 때문인지

색을 고르게 그라데이션으로 깔기가 힘든 것같아요. 그래서 지금 루프인상태로 랜덤색상이 반짝거리는상태입니다.

noLoop을 하면 당연히 랜덤값의 컬러칩이 그냥 정지상태이고요.

배경이 잘 깔려있으면 저희는 아뒤노를 연결해서 마이크로든, 바람개비로든 불기인터랙션을 넣을까 생각중이었는데요..

부디 힌트라도 주시면 감사하겠습니다!1ㅜㅜ

-----------------------프로세싱에서 저희 코드는요..

//int a=0;

float c;

void setup() {

  size(600,600);

  background(255);

}

  

void draw() {

  noLoop();

  for(int y=0; y<=600; y=y+30){

    for(int x=0; x<=600; x=x+30)

      {

        rect(x,y,30,30);

        //for( int a=0; a<width; a++){

        //for( int b=0; b<height; b++){

         // float r = norm(a,0,width);

         // float g = norm(b,0,height);

         // float b = (sin(c)+1)*0.5;

         // stroke(r*255,g*255,b*255);

         // point(a,b);

         // }

       // }

        c=c+0.01;

      noStroke();

      fill(random(255), random(255), random(0));

      rect(x,y,30,30);

      }

    }

  }

 

------------------입니다.

[SeungBum Kim]

이 팀도 우선 접근법에 대한 힌트를 먼저 드리겠습니다.

복잡한 작품을 만들 때에는 먼저 해당 작품의 가장 기본적이고 단순한 표현이 무엇인지를 고민해보고 만들어볼 필요가 있습니다. 그 후에 스케일을 크게 확장해보는 것이죠.

다음과 같은 접근법이 우선 가능하겠네요.

1. 색이 있는 사각형 하나를 만들어본다.

2. 마우스로 클릭을 하면 (혹은 어떤 인터렉션이 있으면) 사각형 하나가 특정 방향으로 이동한다. (예를 들면 0,0으로)

3. 그 사각형이 이번에는 매 인터렉션마다 다른 방향으로 혹은 다른 움직임으로 이동한다. (랜덤을 사용하던가..)

4. 2X2의 총 4개의 사각형을 만들어본다. 

5. 각 사각형의 색상을 다르게 표현한다.

6. 마우스로 클릭하면 네 개 모두가 다른 방향으로 움직인다.

7. 마우스로 클릭하면 네 개 중 하나만 남고 나머지는 각각 다른 방향으로 움직이다.

8. 사각형의 양을 늘려본다.

9. ... 계속 ...

이런 식으로 말입니다. 그 후에 다른 프로젝트를 참고해가면서 원하는 기능을 추가해봅니다.

처음부터 다른 기능의 (그러나 내 의도와 유사해보이는) 프로젝트를 고쳐서 만들려다보면 점점 꼬이기 쉽고 자신의 의도를 온전히 표현하기도 힘들 수 있습니다. 특히 초심자에게는요.. :)

그럼 도전해보시고요, 막히는 부분이 생기면 계속 질문해주세요. 

2010/12/10 안다혜 <dddd...@naver.com>