RE: HTML5 game app 개발시 이슈들...

임상석 팀장님.

정말 오랜만입니다^^ 좋은 답변 감사합니다~

 

이원석 드림.

 

From: lim sangseok [mailto:sangseok.lim@gmail.com] 
Sent: Monday, October 07, 2013 7:01 PM
To: Wonsuk Lee
Cc: public-html-ig-ko@w3.org
Subject: Re: HTML5 game app 개발시 이슈들...

 

문제의 큰 분류는 잘 정리해주신 것 같습니다.

게임 만들어보면 세세한 문제가 아주 많이 있습니다.

 

1) URL bar 처리

- 사라지게 하고 싶고, 일부 heuristic이 있지만, 완벽히 사라지게하기 힘들고,
landscape 모드에서는 화면을 크게 차지해서 심각합니다.

2) Canvas를 rendering back-end로 사용시

- 대부분 drawImage로 귀결되는 경향이 있지만, 단말별로 성능 차이가 너무
심해서 몇 fps로 해야할지를 단말별로 모두 정해야하는 문제

- requestAnimFrame이 rendering이 bottleneck이 되는 경우 단말에서는 오히려
화면 갱신률이 떨어지는 문제

- devicePixelRatio가 1.5일 경우 canvas로 rendering 시 화면을 깨끗하게
그리는 것이 쉽지 않음

3) Garbage collector 문제

- 게임 반응성 저하: static object등을 써서 일부 완화/회피 가능하다지만,
그렇게 짜는 것들이 쉽지 않음

4) CSS 3D를  rendering back-end로 사용 하는 경우

- object 개수 늘어나면 성능의 급격한 저하, iOS도 100개 넘어가면 성능 저하
심함

- texture update시 깜빡이는 문제

 

이외에도 개발하다보면 풀어야할 문제가 아직은 참 많습니다.

 

2013년 10월 6일 오후 10:31, Wonsuk Lee <wonsuk73@gmail.com>님의 말:

안녕하세요. 삼성전자의 이원석입니다.

다름이 아니라 지난 HTML5 KIG 회의에서 unconference style로 회의를 진행을
하면서 참여하신 분들께서 어떤 부분에 대해서 관심이 있으신지 들어보았습니다.

다양한 분야들이 나왔는데 가능하면 이러한 이슈들에 대해서 정리를 해보고
해결책을 같이 찾아보는 것이 재미있을 것 같아서 HTML5 Game 개발시 부딪치는
이슈들 부터 함께 정리하고 논의를 해볼까 합니다.

제가 지난회의에서 들었던 내용은 아래와 같습니다. 실제로 현업에서 문제를
체험하고 계신 분들께서 추가적인 이슈에 대한 의견 주시면 정말 감사하겠습니다.

 

1. 게임 앱 실행 도중 다른 App 실행(게임앱 background로 전환) 후 다시 게임
앱으로 돌아온 경우 이어서 게임을 하는 기능을 구현하기 어려움 (Reloading
되는이슈) 

 

2. Audio 처리 이슈

- Android 브라우저들은 대부분 Audio 재생 성능이 느림 

- Mobile 브라우저 중 대부분의 브라우저가 Web Audio 미지원 (기능 지원의 gap)

 

3. Graphic 처리 성능 이슈?

- Mobile 브라우저들 간의 Canvas, CSS, WebGL 성능이 제각각 (그래픽 성능 gap)

 

.....

 

많은 분들의 적극적인 참여를 부탁드립니다~^^

 


이원석 드림.
=========================================
이 원 석 (Wonsuk, Lee) / Principal Engineer, Ph.D
SAMSUNG ELECTRONICS Co., LTD. (三星電子)
Mobile: +82-10-5800-3997
E-mail: wonsuk11.lee@samsung.com, wonsuk73@gmail.com
http://www.wonsuk73.com/, twitter: @wonsuk73
-----------------------------------------
Inspire the World, Create the Future !!!
=========================================