BeninTour

설명

『BeninTour』는 베냉 최대 도시 코토누를 거니는, 브라우저에서 실행되는 3D 산책입니다. 아침에 어린 코코넛야자와 대서양 파도 사이의 코르니슈에서 출발해, 해안을 따라 에투알 루주 로터리까지 갑니다. 가는 길에는 다호메의 여전사들을 기리는 높이 30미터의 청동 아마존 동상, 마리나 궁전, 북 모양의 홀이 있는 팔레 데 콩그레, 붐비는 간히·단톡파 시장 지구를 지납니다. 모든 장소는 현지에서 찍은 사진과 영상을 바탕으로 재현했습니다.

코토누에 한 번도 가 본 적 없는 모든 이를 위한 선물입니다. 대부분의 사람에게 베냉은 지도 위의 이름일 뿐이기에, 제작자는 그들이 실제로 도착할 때처럼 이곳에 닿기를 바랐습니다. 주머니에는 10,000 FCFA가 있고, 제미잔 오토바이 택시가 경적을 울리며 지나가고, 길을 걸으면 인도의 사람들이 “Bonjour!”, “Bon maténé!” 하고 인사를 건넵니다.

캐릭터(성별, 이름, 피부색, 옷)를 만들고 자신의 속도로 탐험합니다. 200 FCFA를 내고 제미잔을 잡아 뒷좌석에 타거나, 추월하고 로터리를 도는 차량 흐름 속에서 직접 차를 몰 수도 있습니다. 노점상과는 텍스트나 음성으로 대화하고, 체력이 떨어지면 먹을 것을 사고, 코르니슈 트랙에서 조깅도 할 수 있습니다. 랜드마크마다 가이드가 실제 역사를 들려주며, 읽거나 들을 수 있습니다.

보물찾기가 산책 전체를 하나로 엮습니다. 도시 곳곳에 다섯 가지 물건이 숨겨져 있는데, 해변의 신성한 개오지 껍데기부터 팔레 데 콩그레 앞의 라피아 가면까지 다양합니다. 수수께끼마다 그 자리에서 실제로 보게 될 광경을 묘사하므로, 자연스럽게 도시를 관찰하는 법을 익히게 됩니다. 찾은 물건을 아마존 동상 발치로 가져와 각 장소에 관한 질문에 답하면 됩니다. 도시는 플레이어 주위에서 쉬지 않고 움직입니다. 시간이 흐르고, 열대성 비가 몰려오고, 염소가 인도를 가로지릅니다. 키보드와 마우스 또는 게임패드로 플레이할 수 있습니다.

행사 전에 이미 코토누의 Three.js 프로토타입이 있었습니다. 네 개의 구역, 3인칭 걷기, 빨간 신호등이 있는 교통, 요금을 내고 타는 제미잔과 자동차, 초기 캐릭터 생성기, 음성 가이드, 노점상과의 대화, 저장 기능, 그리고 Meshy AI로 생성한 모델 세트(아마존 동상, 주차된 제미잔과 자동차, 앉아 있는 노점상 등)입니다. 행사 기간에 새로 추가된 것은 Tripo 관련 작업 전부, 보물찾기, 에투알 루주까지의 타임 트라이얼, 인사를 건네는 행인, 미니맵, 뇌우, 포토 모드, 시네마틱 인트로, 시장 지구, 그리고 캐릭터 생성기의 성별과 피부색 옵션입니다.

Tripo 활용 방식

Tripo가 코토누의 거리에 활기를 불어넣습니다. 플레이어블 캐릭터, 군중, 달리는 오토바이 택시, 그리고 보물찾기 보물 중 네 개가 모두 Tripo에서 나왔습니다.

• 만든 것: 플레이어블 캐릭터 두 명과 군중, 오토바이 택시, 보물찾기용 보물 네 개.
• 제작 체인: Tripo에서 Blender로, 다시 glTF-Transform과 meshoptimizer를 거쳐 Three.js로 이어지며, 단계마다 Playwright 렌더링으로 확인했습니다.
• 82 MB에서 0.8 MB로: 라이더 모델을 82 MB에서 0.8 MB로 줄인 뒤, 추월도 하고 빨간불에 멈추기도 하는 제미잔 27대로 복제했습니다.
• 캐릭터 둘로 군중 전체를: 리깅된 Tripo 캐릭터 두 명이 군중 전체를 채웁니다. 보폭 타이밍을 다시 맞추고, 달리기 동작을 여성 캐릭터에서 남성 캐릭터로 옮기고, 텍스처 색을 바꿔 의상 10종과 피부색 6종을 만들었습니다.