오픈프레임웍스

3. 특징

오픈프레임웍스는 기존의 다양한 라이브러리를 통합하여 손쉽게 사용할 수 있도록 설계되었다. 그래픽에는 OpenGL, 오디오에는 rtAudio, 글꼴에는 프리타입, 이미지 처리에는 freeImage, 비디오 재생에는 GStreamer(리눅스), 퀵타임(macOS) 또는 videoInput(윈도우) 등이 사용된다.^[16]

2004년부터 2005년에 걸쳐 개발이 시작된 오픈프레임웍스는 소리, 빛, 영상, 센서, 액추에이터 등 다양한 기술을 통합하여 표현하기 위한 기반으로 활용되고 있다. 오픈프레임웍스 자체는 각 분야에서 널리 쓰이는 라이브러리들(OpenGL, OpenCV, 소켓 통신 라이브러리 등)을 서로 연결하는 글루 코드(glue code)의 역할을 주로 수행한다. 이는 "코드와 관련된 여러 가지 사항을 훨씬 더 용이하게 해주는 도구"^[14]로 평가받는다. 즉, 자주 사용되는 여러 라이브러리를 묶고, 이를 간편하게 사용할 수 있도록 자체 개발한 기능을 더한 일종의 툴킷이다.

오픈프레임웍스에서 사용할 수 있는 주요 라이브러리와 기능은 다음과 같다.

오픈프레임웍스는 Processing과 유사한 API를 가지고 있어 그래픽을 쉽게 다룰 수 있도록 설계되었다. 필요에 따라 독자적인 셰이더를 구현하는 것도 가능하다. 하지만 Processing처럼 자체적인 IDE를 제공하지는 않는다. 대신 Visual Studio, Xcode, Eclipse 등 기존의 개발 환경을 사용해야 하므로, 개발 환경 설정이 다소 복잡하며 소프트웨어 개발 환경에 대한 지식이 필요하다. 사용 언어 역시 C++로, 코딩 자체에 익숙해질 필요가 있다. 따라서 CG 표현을 주로 다루는 미디어 아트 제작 환경으로서는 초보자부터 고급 사용자까지 포괄하지만, 프로그래밍 입문자에게는 다소 어려울 수 있다. Processing처럼 풍부한 예제가 담긴 API 레퍼런스나 실용적인 샘플 코드가 부족한 편이어서, Processing 사용 경험이 있는 경우 오픈프레임웍스로 전환하는 것이 이해하기 쉬울 수 있다.

오픈프레임웍스는 CG나 이미지 처리를 효율적으로 하기 위해 API가 간소화되어 있다. 다양한 라이브러리를 쉽게 가져와 사용할 수 있는 '''사용 편의성'''과 '''단순성'''을 갖추고 있으며^[14], 사용자가 직접 기능을 확장할 수 있도록 애드온(add-on)을 도입하거나 제작할 수 있다는 점도 특징이다.

공식 웹사이트에는 튜토리얼과 문서(주요 애드온 포함)가 제공되며, 공식 위키도 운영되고 있다. 사용자는 GitHub의 ofSite 저장소를 포크(fork)하여 직접 튜토리얼을 게시할 수도 있다.

4. 설치

오픈프레임웍스는 별도의 IDE를 제공하지 않으며, 특정 설치 과정 없이 소스 코드 형태로 제공된다. 오픈프레임웍스를 사용하기 위한 기본적인 준비 과정은 다음과 같다.

# C++ 개발을 위한 컴파일러를 선택한다.

# 사용 중인 운영 체제에 맞는 컴파일러 및 IDE를 다운로드하여 설치한다.

# 최신 버전의 오픈프레임웍스 릴리즈를 다운로드한다.

4. 1. 운영 체제별 IDE 설치

• '''윈도우''':

• '''맥 OSX''':

• '''리눅스''':

• '''라즈베리파이''':

4. 2. 릴리즈 다운로드

5. 오픈프레임웍스 구조

오픈프레임웍스는 다양한 소프트웨어 라이브러리를 통합하여 제공하며, 이러한 내부 라이브러리의 기능들을 쉽게 사용할 수 있도록 함수와 클래스를 제공한다. 2004년부터 2005년에 걸쳐 개발이 시작되었으며, 현재는 소리, 빛, 영상, 센서, 액추에이터 등 다양한 기술을 통합하여 표현하기 위한 기반으로 활용되고 있다.

오픈프레임웍스 자체는 OpenGL, OpenCV, 소켓(Socket) 등 각 분야에서 널리 사용되는 유명 라이브러리들을 연결하는 일종의 접착제(glue code) 역할을 한다. "코드와 관련된 여러 가지 사항을 훨씬 더 용이하게 해주는 도구"^[14]라고 불리기도 하는데, 자주 사용되는 다양한 라이브러리를 묶고 사용법을 간소화하여 마치 하나의 '풀(pool)'처럼 작동하는 툴킷이다. 이를 통해 그래픽스, 오디오, 폰트, 이미지, 동영상 처리 등 다양한 기능을 쉽게 구현할 수 있다.

공식 웹사이트에서는 튜토리얼을 제공하며(모든 기능을 상세히 다루는 것은 아님), 사용자는 GitHub를 통해 직접 튜토리얼을 게시할 수도 있다. 또한, 공식 웹사이트에는 주요 추가 기능(애드온)을 포함한 문서와 공식 위키가 운영되고 있다.

5. 1. 폴더 구조

5. 2. 코드 구조

• '''main.cpp''': 이 파일은 C++ 컴파일러에게 프로그램 내에서 사용할 리소스를 알려주고, 프로그램을 실행시키는 역할을 한다.

• '''ofApp''': 실제 코딩은 ofApp.h와 ofApp.cpp 파일 내에서 이루어진다. 사용자는 기본적으로 setup(), update(), draw() 함수와 다양한 마우스, 키보드 입력 함수를 사용할 수 있다.
• '''setup()''': 응용 프로그램이 시작될 때 한 번만 실행된다. 주로 변수 선언이나 업데이트가 필요 없는 설정을 초기화하는 데 사용된다.
• '''update()''': 매 프레임마다 계속해서 실행된다. 하지만 화면에 직접 무언가를 그리는 함수(예: ofDrawCircle())는 아래의 draw() 함수 내에서 호출해야 한다.
• '''draw()''': update() 함수처럼 매 프레임마다 반복 실행되지만, 이 함수 안에 작성된 코드만이 실제로 화면에 그림을 그리는 데 관여한다.

공식 웹사이트에는 튜토리얼이 제공되며(모든 기능을 상세히 다루지는 않음), 사용자는 GitHub에서 ofSite 디렉토리를 포크하여 직접 튜토리얼을 게시할 수도 있다. 또한, 공식 웹사이트에는 주요 애드온을 포함한 문서와 공식 위키가 운영되고 있다.

오픈프레임웍스의 라이브러리 폴더 구조는 다음과 같다.

; addons

: 오픈프레임웍스 기본 기능 외에 추가 기능을 제공하는 "애드온"이 들어있는 폴더. 기본 애드온 외에 사용자가 직접 다운로드하거나 만든 애드온을 이곳에 복사하여 사용할 수 있다.

; apps

: 사용자의 프로젝트 파일을 넣는 폴더.

; docs

: 문서 관련 파일이 포함된 폴더.

; examples

: 오픈프레임웍스 사용 예제가 들어있는 폴더. "3d", "video", "graphics" 등 기능별로 분류되어 있다.

; export

• '''libs'''

• '''other'''

• '''projectGenerator'''

• '''scripts'''

5. 3. 헬로 월드 (Hello World) 예제

5. 4. 추가 기능 (addons)

• '''ofxAssimpModelLoader''': 3ds, obj 파일과 같은 3D 모델링 데이터를 불러오고 관리한다.
• '''ofxXmlSettings''': XML 파일을 저장하고 불러오는 기능을 제공한다.
• '''ofxOsc''': OSC 프로토콜을 사용한 통신을 지원한다.
• '''ofxOpenCv''': 인텔의 OpenCV 라이브러리를 활용하여 컴퓨터 비전 기능을 사용할 수 있게 한다.
• '''ofxNetwork''': UDP와 TCP 통신을 이용한 크로스 플랫폼 네트워크 관련 코드를 포함한다.
• '''ofxVectorGraphics''': CreEPS를 위한 내용을 포함한다.
• '''ofxGui''': GUI를 쉽게 만들어 사용할 수 있도록 돕는다.
• '''ofxKinect''': MS가 엑스박스용으로 개발한 키넥트 센서를 사용할 수 있게 한다.

6. 라이선스 정책

오픈프레임웍스는 MIT 허가서에 따라 배포된다. 프레임워크에 포함된 각 라이브러리는 자체 라이선스를 따른다.^[2]

7. 관련 프로젝트

전 세계의 다양한 크리에이터들이 오픈프레임웍스를 사용하여 프로젝트를 제작하고 있다. 주요 프로젝트는 다음과 같다.

오픈프레임웍스는 창의적인 코딩에 중점을 두고 미디어, 하드웨어, 통신을 위한 강력한 라이브러리에 대한 단순화된 인터페이스를 제공한다는 점에서 Processing 언어와 유사하다. 오픈프레임웍스와 Processing의 가장 큰 차이점은 오픈프레임웍스가 Java가 아닌 C++로 작성되었다는 점이다. 사용자는 두 라이브러리 사이에 많은 유사점을 발견할 수 있는데, 예를 들어 Processing의 `beginShape()` 함수는 오픈프레임웍스의 `ofBeginShape()` 함수와 동일한 기능을 한다. 오픈프레임웍스 위키에는 Processing에서 오픈프레임웍스로 전환하는 사용자를 위한 문서도 마련되어 있다.^[12]

또 다른 유사한 프로젝트로는 창의적인 프로그래밍을 위한 C++ 라이브러리 프레임워크인 Cinder가 있다. 주요 차이점은 오픈프레임웍스가 오픈 소스 라이브러리에 더 많이 의존하여 고급 프로그래머에게 더 많은 제어 권한과 투명성을 제공하는 경향이 있다는 것이다. 반면, Cinder는 기반 운영 체제에 내장된 라이브러리에 더 많이 의존하는 경향이 있다.

전 세계의 다양한 크리에이터들이 오픈프레임웍스를 사용하여 프로젝트를 제작하고 있으며, 이러한 프로젝트들을 소개하는 사이트로는 CAN 등이 있다.

8. 한국에서의 활용

(현재 섹션에 해당하는 내용이 원본 소스에 존재하지 않습니다.)

9. 경쟁 프레임워크

오픈프레임웍스와 유사한 목적을 가진 다른 프로그래밍 프레임워크들이 존재한다. 대표적으로 프로세싱과 신더가 있다.

• 프로세싱: 자바를 기반으로 하며, 전자 예술이나 시각 디자인 커뮤니티를 위해 만들어졌다. 오픈프레임웍스는 창의적인 코딩에 중점을 두고 미디어, 하드웨어, 통신을 위한 라이브러리에 단순화된 인터페이스를 제공한다는 점에서 프로세싱과 유사하다. 가장 큰 차이점은 오픈프레임웍스가 C++로 작성된 반면, 프로세싱은 자바로 작성되었다는 점이다. 두 프레임워크 사이에는 문법적으로도 유사한 부분이 많아, 예를 들어 프로세싱의 `beginShape()` 함수는 오픈프레임웍스의 `ofBeginShape()` 함수와 동일한 기능을 수행한다. 오픈프레임웍스 위키에는 프로세싱에서 넘어온 사용자를 위한 안내 문서도 마련되어 있다.^[12]

• 신더: C++를 기반으로 하는 프레임워크로, 주로 고급 시각화 작업에 사용된다. 신더는 창의적인 프로그래밍을 위한 C++ 라이브러리라는 점에서 오픈프레임웍스와 유사하다. 주요 차이점은 의존성 관리 방식에 있다. 오픈프레임웍스는 다양한 오픈 소스 라이브러리에 더 많이 의존하여 고급 프로그래머에게 더 많은 제어 권한과 투명성을 제공한다. 반면, 신더는 운영 체제에 내장된 라이브러리에 더 의존한다. 광고 대행사 The Barbarian Group이 오픈프레임웍스의 등장에 영감을 받아 신더 개발을 시작했으며, 칸 라이언즈의 Innovation Lions 부문 수상으로 업계의 주목을 받았다. 이 과정에서 개발사가 먼저 나온 프레임워크인 오픈프레임웍스를 존중하지 않는 듯한 발표를 하여 논란이 되기도 했다. 신더는 오픈프레임웍스만큼 기능이 광범위하지는 않지만, CG 표현 능력은 동등한 수준으로 평가받는다. 홍보 등의 영향으로 업무 환경에서의 점유율은 오픈프레임웍스보다 높은 편이다. 또한, 신더는 윈도우와 macOS 환경은 지원하지만 리눅스는 지원하지 않는다는 차이점이 있다.

참조

_[1] 웹사이트 Contributors to openframeworks/OpenFrameworks https://github.com/o[...]
_[2] 웹사이트 openFrameworks FAQ http://www.openframe[...] 2016-04-10
_[3] 웹사이트 Drawn https://web.archive.[...] 2022-12-22
_[4] 웹사이트 Zach Lieberman and Golan Levin at NTT ICC http://rhizome.org/e[...] 2022-12-24
_[5] 웹사이트 AUDIO SPACE https://theowatson.c[...] 2022-12-22
_[6] 웹사이트 LASER TAG https://theowatson.c[...] 2022-12-22
_[7] 웹사이트 EYEWRITER https://theowatson.c[...] 2022-12-22
_[8] 간행물 Colors Personal Edition https://coryarcangel[...] 2018
_[9] 웹사이트 'Colors', Cory Arcangel, 2006 https://www.tate.org[...] 2022-12-24
_[10] 웹사이트 Interactive 'Starry Night' Brings The Painting To Life https://www.huffpost[...] 2022-12-24
_[11] 웹사이트 Super Hexagon brings concentric chiptune madness to BlackBerry 10 https://www.engadget[...] 2013-02-10
_[12] 웹사이트 openFrameworks for Processing users http://openframework[...] 2016-04-10
_[13] 문서 openFrameworks 다운로드 http://openframework[...]
_[14] 문서 openFrameworks about http://openframework[...]
_[15] 문서 日本語版オフィシャルウェブサイト http://openframework[...]
_[16] 웹인용 about {{!}} openFrameworks https://openframewor[...] 2023-06-01
_[17] 문서 openFrameworks http://www.openframe[...]