소재환님의 아티클

Smileface Arcade 개발의 자양분 : 인터랙티브 디자인 수업과 Processing

대학 시절, 인터랙티브 디자인 수업을 통해 처음으로 Processing을 접하게 되었습니다. Processing은 시각적 인터랙티브 프로그램을 쉽게 만들 수 있는 도구로, 저에게 새로운 세계를 열어주었습니다. 이 수업에서 ‘얼굴 인식으로 연주하는 악기’를 만드는 프로젝트를 시작하면서, 지금의 Smileface Arcade를 개발하는 데 중요한 자양분이 되었습니다.

얼굴 인식 악기에서 게임 개발로의 전환

처음에는 얼굴 인식을 통해 악기를 연주하는 아이디어가 신선하고 재미있을 것이라 생각했습니다. 그러나 실제로 구현해보니 기대만큼의 재미를 느끼지 못했습니다. 그래서 ‘재미’에 대해 다시 생각해보게 되었고, 게임이야말로 진정한 재미를 줄 수 있다고 결론지었습니다. 그 당시 유행하던 ’항아리 게임(Getting Over It)’을 직접 즐겨보며 얼굴 인식을 통해 조작하는 조금 더 어려운 게임을 만들어보자는 아이디어로 방향을 전환하게 되었습니다.

배운 점

이 프로젝트를 통해 얻은 배움은 Smileface Arcade 개발의 밑거름이 되었습니다.

1. 반응형 디자인의 중요성: 다양한 디스플레이 사이즈에 맞춰 게임 에셋과 화면 구성을 반응형으로 개발하는 것이 사용자 경험에 매우 중요하다는 것을 깨달았습니다. 이는 다양한 환경에서 게임을 즐기는 사용자들에게 일관된 경험을 제공하기 위한 필수 요소입니다. 이러한 배움은 Smileface Arcade의 디자인에 고스란히 적용되었습니다.

2. 얼굴 인식 인터페이스의 가능성: 처음에는 단순한 재미 요소로 생각했던 얼굴 인식이 실제로 매우 흥미로운 인터페이스가 될 수 있다는 것을 알게 되었습니다. 이 경험은 Smileface Arcade의 얼굴 인식 기능 기반 게임을 개발하는 데 큰 도움이 되었습니다.

3. 프로토타이핑과 개발 경험: 이 프로젝트를 통해 p5.js로 프로토타이핑을 하고, 이를 기반으로 게임 엔진을 활용한 개발, 웹 버전으로 전환하는 과정을 수월하게 할 수 있었습니다.

무엇인가 만들어본 경험들이 녹아있는 Smileface Arcade를 널리 알리진 못하고 있지만, 그간의 경험들을 기록하고 회고하는 일을 더 이상 미루지 않기위해 글을 남겨봅니다.

Smileface Arcade의 탄생 이야기

Smileface Arcade: 미소를 지을 수 있는 모두를

위한 게임공간을 성장시켜나가고 있는 소재환입니다.

이번 글은 개발 배경과 만들며 겪은 시행착오, 앞으로의 포부(?)를 공유드리고자합니다.

제품 개발 배경

Smileface Arcade는 사실 게임을 잘 못하는 저에게 누구에게나 어려움을 주는 게임을 어떻게 만들 수 있을까? 라는 생각에서 시작되었습니다.

얼굴 표정을 이용한 게임 제어라는 아이디어로 간단한 프로토타입을 만들고보니 컴퓨터나 콘솔 기기의 컨트롤러로 게임을 즐기지 못하는 사람들도 게임을 즐길 수 있는 하나의 방법이 될 수 있겠다 생각이 들었고

유니티 기반의 얼굴 컨트롤러 기능을 탑재한 플랫포머 게임 개발을 시작했습니다.

하지만 현업이 개발자가 아니다보니.. 개발도 어려운데 게임의 재미를 위한 기획도 같이하려니 개발 속도가 나지 않았습니다.

기존 게임의 접근성 문제를 해결하고자, 누구나 쉽게 즐길 수 있는 새로운 인터페이스로 즐길 수 있는 게임 경험을 제공하겠다 마음먹었는데, 게임 엔진을 활용한 개발과 게임의 완성도를 높이겠다는 고집에 발목잡혀 있다는 사실을 깨닫고 웹 기반의 얼굴 활용 미니게임 사이트로 개발 방향을 전환하게 되었습니다.

그렇게 마침 디스콰이엇 뉴스레터에 소개된 Cursor와 그간의 개인적으로 즐겁게 진행했던 사이드 프로젝트 경험이 합쳐져 Cursor 시험 이용 기간인 14일의 시간동안 Smileface Arcade사이트를 준비할 수 있었습니다.

개발 과정의 도전과 배움

초기에는 게임 엔진으로 개발해야 한다는 제약 때문에 시간이 오래 걸리고 결과물이 쉽게 나오지 않는 어려움을 겪었습니다. 하지만 사이드프로젝트 경험이 상대적으로 많았던 웹 개발로 방향을 틀게되자 개발의 속도가 급격히 올라가게되었습니다. 너무 뻔하고 흔한 말이지만 경험이나 관심사에 기반해 프로덕트를 개발하는 게 생산성 측면에서도 재미와 의미를 찾는 측면에서도 이롭다는 배움을 얻을 수 있었습니다.

결과와 성과

아직은 뚜렷한 성과가 없지만, 여러 채널을 통해 유저 참여를 늘리려고 하고 있고 얼굴 표정이나 움직임을 이용한 접근성 인터페이스를 활용하고 싶은 곳과 협업을 희망하고 있습니다. 메이커 분들께 홍보나 협업과 관련된 많은 피드백/의견을 듣고 싶습니다.

향후 계획

Smileface Arcade에 현재 게임은 한개뿐이라 더 다양한 게임을 추가하고, 접근성(A11y)뿐만 아니라 국제화(I18n)도 지원할 계획입니다. 지속적인 업데이트와 커뮤니티 피드백을 통해 사용자 경험을 개선해 나가고싶어 디스코드도 만들어두긴 했는데 어떻게 유저를 유입시키고 커뮤니티원으로 참여시킬지 고민이 많이

필요한 상황입니다.

Smileface Arcade에 구글 애드센스로 광고를 붙여 광고 수익도 벌어보자 하고 있지만, 게임의 경험을 해치는 것 같은 걱정도 있습니다. 인터페이스 자체로 다양한 협업이나 시도를 할 기회가 더 많아지면 좋겠네요..!

다음에는 어떤 경험들이 자산이 되어 프로덕트 개발에 도움을 주었는지 공유드려보겠습니다. 감사합니다 !

얼굴인식으로 즐기는 미니 게임 사이트 Smileface Arcade를 만들었습니다.

유니티 기반의 웃상 전설이라는 사이드 프로젝트를 개발하다 멈추고 시간만 흘러가던 중, 올해 초 문득 ‘왜 이런 즐거운 아이디어를 게임 엔진으로만 만드려고 했지?’ 생각이 들어 개발의 방향을 미니게임으로 바꾸고 개발을 시작했습니다. 마침 디스콰이엇 윌리님의 <앞으로 모든 코드의 90%는 AI가 작성할 수 있도록> 뉴스레터를 보고 Cursor로 개발을 시작했고, 3주 정도 쌍퇴근(일퇴/육퇴)후에 짬을 내서 첫번째 게임인 구글 크롬 브라우져의 Dino Run의 웃상 버전을 탑재한 사이트를 완성했습니다.

계속해서 미니 게임 종류만 더 붙이려고 하고 Lagged같은 미니게임 사이트를 꿈꾸고 있습니다.

마침 오늘 구글 애드센스 승인도 받아서 그간 눈팅만 하던 것을 탈피하고 프로덕트에 대한 기록을 남겨보려고 우선 런칭 소식을 전해봅니다.

아무래도 얼굴 인식 모델을 로드해야하고 웹 개발에 전문성이 없는 사람이 만든 사이트라 많은 피드백 의견도 듣고 싶네요. ㅎㅎ

잘 부탁드립니다..!

교육자가 왜 프로젝트를 해야할까?

창작 과정을 공유 하고 싶었지만 아쉽게도 이번 주에는 작업을 많이 하지 못해서 문득 떠오른 교육자가 왜 프로젝트를 해야 되는지에 대한 이야기를 정리해 봤습니다.

저는 교육자의 역할이 현재 아래처럼 변화하고 있고 변화화해야한다고 생각합니다.

지식 전달자 => 배움의 과정 매개/퍼실레이터/촉진자

그러기 위해 교육자 스스로가 프로젝트 과정 경험을 통한 시행착오 과정에 대한 이해가 필요하다고 생각합니다.

여기서 중요한 건 프로젝트 경험을 통해 교육자가 발견한 결과를 만들어내는 방법을 알려 주는 것이 아니라 과정에서 어떤 시행착오를 겪을 수 있는지 공감 해 주고 그리고 그 시행착오를 어떻게 극복 할 수 있는지 지원해 주는 것이라 생각합니다.

물고기를 잡아주는 게 아니라 잡는 법을 알려준다고 해야할까요 ㅎㅎ

그러다보니 저도 이 물고기 저 물고기 잡아보고 싶어 통발도 써보고 낚시대도 써보고 작살도 써보게 되는 것 같습니다.

그러다보니 산만해지고 맺음이 없는 경우도 많았지만

메이커 챌린지에서는 하나에 집중해 열심히 해보려고 합니다.

곧 또 작업 진행 상황 공유드릴게요!

두서 없는 글 읽어 주셔 감사합니다 ㅎㅎ

=====

여러분들의 프로젝트를 하며 얻는 것은 무엇인지 또 교육자의 역할이나 경험하신 교육에 대한 생각도 궁금해지네요. 🤔

메이커로그2. 음악을 위한 00

안녕하세요. 2주차 메이커로그를 올려봅니다.

지난 시간에 저의 아티스트로서의 자아를 키우기 위해 챌린지에 참여했다는 이야기를 공유드렸고 이번 글에서는 그래서 무엇을 하고싶은지에 대해 공유드리고자합니다.

지난번 공유드렸던 목요일 곡 다음 작업을 위해 다른 요일 곡 작업 기획을 하였습니다. 개인적으로 신앙이 있어 일요일은 꼭 홀리하고 경건한 느낌의 곡을 만들 예정이었고 교회나 성당의 공간 분위기나 무드를 느낄 수 있는 곡을 만들기로 결정했습니다.

곡의 컨셉은 정했지만, 누군가가 이 곡을 그냥 듣는 것이아니라 체험해볼 수 있게 만들고 싶다는 생각을 했습니다. (신앙이 머리로 이해하는게 아니라 개인적인 경험을 통해 깊어진다는 생각도 있기 때문이에요.)

그래서 곡을 위한 00을 만드려고 했고 고민하던 중 마침 Teenage Engineering에서 Choir라는 제품을 출시한 것을 보고 제 프로젝트의 방향을 잡을 수 있었습니다.

https://youtu.be/3Pcp0au-IBY

지금 구상중인 것은 언리얼엔진을 통해 3D모델링된 합창단을 실제 컴퓨터 키보드나 MIDI 악기/컨트롤러로 연주할 수 있도록 만드는 것입니다.

이번 주에 작업을 진행한 부분이 있어 다음 로그에 작업 과정을 공유드리겠습니다.

쓰다보니 너무 두서 없는 글이 된 것 같은데, 기록하고 남기는 것 자체가 큰 힘과 원동력이 되는 개인적인 효능감으로 글을 남겨봅니다 ㅎㅎ

메이커로그1. 챌린지에 참여한 이유

저는 현재 약 7년 정도 창의 교육 분야에서 교육자이자 기획자로 활동하고 있습니다. 7년 간 미술관에서 3년, 현재 재단에서 3년을 일하며 개인적으로는 성장에, 정확히는 실질적인 결과를 보고 싶은 욕망(?)을 많이 느꼈습니다.

그래서 한 축으로는 기술을 매개로 활용하는 교육자로서, 또 다른 한 축으로는 기술을 다루는 예술가로서의 자아를 가지고 그 중간에 있는 일을 지속해온 것 같습니다.

이번 챌린지에서는 기술을 다루는 예술가로서의 자아를 키워보려고 합니다.

제가 현재 관심 있는 기술은 리얼타임 3D(게임 엔진을 기반으로 한 다양한 영역에서의 활용) 분야입니다. 그리고 원래 관심 있는 부분은 인터랙티브한 무언가가 있는 미디어 아트입니다.

최근, 예술가로서의 자아를 키우기 위해 곡을 정식 발매했습니다. (https://linksalad.net/5viDjUJoqv , 음원 서비스에 소소와를 찾아보시면 들어볼 수 있습니다. )

그리고 그와 더불어 제 곡 이면에 담긴 서사를 느낄 수 있도록 AR 경험을 설계해 인스타그램과 페이스북 릴스/스토리로 공개하기도 했습니다.

(https://www.instagram.com/ar/715734850146796/)

그래서 이번 챌린지에서는 무엇을 할 것인가를 다음 글에 다뤄보겠습니다.

이번 챌린지 시작 주간에 현업이 너무나도 정신 없이 돌아가는 주간이 겹치다보니 이렇게 틈을 내서라도 기록을 남기려고 하고 있습니다.

이곳에서 이렇게 각자의 도전과 경험, 인사이트, 삶에 대해서 나눠주시는 모든 분들께 감사합니다.

SmileFace.Legend 프로젝트 => SmileFaceSDK까지 여정 정리하기

SmileFace.Legend 프로젝트 => SmileFaceSDK까지 여정 정리하기 1

이 글은 제가 스토브 인디 게임 커뮤니티에 올렸던 글을 재가공한 글입니다.

웃상 전설 게임 창작의 과정을 회고하고, 새로운 창작으로 이어갈 힘을 얻기 위해 기록을 남겨보려고합니다.

"행복해서 웃는 것이 아니라 웃어서 행복한 것이다." -William James

웃는 얼굴의 긍정적 힘을 게임에 활용할 수 없을 지 고민했습니다.

웃음이 적어지는 세상에, 더 많이 웃으며 행복해지길 바라는 마음으로 개발 중입니다!

게임의 본질은 즐거움이라고 생각합니다. 함께 혹은 혼자 웃으며 즐길 수 있는 게임을 만들고자 고민하며 개발을 진행했습니다.

(하지만 결과적으로 주어진 기간 내에는 게임을 완성하지 못했습니다. 대신, 다른 창작자분들도 활용할 수 있는 SmileFaceSDK를 개발해서 오픈소스로 공개하게되었습니다. 게임 개발을 포기한 것은 아니지만, 현업과 또 다른 사이드 프로젝트를 위해 많이 묵혀두고 개발을 진행할 것 같습니다.)

웃상.전설은 더 많은 사람들이 게임을 즐길 수 있도록 얼굴로 컨트롤하는 캐릭터로 즐기는 게임입니다.

키보드, 마우스, 여러 콘솔들의 컨트롤러는 우리의 손에 최적화되어 설계되어있습니다. 하지만 여러 이유로 모두가 컨트롤러로 게임을 원활히 즐길 수 있지는 않습니다. 우리의 얼굴을 활용해 게임을 즐길 수 있다면, 보다 더 많은 사람들이 게임을 즐길 수 있게 될 것이라고 생각합니다.

(실제로 시니어 분들의 피드백이 가장 좋았습니다. 테스트 해본 분들의 모수가 크진 않지만, 자연스럽게 얼굴 근육과 몸을 사용해 간단한 게임을 즐길 수 있어 보는 사람과 하는 사람 모두에게 나름 큰 재미를 주는 것을 관찰할 수 있었습니다.)

웃상.전설은 새로운 대안적 컨트롤러의 가능성을 함께 살펴보고싶은 게임 창작자분들과 함께하고 싶습니다.

우리가 게임 개발에 공통으로 사용하는 입력 값을 얼굴에 매핑해 활용하거나

얼굴 인식의 값을 활용해 뭔가 새로운 아이디어로 게임을 창작해보고 싶은 게임 창작자분들과 함께 하고 싶습니다. 웃상.전설은 얼굴 인식을 활용한 게임의 한 사례로 게임 창작자분들이 얼굴 인식으로 어떤 게임을 만들 수 있을 지 영감을 얻으실 수 있는 힌트가 되었으면 합니다.

(SDK를 개발해 아직은 회사 내부적으로 공유하기만한 상태입니다. 만들고(오픈소스 코드, 라이브러리, 에셋을 한 곳에 정리하고)나니 더 많이 쓰이면 좋겠다 생각은 드네요...ㅎㅎ 게임잼이나 동아리 축제 같은 곳에서 쓰이길 바라는 마음...)

현재 스토브 인디 데모에 얼굴 컨트롤을 체험해볼 수 있도록 초기 프로토타입 버전을 올려둔 상태입니다.

https://indie.onstove.com/ko/games/780