블로그 이미지
Leeway is... the freedom that someone has to take the action they want to or to change their plans.
maetel

Notice

Recent Post

Recent Comment

Recent Trackback

Archive

calendar

1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
  • total
  • today
  • yesterday

Category

2006-04-11 @아트센터나비
아티스트를 위한 컴퓨터 언어의 이해


4. Processing Print

김수정
서울대 미술대학 디자인학부 조교수
suzung@suzung.com


서울대학교 디자인학부 조교수이다. 국제 미디어아트 비엔날레 (미디어 시티, 서울), 아시아 디지털 어워드(후쿠오카, 일본), 서울 타이포그라피 비엔날레, 뉴욕 디지털 살롱 '97, 브루노 비엔날레(체코), 동경 타이프 디렉터스 클럽(TDC) 등 인터랙티브 미디어 분야의 국제적인 전시회에 초대받은 바 있다. 주요 연구분야는 컴퓨터 영상, 소프트웨어 아트, 그래픽 디자인이다.

그래픽 디자인을 처음 배우면서 시작한 것은 로트링(rotring) 제도용 펜과 자를 사용하여 선을 긋는 것이었다. 그래프 대지(화면 구성을 위해 사용하는 모눈 대지) 위에 0.1mm의 선을 일정한 간격으로 긋는 것은 펜과 자의 각도, 힘의 조절 등의 사용이 바로 되었을 때 가능한 일이다.
1mm 안에 오구(烏口: 가는 선을 그리기 위한 제도용 펜)를 사용하여 10개의 선을 그었다는 오래 전 그래픽 디자이너들의 이야기를 들은 적이 있다. 오늘날의 그래픽 디자이너들은 어도브(adobe)사의 그래픽소프트웨어인 일러스트레이터(illustrator)와 포스트스크립트(post script) 기술을 사용하여 1mm 안에 100 개의 선을 그을 수 있다.
일러스트레이터를 이용한 선 긋기에서 벗어나는 데 10년이 넘게 걸린 것 같다. 소프트웨어 묘법은 케이시 리아(Casey Reas)와 벤 프라이(Ben Fry)가 고안한 컴퓨터 언어인 프로세싱(http://processing.org)을 사용하여 만든 선화(線畵) 시리즈이다. 내가 하고 싶었던 것은 얼만큼 가는 선을 그을 수 있는가가 아니라 선의 본질, 즉 두 점을 연결하기 위한 위치 값과 선의 성격을 규정하기 위한 몇 개의 수치들을 사용하여 그림을 그려보는 것이었다.
"소프트웨어 묘법"이라는 작업에서 나는 프로세싱이 비상업적이고 수평적인 네트워크를 강조하는 소프트웨어라는 점에 착안해 나의 소스코드들도 그림과 함께 실었다. 그다지 특별할 것이 없는 몇 줄의 코드들은 선 그리기가 아니라 선 쓰기의 미니멀한 논리를, 그리고 기술의 탈권위적 사용을 보여주기 위함이다.
http://www.suzung.com




bezier

 sketch_060411a.pde
import processing.pdf.*;

void setup() {
    size(400, 400, PDF, "filename.pdf");
  }

  void draw() {
    //7)
for (int i=1; i<20; i=i+1){
  float rn1y = random(400);
  float rn2y = random(400);
  float rn1x = random(400);
  float rn2x = random(400);
  bezier(100,200, rn1x, rn1y, rn2x, rn2y, 300, 200);
}

    // draw something good here
  }

  void mousePressed() {
    exit();  // important!
  }
 
//size(400,400);
//background(255);

//1)
//point(200,200);
//point(201,200);
//point(202,200);
//point(203,200);

// Maeda instructed to draw your face by points or lines,
//insisting "training"


//2)
//for (int i=0; i<400; i=i+1){
//  point(i, 200);
//    }
//for (int i=0; i<400; i=i+1){
//  point(120, i);
//  }


//3)
//for (int j=0; j<400; j=j+1){
//  for (int i=0; i<400; i=i+1){
//    point(i,j);
//  }
//}


//4)
//for (int i=1; i<200; i=i+1){
//stroke(i);
//line(100,100,300,100);
//line(300,100,300,300);
//line(300,300,100,300);
//line(100,100,100,300);


//for (int i=1; i<400; i=i+2){
//line(0,0,i,400);
//}


//5)
//bezier(0,0,400,0,0,400,400,400);
//for (int i=1; i<400; i=i+1){
//bezier(100,200,200,200,200,0,300,200);
//}


//6)
//float rn = random(10);
//println (rn);




posted by maetel
2006-04-04 @아트센터나비
아티스트를 위한 컴퓨터 언어의 이해

Basic Processing 2

7:00 ~ 7:20     몸풀기
이전 시간에 내준 숙제를 2명 정도 발표해본다. 동기부여는 충분히 되었습니까?
7:20 ~ 7:50     심화된 프로세싱 소개
processing.org 사이트 안에서, 그리고 그와 관련된 링크를 따라 함께 항해해본다. 어쩌면 슬쩍보고 지나쳤을 수 있는 것들에 대한 재발견. 필연적으로 혼자 공부해야 되는 시간이 올 때 의지가 되는 internet 상의 프로세싱과 관련한 많은 자료들.
7:50 ~ 8:00     쉬는 시간
8:00 ~ 8:20     프로세싱 설치.
안되는 사람은 정말 안되는, 프로세싱 설치하기와 관련한 꼭 피해가야 하는 pitfall들. FAQ & Discourse 활용하기.
8:20 ~ 9:00     프로세싱 시동.
가장 간단한 명령어들 소개와 노트북을 준비한 사람들은 직접 따라해 볼 수 있는 시간. 이상과 현실이 사정없이 충돌해 버리는 충격적인 경험.
연습~연습~연습의 중요성.
***준비물 : 여건이 되는 사람은 노트북.



wikipedia  - computer graphics



<Texturing and Modeling: a procedual approach>

assembly.org

cfxweb

Ken Perlin - perlin noise

www.singlecell.org/singlecell.html

www.pcho.net

acg.media.mit.edu - John Maeda

<Design by Numbers> 책, 애플리케이션 <- 프로세싱의 전신
<Creative ...>

generative algorithm -> artificial life

Karl Sims

www.sodaplay.com


terry winograd /wirograd

society of mind
alan kay

siggraph
sigchi
CSL - sony
Merl - Mitzbishi



- ref.

epicure.graffity.net/things/p5

processingblogs.org

www.shiffman.net/teaching/the-nature-of-code

ocw.mit.edu

flight404.com

www.quasimondo.com

www.codetree.org

complexification.net


Ted Chiang <이해> <72 글자>



posted by maetel
2006-03-28
아트센터나비 아카데미 - 아티스트를 위한 컴퓨터언어의 이해

2. Basic Processing (1)

program이라는 단어는 '미리 쓴다'라는 뜻을 지닌 라틴어에서 유래한 말이다. 프로그래밍은 작곡을 하거나 글을 쓰거나 그림을 그리는 것에 맥이 닿아 있다. 프로그래밍에서는 어떤 재현하고 싶은 현상이나 풀어 내야 할 문제가 제기되었을 때 이를 잘 헤아려서 자신이 다룰 수 있는 것들의 네트워크로 환원해 내는 능력이 중요하다. 하지만 그것만으론 충분치 않으며, 현상 또는 문제 자체를 직관적으로 이해하는 인간 고유의 지적인 능력이 가장 중요하다. 이런 의미에서 프로그래밍은 '유리알 유희'이며, 예술 그 자체, 마법과도 같은 힘을 가지고 있다고 생각한다. 이번 강의는 다양한 비유에서 프로그래밍을 바라보고, 환원주의와 전일주의적인 사고방식, 구상과 추상을 넘나들면서 참여자가 직접 글짓기라는 손쉬운 방법을 통하여 프로그래밍이 가지고 있는 다양한 매력을 경험해 볼 수 있는 기회가 될 것이다.

참고문헌
이인식 지음, [사람과 컴퓨터], 까치글방
더글러스 호프스태터 지음, 박여성 옮김, [괴델, 에셔, 바흐: 영원한 황금 노끈], 까치글방
http://en.wikipedia.org/wiki/Computer_program


강사: 최승준
erucipe@hanmail.net
프리랜서 프로그래머로 활동 중이다.
아트센터나비에서 진행한 다수의 교육 프로그램 및 전시에 강사/테크니션으로 참여했다.



7:00 ~ 7:30     프로세싱 소개 및 시연
'프로세싱'이란 무엇인지 간략히 소개하고, 프로세싱을 이용한 프로그래밍 기법을 시연한다. 실제 말을 하는 내용이 즉시 code로 바꿔지는 과정을 통하여 숙련자에게는 스케치 하는 것과 프로그래밍을 하는 것이 닮아 있음을 들어낸다.

7:30 ~ 8:10     프로그래머의 생각 엿보기
그렇다면 어떤 식으로 생각해야 이러한 것이 가능한 것인가?
전일주의와 환원주의 / Divide & Conquer / Scale / 관찰 / 문답법 / 0 & 1 / 기호 / bit & atom / 공감각 등등 다양하고 재미난 이야기들의 네트워크를 통하여 프로그래밍의 얼개에 대한 윤곽을 잡아보는 동시에 이러한 모든 생각들이 가능한 자기자신 안으로 dive해 볼 준비를 한다.

8:10 ~ 8:20    쉬는 시간

8:20 ~ 9:00    언령(言靈)과 프로그래밍
프로그래밍은 언어유희이고, 말은 힘을 가진다. 이제 실제 무엇인가 해보는 시간이다. 참여자는 필기도구를 준비하고, 강사가 제시한 현상에 대하여 나름의 언어, 나름의 Pseudo code로 할 수 있는한 구체적으로 글과 화살표 또는 간략한 그림을 수단으로 기술한다.
완성된 문장을 옆사람과 바꾸어 보고, 몇 명의 문장을 발표도 해본다.
첫번째 수업은 이것으로 마치며, 작성한 내용은 제출한다. (유기명 또는 무기명)
숙제 : Processing을 가지고 자신이 구체화 하고 싶은 현상에 대하여 오늘 수업 내용과 같은 방식을 이용하여 기술해 본다. 자신을 가속시킬 동기찾기의 일환.

*** 준비물 : 필기도구, 종이, 노트북(아날로그 / 디지탈)


rapid prototype (programming)
UX = user experience


 Processing
: an open source programming language and environment as a software sketchbook
(http://www.processing.org)

.pde : processing development environment


> programming

더글러스 호프스태터  <Go:del, Escher, Bach>
: 전일주의 & 환원주의 [인지과학]
cp. 로저 펜로즈 <황제의 >


Reductionism 환원주의 -> Holism 전일주의

- Duality : Wave / Particle
- Ambibalance 양면갈등 (eg. 애증 eg.만화 <총몽>)
- Synesthesia 지적 허용 (eg. '소리 없는 아우성')
- Strange Loop
비트겐슈타인 '가증? 유사성'

        > Reductionist ideas
http://wikipedia.org  - reductionism
: the idea that everything that exist ....


* pivonacci 수열

>      Divide and Conquer : Algorithm
해결가능한 작은 것부터 해결하기 시작하면, 결국 해결하고자 하는 것을 해결할 수 있다.

 >    Atom and Bit : 0, 1 (1 byte로 표현할 수 있는 경우의 수)
정보를 만들어 낸다 - 차이를 만들어 낸다 - 없는 것/ 있는 것의 구별

>      Socratic method
무지의 지
'두려워하지 말지어다'

>       Scope, Scale -(perception) -> Limit
- 하이델베르그의 '불확정성의 원리', 슈뢰딩거의 고양이
-  Universe or Multiverse
- 움베르트 에코 <장미의 이름>



> 언령 -말의 힘

pro - 미리
gram - 언어

- Genesis: God said, let there be light; and there was light.
- 신화, 환상문학 (북유럽 신화)
   > D&D (Dungeon and Dragon) 세계관
   > spell 주문 -> code와 Library
   > magic, alchemy
   > Mantra (eg. Matrix, Ghost in the shell)

    > Pseudo Code
http://en.wikipedia.org/wiki/Pseudo_code
: 프로그램밍 언어의 문법 자체를 몰라도 코딩을 할 수 있다.
eg. flowcharts

     > holistic (<-holism)
eg. 한의학, 동양사상
 - chaos
 - network: 'Locus 법칙' (ref. <링크>)
 - <Emergence> '개미 colony'
 - artificial life
 - swarm intelligence : 간단한 알고리즘을 통해 계 안에서 문제가 저절로 해결/태스크 최적화


> 빛과 그림자의 경계 속으로...

ref. 헤르만 헤세 <유리알 유희>  Glass Bead Game
Das Glaslen
abstact game of all arts and ...


posted by maetel
2006-03-21
아트센터나비 아카데미 - 아티스트를 위한 컴퓨터언어의 이해


1. 내 디지털 화필

예부터 한 번 보는 것이 백 번 듣는 것 보다 낫고, 한 번 해 보는 것이 백 번 보는 것보다 낫다는 말이 있다(百聞이 不如一見이요, 百見이 不如一行).  컴퓨터와 인터넷의 발전은 이 옛 격언의 실제 실행을 가능케해 주었다. 이는 교육 방법에 있어서는 가히 혁명적이라 할 수 있다. '거북이 그래픽스'를 개발한 MIT의 Abelson과 UC 버클리의 diSessa는 거북이 그래픽스의 책 서문에서 500여 년 전 인쇄술이 지식 전수의 장애물을 해소했듯 오늘날 컴퓨터 환경이 인쇄술에 비견할 수 있는 지식 창조의 혁명을 가져온다고 주장했다. 놀면서 배우고 해 보면서 탐험할 수 있는 다양한 양방형성 기능이 바로 교육환경의 새로운 패러다임인 것이다. 이 교육 환경의 개발은 과학과 수학 교육자와 협동하면서 아티스트들이 이바지할 수 있는 새로운 분야이다. 이 강좌에서는 교육 매체로서 컴퓨터 그래픽스와 컴퓨터 시늉내기(simulation)를 어떻게 구현할 수 있는가 하는 가능성을 살펴보려 한다.
 
(* "시늉내기" 는 한국 물리학회가 제정한 simulation 의 한글 용어이다.)

참고문헌
전산물리의 새로운 가능성
주사위만 던져도 열 물리의 기본을 이해할 수 있어요
물리로 배우는 플래시


강사: 이구철
webeditor@namo.co.kr
서울대 물리학부 명예교수
서울대 물리학과를 졸업하고 미국 워싱턴 대학에서 물리학으로 이학박사 학위를 취득했다.
한국 과학기술한림원의 종신회원으로 있다.
온라인에서 플래시를 이용한 물리 강좌를 진행한 바 있으며, 최근에는 미디어와 도구의 창조를 위한 교육용 툴인 프로세싱(http://www.nabi.or.kr/processing/info.html)을 활용하여 물리 공식의 시각화에 관심을 갖고 강좌를 준비 중이다.


Visualization, Interactivity and Simulation - An Overview

2세대 컴퓨터 매니악의 첫 응용사례 - [열물리] 상전이온도 계산
1950s 논문 <몬테카를로 시뮬레이션>


Visualization의 중요성
- 청각 신경세포 2만개
- 소리, 말(1D; linear)
- 시신경 갯수 원뿔 640만개(색채) / 막대 1200만개(명암) - photon 한 개를 탐지할 수 있을 정도의 민감도
- g형상, 색 (3D; non-linear)


Historical view
- 활자 발명 - 지식전파의 새로운 기원 (인쇄술)
- 애덤 스미스 <국부론>(1779) : Prison vs. School -> 교육에 의한 교화 강조
- 의무교육제도의 도입: National Identity, Democratic System
- 산업혁명 - 실용적인 교육


시대적 상황 21c의 turning point
19c>20c 산업혁명 - 기간산업 hardware / 환원주의(reductionism)
20c>21c - software(지식산업,  IT 기술) /전일주의 (holism - multi-disciplinary 통합)


Interactivity and Simulation
eg. Buffon's needle 뷔퐁의 바늘
=> 교육의 효과 높임


Edutainment : Serious Game (교육용 게임)
- To educate, train and inform through educational, military, government, cooperate, healthcare, political, religious, and art games

Educational Games
RTIS (Real Time Interactive Simulation) 실시간 서로작용 시늉내기
ERTIS 교육용 실시간 서로작용 시늉내기
eg. 버스몰이 시늉내기

교육용 게임의 목표
1) 학습 동기 유발 - 재미
2) 염증, 거부감 Mental Block 제거
3) 집중 시간 연장
4) 게임 스코어로 학습 능력 평가


컴퓨터와 인터넷: 새로운 매체
- 새로운 교육 패러다임의 출발점
eg. 거북이 기하학 Turtle geometry - Abelson and DiSessa, MIT : '논다'와 '배운다'의 차이가 사라짐 ('로그'?라는 언어로 만듦)


ERTIS: Transdisciplinary 초분야
- 과학자, 교육자, 아티스트, 프로그래머의 협업
- 아티스틱 디자인 - 끌려야 한다


결론
- interactive engagement : a new paradigm in educational environment
- Drastic change is afoot. You'll have to be flexible and upgradable, but you may actually enjoy what you're doing. - Tom Peters
- 자신의 수요가 있는 시장을 스스로 창출하라. 가능성은 무궁무진하다.

posted by maetel
2006년 봄 아트센터나비 아카데미 -
아티스트를 위한 컴퓨터 언어의 이해


뉴미디어아트의 기본이 되는 컴퓨터 언어를 이해하고, 코드 작업 시 필요한 논리적 개념도 작성을 연습하는 12주 워크샵 프로그램이다. 프로세싱(www.processing.org) (www.nabi.or.kr/processing)이라는 시각예술가를 위한 프로그래밍 환경을 이용하여 프로그래밍의 기초와 여러 가지 응용가능성을 살펴보며, 자신의 아이디어를 컴퓨터가 이해할 수 있는 논리적 형태로 설계하는 과정을 경험해볼 수 있다.

posted by maetel