지구는 우리에게
단 하나뿐인 집입니다.
미디어아트로 그린 Green마음 이야기
미디어아트란?
미디어는 사진, 영화, 광고, 방송 등을 기반으로
빠르게 전파되는 성격을 갖고 있어요.
미디어아트(Media Art)는 미디어와 함께
진화된 융합 예술로 시작되었어요.
미디어아트의 용어는
19세기에 들어오면서 탄생되었고,
20세기에는
컴퓨터의 발전과 맞물려
디지털화되면서 비디오 아트는
미디어아트 라는 넓은 범위로
존재하게 되었어요.
즉,
미디어아트는 기술을 매개로 삼는
예술을 뜻해요.
더 나아가,
기술과 디지털 기반의 융합적 미디어아트는
관객이 어떤 행동을 하는지에 따라
큰 변화 가져오기도 해요.
즉, 작품과 감상자 간의 상호작용성은
미디어아트의 핵심이에요.
아직 의견이 분분하지만,
미디어아트의 특성은
주로 6가지에요
1. 상호작용성
2. 네트워킹(연결망)
3. 스토리텔링
4. 공감각(촉각,시각,청각)
5. 가상공간을 포함한 공간 확장
6. 하이퍼미디어의 복잡성
들이 있어요.
컴퓨터 언어를 기반으로 한 예술작품으로,
다양한 형태의 미디어아트가 있어요.
다음의 예시를 감상해볼까요
미디어아트 예시1
미디어아트 예시2
미디어아트 예시3
미디어아트 예시4
미디어아트 예시5
미디어아트 예시6
코딩이란?
컴퓨터가 이해하는 컴퓨터 언어인 '코드' 를 입력하여,
기계가 작동할 수 있게 하는 과정이에요.
코딩 프로그램의 종류는?
Java JavaScript Python C# C++
swift processing PHP ......
processing 이란?
MIT 미디어 연구소에서 케이시 리아스와 벤 프라이 교수가 만들었으며,
시각적 개념으로 프로그래머가 아닌 사람들에게 교육할 목적으로
뉴미디어 아트, 시각 디자인 공동체를 위해 개발한
오픈 소스 프로그래밍 언어이자 통합개발환경(IDE)이에요.
processing 의 장점 3가지에요.
1. 쉽다
2. 재미있다
3. 오픈 소스이다
processing 스케치 사용법
실행
정지
1. 코딩 작문의 개념
출처: Casey Reas, Ben Fry (2014). Processing. (MIT)를 재구성함.
void setup : 스케치를 실행했을 때 최초 한 번만 그 내용이 실행이 됩니다.
void draw : 매 프레임마다 함수 내의 내용이 계속해서 실행이 됩니다.
아래의 코드를 복사하고 실행해 보세요.
1번: 무지개색 선 드로잉 코드
TIP. 마우스 커서 누른상태에서
드로잉 가능함.
TIP. 스페이스바 누를 때마다,
랜덤 무지개색으로
바뀌어 드로잉 가능함.
TIP. 키보드 자판에서
-버튼 누르면 선 얇아짐,
+버튼 누르면 선 굵어짐
2번: 검은색 선 드로잉 코드
TIP.마우스 커서를 누른상태에서
검은색으로 드로잉 가능함.
TIP. 키보드 자판에서
-버튼 누르면 선 얇아짐,
+버튼 누르면 선 굵어짐
int brushSize;
color brushCol;
void setup() {
size(1000, 700);
background(255);
brushSize = 40;
}
void draw() {
if (mousePressed){
stroke (brushCol);
strokeWeight(brushSize);
line(pmouseX, pmouseY, mouseX, mouseY);
}
saveFrame("frame_01/####.png");
}
void keyPressed(){
if (key == '-'){ // decrease brush size
brushSize -= 5;
} else if (key == '=') { // increse brush size
brushSize += 5;
} else if (key == 'r') { // refresh screen
background(255);
} else if (key == ' ') {
brushCol = color ( random(255), random(255), random(255)); }
brushSize = constrain(brushSize, 5, 100);
}
배경의
사이즈와 색을 바꿀 수 있어요.
int brushSize;
void setup() {
size(1000, 700);
background(255);
brushSize = 40;
}
void draw() {
if (mousePressed){
stroke(0);
strokeWeight(brushSize);
line(pmouseX, pmouseY, mouseX, mouseY);
}
saveFrame("frame_01/####.png");
}
void keyPressed(){
if (key == '-'){
brushSize -= 5;
} else if (key == '=') {
brushSize += 5;
}
brushSize = constrain(brushSize, 5, 100);
}
멸종위기 생물들이에요
여러분 드로잉 그림을 그려보세요
화이팅!
원하는 이미지를 검색하여,
코딩 그림그리기에 활용하세요.
