프로세싱 언어

정기철

경북대학교컴퓨터공학과에서석사와박사학위를취득했다.현재는숭실대학교IT대학글로벌미디어학부교수로재직중이며,인공지능과HCI(Human-ComputerInteraction)등의분야를공부하고있다.급변하는IT환경속에서단순히지식이나기술의전달및암기위주의공부를하는것보다기본적인원리에대한이해,문제해결방법등이더중요하다고느끼며이를위한수업방법및저서를개발하기위해노력하고있다.저서로는『체험!자료구조』(연두에디션,2018),『컴퓨터구조』(연두에디션,2018),『그림을그리며배우는프로세싱언어』(숭실대학교출판부,2017),『게임을만들며배우는C언어』(홍릉과학출판사,2016),『체험인공지능』(홍릉과학출판사,2016),『게임을만들며배우는프로세싱기초』(홍릉과학출판사,2016)등이있다.

머리말

CHAPTER01아름다움
하드웨어의아름다움
소프트웨어의아름다움
데이터의아름다움(데이터의시각화)
프로그램코드의아름다움

CHAPTER02프로세싱의기초
비주얼프로그래밍언어
프로세싱언어의특징
컴퓨터프로그래밍기초
프로그래밍의절차
자바,자바스크립트,C,C++,C#등과비교
프로세싱프로그래밍시작
프로세싱다운하기
프로세싱개발환경:ProcessingDevelopmentEnvironment(PDE)
프로레싱처음시작하기:화면에원그리기
프로세싱의프로그램“실행방식3가지”
프로세싱에서의“프로그래밍방식2가지”
관련사이트소개
프로세싱프로그래밍할때의팁
공그리기
원그리기
디버깅(De-Bugging)하는방법
기본도형들
좌표
함수에대하여
직접해보자
공움직이기
변수(variables)와데이터타입(datatypes)
변수의사용
시스템변수
출력문
제어문
for반복문
while반복문
조건문:if,else,elseif
if문예:공움직임수정
다양한연산자
연산자의종류
연산자의우선순위
함수(function)
지역변수와전역변수

CHAPTER03그림그리기
선을그리자
선에색상을부여하자
기울어진선
한점을중심으로선을펼쳐보자
랜덤한선그리기
박스로그림그리기#1
[참고]간단한수학
덧셈,뺄셈,곱셈,나눗셈
삼각함수
배열과반복문
박스로그림그리기#2
배열을이용한색상팔레트사용
원그리기:극좌표계

CHAPTER04그림움직이기
하나의선을움직이기
여러개의선움직이기
움직이는(커지는)원:#1
움직이는(커지는)원:#2(여러개의원)
PVector자료형에대한설명
움직이는원:#3(원이움직이는궤적을설정하자)
움직이는원:#4(랜덤한위치로계속움직이게하자)
움직이는원:#5(연속적인목적지를순환이동)
도형의변환(transformation)
도형그리기
도형이동
도형크기변화
도형회전

CHAPTER05랜덤한변화
내프로그램에변화를주자:랜덤함수
선에랜덤노이즈를첨가해보자
삼각함수:선에삼각함수를이용해서변형을해보자
삼각함수:물결처럼요동치는선
랜덤선을이용한그림그리기#1
랜덤선을이용한그림그리기#2

CHAPTER06인터랙션
마우스:마우스위치따라다니기
마우스:화면의중심에서마우스위치까지선분그리기
마우스:마우스주위가어두워지는화면
마우스:여러원들중에서마우스위치의원커지기
마우스:마우스의움직임속도
마우스:마우스클릭으로제어하기
마우스:1차원배열을이용한버튼클릭
마우스:2차원배열을이용한버튼클릭
키보드:1인용
키보드:2인용
시간에따라주기적(반복적)인행동

CHAPTER07필터적용하기
이미지픽셀하나씩조절하기
이미지의픽셀접근하기
그림파일사용하기
이미지움직이기
[참고]객체지향프로그래밍에대한소개
컬러이미지를흑백으로변경하기
이미지전체를밝게만들자:얼굴을하얗게만드는효과연출
이미지픽셀변경하기
이미지영역조절하기
블러링
필터모양을마음대로사용하자
필터에의한다양한효과
프로세싱의내장필터들

CHAPTER08글자의아름다움:폰트(font)
다양한폰트출력
ASCⅡArts

CHAPTER09프로그래밍의아름다움:프랙탈
재귀함수예제:몬드리안작품
재귀함수예제:나무
재귀함수예제:나무응용

CHAPTER10객체지향프로그래밍
절차적(procedural)프로그래밍과객체지향(object-oriented)프로그래밍비교
객체지향프로그래밍기본
[핵심]클래스
[핵심]클래스를이용한객체지향프로그래밍절차소개
클래스정의
클래스의객체인스턴스생성
객체인스턴스사용
[핵심]멤버함수를가진가장간단한예제
[핵심]멤버변수를추가하자
[핵심]도형을2개그리는경우
[핵심]생성자(constructor)를사용하자
사각형을100개만들어보자
함수의오버로딩(overloading)
상속(inheritance)

CHAPTER11파티클(particles)
ArrayList자료구조사용법
파티클구현

CHAPTER12멀티미디어
사운드:Minim라이브러리
동영상재생
자신의프로그램실행화면을프레임단위로저장
자신의프로그램실행화면을동영상으로저장
기타다양한라이브러리들
라이브러리소개
라이브러리사용법
OpenCV:모자를씌우자(얼굴찾기)

CHAPTER13웹에온라인갤러리를만들자
P5.js
프로세싱언어와다른점
P5.js예제

마지막사족

“프로세싱(Processing)”이라는언어는컴퓨터관련학과에서일반적으로처음접하게되는C나Java언어에비해서초보자가쉽게다가갈수있는특성을가지고있어서,예술을비롯한여러분야에서기술적인소프트웨어구현의어려움을덜느끼면서사용되고있는언어다.
요즘은프로세싱(Processing)언어를이용한미디어아트(MediaArts)작품을만드는사람들이많이있다.프로세싱언어가다른고급언어들에비해서는아티스트들이사용하기쉽다는장점덕분인데,그러나아티스트들이스스로프로그래밍을배워서자신의아이디어를화면에그리기에는여전히많은어려움이있다.
이책은프로세싱언어로화면에그림을그리기위한기본적인기법들을차례로소개한다.즉,화면에선이나원과같은기본도형을그리고,이도형들을움직이며,도형에자연스러운변화를부여하고,마우스나키보드를이용해서인터랙션을할수있도록하고,다양한멀티미디어를사용하는등과같은다양한기법들을하나씩소개한다.이러한기법들이아티스트들이모니터화면에그림을그리기위한기본적인도구가될것이다.이책에소개되는기본적인테크닉을바탕으로자신의창의적인작품을만들수있기를바란다.