smileblue

이쁜 확산기

2012-05-05T10:27:41+09:00

물생활도 망하는 지름 길이라고 했던가...

주말을 맞이하여 오늘 이산화탄소가 필요한 수초까지 공수해서 그전의 음성 수초를 제거하고 다시 어항 셋팅을 했다.

어항 다 들어내고 흑사 밑에 거름 깔고 수초를 배치하고 자작 이탄(이산화탄소)까지 만들어 셋팅 끝~

무사히 이탄 만들고 사온 (유리로 되어 있고 꽃모양)확산기 너무 이뻐서 이산화탄소를 뿜고 있는 사진 한컷~

1394 멀티 캠 만들기

2012-05-01T07:42:22+09:00

아마도 국내에서는 판매하지 않고 있는 것으로 알고 있습니다.

저도 뉴욕에 있을 때 구입한 2개가 전부이고 이번에 분해를 해 버렸습니다.

제품은 Unibrain Fire - i 입니다.

카메라를 분해하고 두개를 나란히 놓고 합판에 붙였습니다.

프로세싱에서 테스트 해 본결과. 별도의 2개 프로세싱 프로그램에서 각각 캠을 사용하는 프로그램을 구동 시켰을 때.

본체에서 가까운 캠부터 잡혀 작동을 하게 됩니다.~ 조만간 한 프로그램에 별도의 셋팅 없이 두개가 작동되나 테스트 해봐야 겠네요.~~

스테레오 카메라를 만들었다.. 입체영상을 찍기 위해 만든 것은 아니고. 프로세싱에서 하나의 캠을 사용하고 다른 외부 프로그램에서 캠을 사용하기 위해 부득이하게 두개의 캠을 붙여 놓게 되었다.

사용된 캠은 unibrain의 fire-i 카메라 이다. 1394 포트로 되어 있는 캠으로 USB에 비해 호환성 좋은 장점이다.

그리고 이 캠의 특징은 두 개의 캠을 한 1394 케이블로 묶어서 사용할수 있다는 것이다.

위의 사진과 같이 캠끼리 1394로 연결해 놓았다.

두 캠은 동일 모델로 바코드에 Fire - i 1.2 라고 찍혀 있다.

원래 엄청 싸구려 같은 케이스를 가지고 있는데. 두 캠을 최대한 가깝게 배치하기 위해 분해를 해서 붙여 놓았다.

제품 바코드

지금 보이는 포트에 1394 를 연결하면 한 케이블로 두대 연결이 가능합니다.

확대한 사진

추가로 아답터를 이용한 외부 전원 공급도 가능합니다.

마지막으로 노트북위에 올려 놓을 수 있도록 ㄷ 자 프레임을 넣어 줬습니다. (양면 테입 신공)

이제 작품 테스트가 남았군요 잘 되야 할텐데..

모두들 즐작~~

자신이 코딩한 프로그램 프레임 속도 보기

2012-04-15T03:50:56+09:00

프로세싱에 코딩을 올인하게 되면서 플래쉬나 에펙등의 다른 프로그램에서 만들던 작업이나 영상을 프로세싱으로 만드는 일을 하고 있다.

구현하기 쉬운 툴을 이용해서 좋을 결과물을 얻는 다면 좋겠지만, 인터렉션이라는 특성 때문에 프로그래밍 툴을 이용해서 모션이나 이미지를 제작해야 하는 경우는 제작과정이 순탄하지는 않다.

최근 프로세싱으로 무거운 작업을 하고 있다. 동영상을 돌리거나 full HD 작업을 프로세싱에서 요구하는 것이다. 디스플레이가 대형화되어가고 다양한 콘텐츠들을 인터렉션 작업에 넣고자 하는 요구들이 많다.

코딩을 하면서 영상이나 수많은 파티클 및 배열 이미지를 메모리에 올려서 작동을 하더라도 상당히 속도가 느린 경우가 있다. 버벅 거리는 느낌이 들고 왠지 부자연스럽다고 느껴질때 말이다.

이럴때 frameRate 를 사용하면 효과적으로 어느 부분에서 소스가 느리게 작동 되는 지를 알수 있다.

PFont font; // 폰트 생성
float motion = 0;  // 움직이기위한 전역 변수 선언

void setup()
{
  size(400, 400);  // 화면 사이즈
  font = loadFont("Dialog-24.vlw");  // 폰트 로드
  textFont(font, 12); // 폰트 크기
  smooth();  // 매끄럽게
}

void draw()
{
  background(0);
  ellipse(width/2, height/2, sin(motion) * 200, sin(motion) * 200); // 원 움직이기
  text(frameRate, width - 80, height - 30);  // 현재 프레임 속도 출력
  motion = motion + 0.1;
}

소스를 플레이 해보면 하단에 현재 프로세싱의 작동 프레임이 나온다. 프로세싱의 평균 프레임은 60 프레임 인가보다(?) 박진완 교수님의 도움으로 알 수 있었다.

만약 본인이 코딩한 소스가 무겁거나 하면 저기에 출력되는 프레임 수는 떨어질 것이다.

현재 본인이 만들고 있는 작업에서는 최고 40 프레임에서 최거 15 프레임까지 나온다. 프레임 수가 나오지 않는 부분을 적극적으로 수정한다면 좀더 원활한 플레임 속도를 얻을수 있을 것으로 예상 된다.

구피 3개월째..

2012-04-13T02:43:24+09:00

물생활 3개월째다..

치어들도 왠만큼 자랐고..몇마리는 잡아 먹히고 ㅡㅡ;;

현재..30마리정도 된다..좀더 크면 분양을 시작해야 할텐데...병나지 않고 잘 자랐으면...ㅎㅎㅎ

구피 키우기 일주일째

2012-02-13T09:12:41+09:00

구피 키우기 일주일째.

6마리중 1마리의 암컷이 다시 치어를 낳아서 1자 어항(약30cm)에 치어 약 20 마리와 큰 구피 6마리가 함께 살고 있다.

일주일말에..약 27마리게 되어 버렸다 ㅡㅡ;; 벌써 입양 계획 중이다.

전체 어항의 모습. 후배가 준 야자잎 나무(?)를 넣어서 치어를 보호하고 있다.

(오른쪽 온도계에 있는 것이 야자 뿌리 이다.-다음엔 잎모양도 찍어야 겠군)

뿌리를 크게 찍었다 뿌리 옆를 돌아 다니는 치어 두마리가 보인다.

태어난지 일주일 된 치어들은 겁없이 돌아다니고 있다.(사진에 잘 안보이지만 2마리나 촬영되어있다 ㅡㅡ;;)

성어 옆을 유유히 돌아다니는 겁없는 치어다.(일주일 되었다고 이젠 안먹힌다는 생각을 하는 듯 하다.)

일주일 동안 키웠는데 치어 약 20마리 ㅡㅡ;; 이 상태를 유지한다면 2달 후에는 누군가에게 입양을 해야 한다.

구피 키우기 3일째

2012-02-07T08:04:10+09:00

구피 키우기 3일째 어장 관리중~~

주말에 구피 7마리를 사왔다.

3마리는 스네이크 구피(암놈 2마리, 숫놈 1마리)

4마리는 고급종이라고 되어 있었는데. 레드 턱시도 같다 ㅡㅡ;(암놈 2마리, 숫놈2마리)

1일째

사온지 하루 만에 레드 턱시도가 출산 처음에는 2마리 인줄 알았는데 찾아보니 치어가 8마리 정도 되는 것 같아 우선 쉽게 잡히는 녀석들은 부화통에 따로 넣었는데 2마리는 어른 구피들을 피해 정화스폰지에서 나올 생각을 하지 않는다.

2일째

스네이크 구피 암놈이 어떻게 어항을 빠져 나왔는지 아침에 보니 방바닥에서 용궁으로 가셨다 ㅡㅡ;;

3일째

공기펌프가 너무 시끄러워 무소음으로 구입, 어항 청소를 위해 사이펀 구입

구피 치어들 진짜로 작다 ㅡㅡ;

수초가 없어서 잡지 못한 2마리의 치어들을 위해 공예용 고무 코딩 철사를 굽하게 투척 ㅡㅡ;;

사진에 나온 스네이트 암놈도 출산할 날이 멀지 않았다..^^;;

레드 턱시도..역시 숫놈이 화려하다. 촛점은..ㅡㅡ;;;

막창~

2012-02-07T07:47:20+09:00

지지난주 일요일

동규씨와 건대입구에서 함께한 막창.. 아니 곱창인가 ㅡㅡ;;; 이런 휘발성 메모리..

아무튼 리쌍이 한다는 집이다.. 맛있었는데 후후훗~

SIGGRAPH ASIA 2011 Art Gallery "Scent of Lollipop"

2012-02-06T06:35:43+09:00

Jaejoong Lee (only104@naver.com)

Jin wan Park (jinpark@cau.ac.kr)

http://smileblue.co.kr/xe/siggraph_asia_2011

Concept of Artwork
This work represents memories of childhood. A lollipop is one of the world’s most be loved snacks. Although it is common to normal people, a lollipop is not an affordable snack to poor children. This work expresses an imaginary lollipop by a user’s drawing. The candy drawing is printed on a paper having a message on its backside. The message represents memories of childhood. The printer uses fragrance inks to print out an origami with a lollipop shape. The audience carries on art works which have a fragrance and lollipop shape. This is a fake lollipop, however it may represent a hope for everyone.

Publishable Technical Description of Artwork Submitted
This work is made by Processing Language and Flickr API with the Wii remote control. It tracks an infrared light pen for drawing interface. The result of the image will be uploaded to Flickr.com and it will be shared with the world. With Mixing various colors and using different fragrance inks, this work interacts with the audiences.

한빛 미디어 갤러리 Just Draw

2012-01-30T03:15:51+09:00

한빛 미디어 갤러리에서 전시중인 Just Draw 작품이다.

참고링크 http://smileblue.co.kr/xe/324

시그라프 아시아 2011 전시 덕분에 Walking Along New Reeflection 기획전시에 같이 전시를 할수 있는 기회를 얻었다.

잉크에 향기를 넣고 나무 스틱을 추가해서 가지고 돌아 다닐 수 있는 롤리팝 버젼인 Scent of Lollipop으로 전시를 하고

싶었으나 전시 공간의 특성상 이전 버전인 Just Draw 작품으로 전시를 하게 되었다.

그동안 제대 촬영된 사진이 없어서 중복이지만 그렇게 짧은 글과 사진을 올려본다.

을지로 한빛 거리에 있는 한빛 미디어 갤러리.

전시 시간은 오전 10시부터 오후 8시까지 일반 갤러리와는 다르게 조금 늦은 시간 까지 오픈을 한다.

전시 현수막(?) 2월 5일까지..전시한다.

참여작가님들. 영문 이름이 Jaejooong Lee 가 맞는데 Jaejung Lee로 잘못 나왔다..도록도....ㅜㅜ

작품의 인터페이스

팔레트 확대 사진.

출력 메세지창.

보드마커로 만든 적외선 펜 개인적으로 제품으로 나오는 적외선 펜을 사용해 봤으나 디자인면이나 성능면에서 만들어 사용하는것이

더 좋은 결과를 얻을 수 있었다.

로고와 함께 나온 결과 이미지

개인적으로 오랜 애정을 가지고 만든 작품이라 더욱 애착이 가는 것 같다. 이제 슬슬 다음 버전으로 업데이트를 해야 할때 인것 같다.

Sound Visualization~

2011-12-20T18:51:18+09:00

Sound Effect #1 from smileblue on Vimeo.

후배가 Air Doom 이라는 사운드 비주얼라이제이션 작품을 나에게 보여 줬다~.

처음에는 여느 작업과 같이 에프터 이펙트와 프로세싱을 이용해서 제작된 영상이라 생각 했는데..

후배가 말하기를 프로세싱으로만 만들어 진거란다 ㅜㅜ 3D에 퀄리티가 상당히 높은 작품이었다.

(여기에 링크 걸면 비교되니 스스로 찾아 보시길~ ㅜㅜ)

아무튼.

사운드 비주얼라이제이션 다시 말해 소리 시각화는 소리의 값을 시각적으로 표현해주는 것이다.

그렇다고 소리만을 이용해서 영상을 만드는 것은 아니다.

기존적인 모션이 있는 영상에 소리의 여러 요소를 추출해 만들어진 영상에 적용시켜는 것이다.

프로세싱에는 기본적으로 minim 사운드 라이블러리가 제공되고 있다. 사운드의 레벨, 비트 , 스펙트럼등을

추출해서 사용할수 있게 되어 있다. 글아래 나올 소스도 기본적인 모션에 사운드 요소를 적용시켜

영상의 모션에 효과를 더했다.

 import ddf.minim.analysis.*;
import ddf.minim.*;

Minim minim;
AudioPlayer jingle;
FFT fft;
float  angle = 0;
int num = 300;
Effect[] myEffect = new Effect[num];
void setup()
{
  size(500, 500);
  for(int i =0 ; i < num;  i++)
  {
//    myEffect[i] = new Effect(color(random(255),random(255),random(255)), random(0,3), random(0.003, 0.01));
    myEffect[i] = new Effect(color(random(255)), random(0,3), random(0.003, 0.01));
  }
  minim = new Minim(this);
 
  jingle = minim.loadFile("dying.mp3", 2048);
  jingle.loop();
  fft = new FFT(jingle.bufferSize(), jingle.sampleRate());
  smooth();
  noStroke();
  background(255);
}

void draw()
{
  background(0);
  fft.forward(jingle.mix);
  fft.window(FFT.HAMMING);
 
  for(int i =0 ; i < num-1;  i++)
  {
    myEffect[i].add_won_size = fft.getBand(i)/20+2;
    myEffect[i].add_num = i;
    myEffect[i].c_alpha = fft.getBand(i)*5;
    myEffect[i].b =  myEffect[i].b + fft.getBand(i)/200;
    myEffect[i].mix_level = jingle.mix.level()*10;
    myEffect[i].display();
    myEffect[i].drive();
  }
}

void stop()
{
  // always close Minim audio classes when you finish with them
  jingle.close();
  minim.stop();
 
  super.stop();
}

class Effect
{
  float xpos, ypos;
  float won_size;
  float add_won_size;
  float speed;
  float speed_a = 0;
  float b = 0;
  float add_num;
  float c_alpha;
  color c;
  float mix_level;
//  Effect(color temp_c, float temp_won_size, float temp_add_num)
    Effect(color temp_c, float temp_won_size, float temp_speed)
  {
    c = temp_c;
    won_size = temp_won_size;
    speed = temp_speed;
  }
 
  void display()
  {
    if(c_alpha > 10)
    {
    stroke(c, c_alpha/0.8);
    line(width/2, height/2, xpos, ypos);
    }
    noStroke();
    fill(c,40+c_alpha);
    ellipse(xpos, ypos, won_size + add_won_size, won_size + add_won_size);
    fill(c,40+c_alpha);
    ellipse(xpos, ypos, won_size + add_won_size + mix_level*2, won_size + add_won_size + mix_level*2);
  }
  void drive()
  {
    xpos = width/2 + sin(speed_a+(add_num))*(add_num * sin(b));
    ypos = height/2 + cos(speed_a+(add_num))*(add_num * sin(b));
    speed_a+=speed;  // 회전속도
  }
}

나중에 내용좀 보충할께요~

알파(alpha)값을 가지고 있는 색상의 혼합.

2011-11-16T03:09:19+09:00

글 제목이 이상하긴하다.

색상의 혼합?

일반적으로 프로세싱에서 색상의 혼합은 RGB 를 기준으로 이루어지며 colorMode 사용하여 HSB 모드로 사용하기도 한다. RGB라고 해서 화면상에 표시되는 것은 가산혼합을 나타내는 것은 아니면 우리가 물감을 사용해서 혼합하는 감산혼합과 같다. 다만 코딩상에 수치는 가산혼합이 적용된다. 글로 적성하니 이상한 것 같아 소스 코드와 그림을 보도록하자.

color(red, green, blue, alpha);

이렇게 4개의 값이 들어가게 된다. 각각은 빨간색, 녹색, 파란색상 값을 의미한다. 0~255까지 총 256 단계의 값이 들어가게된다. 그리가 마지막은 알파 값의 의미하는 이것도 0~255 단계를 가지며 0 이가장 투명하다.

color(255, 255, 255); // 모든 값이 255 이면 흰색이 된다.

color(255, 0, 0); // 처음 값만 255 이면 빨간색이 된다.

이렇게 색상 값을 지정해서 사용할 수 있다.

프로세싱 상에서 사용할 때도 같은 방식으로 사용하게 된다.

<소스 1>

color a = color(255, 0, 0);

fill(a);

rect(0, 0, 50, 50);

위와 같이 알파 값을 사용하지 않을 때는 색의 혼합이 전혀 문제가 되지 않는다.

다음 예제 소스를 보자.

<소스 2>

color a = color(255, 0, 0);

color b = color(200, 150, 50);

fill(a);

rect(0, 0, 50, 50);

fill(b);

rect(30, 30, 50, 50);

다른 두 색상이 사각형을 겹쳐서 그렸다. 이럴 경우 프로세싱에서 순차적으로 진행되기 때문에 먼저 그려진 사격형위해 노란색 사각형이 덮혀 씌여 졌다. 그렇게 알파(alpha)값을 가지고 있지 않은 색상 혼합은 나중에 그려진 것이 가장 위에 나타나게 된다.

다음 예제를 보자.

<소스 3>

color a = color(255, 0, 0);

color b = color(200, 150, 50 ,150);

fill(a);

rect(0, 0, 50, 50);

fill(b);

rect(30, 30, 50, 50);

두번째 사각형 색상에 알파값이 적용 되었다. 두 사각형이 겹치는 곳을 보도록하자.( jpg파일이라 좀깨져보이는 것은 이해좀..^^;;)

겹쳐지는 곳의 색상값을 어떻게 될까? RGB 모드라고 해서 가산혼합이 이루어지는 것은 아니다 감산혼합이 이루어진다.

get()을 이용해서 겹쳐지는 곳의 색상 값을 알아보자.

<소스 4>

color a = color(255, 0, 0);

color b = color(200, 150, 50 ,150);

fill(a);

rect(0, 0, 50, 50);

fill(b);

rect(30, 30, 50, 50);

float temp_r = red(get(45,45));

float temp_g = green(get(45,45));

float temp_b = blue(get(45,45));

println("red : " + temp_r);

println("green : " + temp_g);

println("blue : " + temp_b);

출력값은

red : 223.0

green : 88.0

blue : 29.0

위와 같게 된다. 두 색상중에 밝은 곳은 모두 낮은 값으로 출력되었다.

이렇게 화면상에서 출력되는 색상값은 get을 이용해서 그 혼합값을 얻오올수 있다.

하지만.

색상의 혼합이 백그라운드에서 일어 났을 경우가 난해 한 경우가 있다.

백그라운드에서 일어 났다는 표현보다는 정확하게는 화면상에 출력되지 않고 메모리 상에서 색상의 혼합이 이루어졌 때를 이야기 하는 것이다.

위의 예제 파일의 a 색상에 해당하는 color(255, 0, 0) 값과 b에 해당하는 알파 값을 가지고 있는 color(200, 150, 50 ,150)의 혼합을 이야기하는 것이다. 화면상에 출력해서 혼합된는 색의 값은 화면에서 그 값을 얻을수 있다.

하지만 코딩 상에서

a+b = ?

는 어떻게 되는 것인가?

<소스 5>

color a = color(255, 0, 0);

color b = color(200, 150, 50 ,150);

float temp_r = red(a+b);

float temp_g = green(a+b);

float temp_b = blue(a+b);

println("red : " + temp_r);

println("green : " + temp_g);

println("blue : " + temp_b);

a+b의 값은

red : 199.0

green : 150.0

blue : 50.0

이것과 같다. 오히려 b의 색상값이 출력된다(??)

이와 값이 화면에 출력하지 않고 혼합된 색상 값을 구하는 것은 쉽지 않다. 실제 적용되는 값은 RGB이고 화면에 나타나는 것은 가산혼합이 아니라 감산 혼합이기 때문일까? 아무튼 쉽지 않은 문제이다. RGB 값을 따로 추출해서 더하면 감산 혼합이 아니라 가산 혼합이된다. 이렇게 되면 화면 상에 출력되는 색상 값이 아니라 말 그대로 가산혼합이 되어 색을 혼합할 수록 밝은 색이 나오는 결과가 된다.

알파 값을 가진 색상의 혼합에 대한 계산 방법은 비주얼 스튜디오 MSDN에서 그 해답 찾을 수 있었다.

http://msdn.microsoft.com/ko-kr/library/e3f5k4xc.aspx

친절하게 한글로 설명해 놓았다...조~~~아~~

GDI+에서 색은 알파, 빨강, 녹색 및 파랑 구성 요소 각각에 8비트씩 모두 32비트로 이루어진 값입니다. 알파 값은 색의 투명도, 즉 색이 배경색과 혼합되는 정도를 나타냅니다. 알파 값은 0에서 255 사이로, 0은 완전히 투명한 색을 나타내고 255는 완전히 불투명한 색을 나타냅니다.
알파 혼합에서는 원본 색 데이터와 배경색 데이터의 픽셀을 혼합합니다. 아래와 같은 공식에 따라 원본 색의 세 가지 구성 요소(빨강, 녹색, 파랑)가 배경색의 각 구성 요소와 혼합됩니다.

displayColor = sourceColor × alpha / 255 + backgroundColor × (255 - alpha) / 255

예를 들어 원본 색의 빨강 구성 요소가 150이고 배경색의 빨강 구성 요소는 100인 경우 알파 값이 200이면 빨강 구성 요소의 결과 색은 다음과 같이 계산됩니다.

150 × 200 / 255 + 100 × (255 – 200) / 255 = 139

뭔가 복잡한 것 같지만..바로 적용해보자.

우선 a와 b의 색상 값을 다시한번 보도록하자.

color a = color(255, 0, 0);

color b = color(200, 150, 50 ,150);

위의 계산식 대로하면.

color sum_red = red(b) * alpha(b) / 255 + red(a) * (255 - alpha(b)) / 255;

color sum_green = green(b) * alpha(b) / 255 + green(a) * (255 - alpha(b)) / 255;

color sum_blue = blue(b) * alpha(b) / 255 + blue(a) * (255 - alpha(b)) / 255;

위와 같이 된다.

최종 소스는

<소스 6>

color a = color(255, 0, 0);

color b = color(200, 150, 50 ,150);

float sum_red = red(b) * alpha(b) / 255 + red(a) * (255 - alpha(b)) / 255;

float sum_green = green(b) * alpha(b) / 255 + green(a) * (255 - alpha(b)) / 255;

float sum_blue = blue(b) * alpha(b) / 255 + blue(a) * (255 - alpha(b)) / 255;

println("red : " + sum_red);

println("green : " + sum_green);

println("blue : " + sum_blue);

이렇게 된다.

출력 값은

red : 222.64706

green : 88.23529

blue : 29.411764

우리가 위에서 얻은 <소스 4 >의 출력 값은

red : 223.0

green : 88.0

blue : 29.0

이다. <소스 4>와 <소스 6>에서 얻은 값이 같다는 것을 알 수 있다.(반올림을 하면)

위의 공식을 이용하게되면 화면에 출력하지 않고 알파 값을 포함한 색의 혼합 값을 얻을 수 있다.

안녕하세요 프로세싱 질문이 있습니다ㅠㅠ

2011-11-14T06:44:25+09:00

안녕하세요 ^^!

질문이 있어서 올릴게요~

아까 만든 자료에다가 삐용삐용 사운드를 넣으려는데

계속 해보는데도 안 되서요...

float theta1 = 0;
float on_off = 0;

void setup() {
size(700,700,P3D);
}

void draw() {
background(0);
stroke(0);

fill(255,255,0);
ellipseMode(CENTER);
ellipse(350,350,200,200);
stroke(255);

fill(0,0,0);
stroke(0);
line(270,300,320,330);
line(380,330,430,300);
strokeWeight(5);

fill(0,0,0);
stroke(0);
line(320,400,380,400);

translate(350,350,1);
rotateZ(theta1);
fill(180, 0, 0 , abs(sin(on_off)*255));

arc(0,0,200,200,0,PI/0.5);

theta1 += 0.1;

on_off += 0.1;
}

여기에 첨부한 사이렌 사운드를 넣으려고 하는데

가르쳐 주실 수 있나요?ㅠㅠㅠㅠㅠㅠ

노이즈(noise)를 만들자!!

2011-11-12T21:28:32+09:00

프로세싱으로 노이지를 만들자!!

학부 때 사진 전공자로서 노이즈라는 단어 조차를 싫어한다.

영상을 찍을때도 어두운 곳의 노이즈는 뭐라 말할 수 없는 답답함을 안겨주었다.

그래서 꼭 CMOS 보다는 CCD 카메라를 선호 하던 때도 생각난다. 심지어는 핸드폰 카메라 까지.ㅎㅎ

아무튼 필요없을땐 꼭 나타나고 필요할 때는 어디에 없나 하는 경우가 있다.

영상을 하는 사람은 영상에 응용해도 되고 이미지에서 갑자기 노이즈 패턴이 필요하신 분들이 사용했으면 좋겠다..

물론 포토샵에서는 "뚝딱!" 하고 만들수 있겠지만.;;;;

위의 이미지에는 블랙/화이트 라고 적었지만 칼라노이즈를 만드는 것도 같기 때문에 소스 코드에 주석으로 처리해 놓았다.

소스를 보자(간단하다 ^0^)

 void setup()
{
 size(600, 600);
}
void draw()
{
  loadPixels();
  for (int i = 0; i < width*height; i++)
  {
//    pixels[i] = color(random(255), random(255), random(255));  // 칼라
    pixels[i] = color(random(255));  // 흑백
  }
  updatePixels();
}

void mousePressed()
{
  save("noise.png");
  println("save");
}

화면의 각 픽셀에 랜덤으로 색상을 넣어면 된다. pixels를 사용하지 않고 point나 rect를 이용해서 만들수도 있다.

이제 영상으로 저장해서 영상편집에 사용하면 된다.

Headphone amp 만들기 - Cmoy

2011-11-07T14:33:59+09:00

Chu moy headphone amp by -antonio

아르두이노 부품 찾으로 돌아 다니가 우연히 헤드폰 엠프 만드는 홈페이지를 찾았다.

http://has.pe.kr 라는 사이트 DIY 엠프의 모든 것이 들어있는 듯하다. 초보자을 위한 설명또한 자세하게되어 있다. 굳~~

컴퓨터 앞에서 작업하는 시간이 많다보니 아무래도 음악을 듣는 일이 많다

일반적으로 스피커도 듣지만 집중을 할때는 이어폰이나 헤드폰을 이용한다. 요즘은 새로 구입한 A8 이어폰을 사용한다.

인터넷에서 헤드폰 엠프는 싼것은 3만원부터 비싼것은 20만원이 넘는 것도 있다.(헤드폰이 3만원인데 ㅡㅡ;;)

자작을 할경우 본인이 가지도 있는 부품에 따라 차이가 있지만 대략 1만원 정도로 제작이 가능하다.

가격도 문제지만 직접사보지 않고서는 성능확인이 불가능하다는 것이 더욱 큰 문제이다. 사용기를 봐도 글로만 본 사용기는

믿을수 없다.

그래서 DIY 헤드폰 엠프를 우연히 검색한 기쁨은 이로 말할수 없다. 자신이 직접 엠프를 만든다는 것도 이로 형용할수 없는 기쁨이다.

하지만 마음만 앞설뿐 전자공학도가 아니고서야 회로도만 보고 뚝딱 하고 만들수 없는 실정이니 하스 사이트의 신정섭님의 도면의 힘을 빌어

다시 한번 도면을 그려보았다.

우선 Cmoy 엠프의 내부 모습이다.(본인이 직접 만든거 아님)

http://www.flickriver.com

아름답지 않은가?? +ㅁ+ 위의 에칭은 하지 않고 만능 기판으로 만들 예정이다. 그리고 위의 사진은 단전원으로 구성한것으로 보이는데 본인은 가상접지를 이용한 양전원으로 제작해서 음질의 향상을 노려 보도록할 예정이다.(신정섭님의 가상접지 사용의 주의 사항은 꼭 읽어보기 바란다!!)

도면이다.

자세한 내용은 첨부한 PDF 파일( cmoy.pdf )을 참고하도록하자

(만들어 보지는 않았지만 하스 회원 분에게 문제없을 것이라는 답변을 받았다.)

본인도 만들어보고 문제시 수정하도록하겠다.

PDF 3페이지 이다.

1page : 단전원 Cmoy

2page : 가상접지를 이용한 양전원

3page : Cmoy 와 가상접지를 합친도면

QR code encoder 를 만들어 보자

2011-11-02T17:47:58+09:00

Pratt에서 "이고르"라는 러시아 분이 계신다.

QR code로 작업을 하는데 QR code를 실시간으로 생성하기 원해서 나에게 프로세싱으로 생성이 가능한지에 대한 문의를 했다.(영어로 이야기 하지만 러시아 어를 듣는 기분이다. ;;;) 자료를 찾다보니 인코더에 대한 정보가 없어서 구글링을 통해 한번 만들어 봤다.

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

QR code는에 대해서는 많은 분들이 잘 알고 있으리라 생각됩니다.

바코드 보다 만은 정보의 데이터를 담을수 있기 때문에 다양한 분야에서 사용되고 있습니다.

프로세싱에도 QR code를 이용할 수 있는 라이블러리가 있습니다. 다니엘 쉐프만이 만든 라이블러리 인데.

이것은 디코더로 QR code를 읽는 라이블러리 입니다.

QR code의 생성과 읽는 것은 다른 부분입니다. 동영상코덱에서도 인코더와 디코더가 따로있습니다. 일반적으로 팟인코더, 바닥인코더, 유마일 인코더 등 동영상의 사이즈나 포멧을 바꾸는 인코더에는 인코더 코덱이 들어 있고 곰플레이어, KMP플레이어에는 이러한 코덱으로 인코딩된 영상을 볼수 있게하는 디코더 코덱이 들어 있습니다.(이상한 곳으로 가고 있군요 ㅡㅡ;)

암튼 개념은 같습니다 그렇기 때문에 QR code에도 QR code를 생성할수 있는 인코더가 있어야 합니다.

구글에서 서치해보니 프로세싱에 맞는 인코더를 찾기 힘들어서 구글의 API를 이용해 보기로 했습니다.

http://code.google.com/intl/ko/apis/chart/infographics/docs/overview.html

여기에 QR코드에관한 설명이 있습니다. API 키 코드 값 없이 사용이 가능합니다.

코드에서 코드 값경로는

https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=생성할 텍스트

여기에서 밑에와 같이 일부만 수정해 주면 바로 QR 코드 이미지 값을 프로세싱에서 받을 수 있다.

http://chart.apis.google.com/chart?cht=qr&chs=150x150&chl=생성할 텍스트&choe=UTF-8.png

원래 코드상에는 .png를 붙이지 않지만 이것을 삭제할 경우 PImage 로 데이터 값을 받을 수가 없기때문에.

붙여줘야만 한다.(구글에서 리턴을 png 파일로 하기때문에 꽁수다 ;;;)

경로 중간에 150은 QR code 이미지의 사이즈 이다.

그럼 소스 코드를 한번 보도록하자.

 void setup()
{
  size(400, 400);
}

void draw()
{
  PImage b;
  String name ="http://smileblue.co.kr";
  b = loadImage("http://chart.apis.google.com/chart?cht=qr&chs=400x400&chl="+name+"&choe=UTF-8.png");
  image(b,0,0);
  noLoop();
}

name 에 코드로 만들기위한 텍스트를 넣어주면 된다.원래 API에서 는 UTF-8 URL 포멧으로 사용하라고 하는데 그냥 사용해도 문제 없이 잘 된다 ㅡㅡ;;;(아마 프로세싱이 UTF-8 인코딩을 사용해서 그런것 같다.)

몇가지 테스트를 했는 데 + % 등 일부 문자는 출력이 되지를 않는다.;;

-, = 등은 문제 없이 출력이 되는데..뭔가 이상하다 UTF -8 인코더를 넣어도 같은 결과물이 나온다.

좀더 살펴봐야 할듯 하다. 그래도 웹사이트나 기타 영문등은 문제 없이 출력된다.