AncomWiki

Roll It: 브라우저 기반 크로스 디바이스 게임 구현 사례

Properties1
description구글 크롬 팀이 개발한 'Roll It'은 스마트폰과 컴퓨터를 연결하여 물리적 동작(스윙)을 게임으로 변환하는 웹 기반 크로스 디바이스 게임입니다. 별도의 전용 하드웨어 없이 웹 브라우저만으로 구현되었으며, 주요 기술 스택은 다음과 같습니다: 1) 스마트폰 측: DeviceOrientation/DeviceMotion API를 통해 가속도 및 방향 감지, 2) 컴퓨터 측: Three.js 및 Physijs를 활용한 3D 렌더링…

11 min read

Roll It: 브라우저 기반 크로스 디바이스 게임 구현 사례

Source

  • Evernote/Technical News/A classic boardwalk game rolls from your phone to your computer—using only your browser.md

Summary

구글 크롬 팀이 개발한 ‘Roll It’은 스마트폰과 컴퓨터를 연결하여 물리적 동작(스윙)을 게임으로 변환하는 웹 기반 크로스 디바이스 게임입니다. 별도의 전용 하드웨어 없이 웹 브라우저만으로 구현되었으며, 주요 기술 스택은 다음과 같습니다: 1) 스마트폰 측: DeviceOrientation/DeviceMotion API를 통해 가속도 및 방향 감지, 2) 컴퓨터 측: Three.js 및 Physijs를 활용한 3D 렌더링 및 물리 엔진 적용, 3) 동기화: WebSockets을 통한 양방향 실시간 통신, 4) 백엔드: Google Cloud Platform(GAE, GCE, GCS)을 활용한 서버 관리 및 상태 유지.

Key Points

  • 웹 브라우저만으로 스마트폰과 컴퓨터를 연결하는 물리적 인터랙션 게임 구현
  • 스마트폰의 가속도계/자이로스코프 데이터(DeviceOrientation, DeviceMotion)를 게임 입력으로 사용
  • Three.js와 Physijs를 활용한 웹 기반 3D 그래픽 및 물리 시뮬레이션
  • WebSockets을 통한 실시간 양방향 데이터 동기화
  • Google Cloud Platform(GAE, GCE, GCS) 기반의 확장 가능한 백엔드 아키텍처

그래프 뷰

백링크