WeChat 미니게임에서 Three.js 3D 인터랙션 구현하기

모바일 메신저 생태계에서 하이퍼캐주얼 3D 경험을 구현하려면, WebGL 기반 렌더링 엔진과 경량 런타임 환경 간의 간극을 메우는 것이 핵심이다. 본 프로젝트는 WeChat 미니게임 플랫폼 위에서 Three.js를 활용해 실시간 3D 콘텐츠를 구동하는 전 과정을 다룬다. 플랫폼 특성과 제약 조건 WeChat 미니게임은 브라우저가 아닌 독자적인 JavaScriptCore/V8 하이브리드 환경 ...

8월 3일 12:49에 게시됨

three.js 지형 데이터를 물리 엔진 트라이메시로 변환하기

요약 three.js场景의 Mesh를 순회하면서 geometry에서 index와 position 데이터를 추출하고, 이 두 배열을 기반으로 물리 엔진의 Trimesh를 생성한다. 배경 현재 웹 기반 MMORPG를 개발 중이며, three.js를 그래픽内核으로 사용하고 있다. 씬 asset은 glTF Binary(.glb) 파일 형식으로 로드한다. 요구사항 three.js는 OimoPhysics와 Ammo.js의 래퍼를 제공하지만, 이 래 ...

7월 23일 05:40에 게시됨

GLTFKit2를 활용한 glTF 2.0 에셋 처리

프레임워크 개요 GLTFKit2는 Objective-C와 Swift 환경에서 glTF 2.0 표준을 다루기 위한 전용 도구입니다. GLTFKit의 후속 프로젝트로서, 보다 확장된 기능과 다양한 Apple 프레임워크와의 연동을 목표합니다. 내적으로 cgltf와 JSMN을 활용하여 JSON 파싱 및 바이너리 처리의 효율성을 높였으며, Model I/O, SceneKit, QuickLook 등과의 상호 운용성을 제공합니다. 프로 ...

5월 21일 09:42에 게시됨