We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.

현대 웹은 놀랍고 고품질의 게임을 만들 뿐만 아니라, 이 게임들을 배급하는데 더욱 중요한 실현가능형 플랫폼으로 빠르게 변했다.

제작되는 게임의 범위는 데스크탑이나 기본OS용 게임들에도 필적한다. 현대 웹 기술과 최신 브라우저로 최고 사양의 웹 게임이 만들어져 놀라움을 선사한다. 예전 Flash®을 사용하던 가벼운 카드 게임이나 멀티플레이 소셜 게임을 말하는 게 아니다. 고사양의 3D 액션 슈팅 게임, RPG 게임, 그 이상을 말하는 것이다. 자바 스크립트의 실시간 컴파일러 기술과 새로운 API의 대대적인 퍼포먼스 개선으로 가능해졌다. 브라우저로 (또는 HTML5를 사용하는 장비에서, 예시로 파이어폭스 OS로 운영되는 장치에서 ) 운영되는 게임을 제작할 수 있게 되었다.

 

HTML5 게임 플랫폼

 

게임에 적용하는 더 좋은 타깃 플랫폼으로서, 웹이 제격이다. "웹이 곧 플랫폼이다."라고 할 수 있을 것이다. 아래는 웹 플랫폼의 핵심이다.

기능 기술
Audio Web Audio API
Graphics WebGL (OpenGL ES 2.0)
Input Touch events, Gamepad API, device sensors, WebRTC, Full Screen API, Pointer Lock API
Language JavaScript (or C/C++ using Emscripten to compile to JavaScript)
Networking WebRTC and/or WebSockets
Storage IndexedDB or the "cloud"
Web HTML, CSS, SVG, Social API (and much more!)

비즈니스 예시

 

개인이든 대형 게임 제작사든 게임 개발자라면, 왜 게임 제작을 웹으로 설정해야 하는지 알고 싶을 것이다. 아래는 웹이 어떤 도움을 주는지에 대한 것이다.

  1. 웹의 범위는 방대하여 어떤 플랫폼에서도 사용할 수 있다. HTML5로 만들어진 게임은 스마트폰, 태블릿, PC나 스마트 TV에서도 작동한다.
  2. 마케팅과 검색 가능성이 향상된다. 다른 앱 스토어에만 국한되지 않고 어느 곳에서나 당신의 앱을 홍보할 수 있다. 웹 고유 특성인 링크와 공유 덕분에 새로운 고객에게 전세계 웹은 물론 다른 미디어에서도 광고나 홍보가 가능하다.
  3. 중요한 부분을 관리할 수 있다. 바로 결제이다. 당신의 게임이 다른 이의 앱 생태계에 들어있다는 이유만으로 수익의 30%를 넘겨주지 않아도 된다. 대신, 당신이 원하는 만큼 가격을 책정하고 원하는 결제 방식을 사용할 수 있다.
  4. 더 중요한 점은 당신이 원할 때 게임을 업데이트할 수 있다는 것이다. 다른 회사의 누군가가 버그 수정을 오늘 올릴지, 내일 올릴지 결정하는 것을 숨 막히게 기다리지 않아도 된다.
  5. 게임에 대한 분석을 관리할 수 있다. 당신이 필요한 분석 자료에 대해 다른 누군가에게 의존하지 않아도 된다. 매출이나 게임의 영향력에 대한 정보를 모으기 위해 당신 스스로 분석 자료를 수집하거나 선호하는 서드파티를 선택할 수 있다.
  6. 고객 관계를 보다 면밀하게 관리 할 수 있습니다. 고객 피드백을 앱 스토어의 제한된 방식을 통해 받지 않아도 됩니다. 중매인이 없이 원하는 방식으로 고객과 소통하십시오. [주의: 현재 번역이 완벽하지 않습니다]
  7. 게임 플레이어들이 어디서든, 언제든지 당신의 게임을 할 수 있다. 웹이 보편적이기 때문에, 당신의 고객들은 그들의 게임 현황을 폰에서든, 타플렛에서든, 랩탑에서든, 업무용 데스크탑에서든, 혹은 어디서든 확인할 수 있다.

게임 개발자들을 위한 웹 기술

For the tech folks, let's dig into the APIs the Web brings to the table that cater to game developers. 웹으로 할 수 있는 것들은 다음과 같다.:

Full Screen API
This simple API lets your game take over the entire screen, thereby immersing the player in action.
Gamepad API
If you want your users to be able to use gamepads or other game controllers to work your game, you'll need this API.
HTML and CSS
Together, these two technologies let you build, style, and lay out your game's user interface. Part of HTML is the <canvas> element, which provides one way to do 2D graphics.
HTML audio
The <audio> element lets you easily play simple sound effects and music. If your needs are more involved, check out the Web Audio API for real audio processing power!
IndexedDB
A powerful data storage API for maintaining user data on their own computer or device. A great way to save game state and other information locally so it doesn't have to be downloaded every time it's needed. Also useful to help make your game playable even when the user isn't connected to the Web (such as when they're stuck on an airplane for hours on end).
JavaScript
JavaScript, the programming language used on the Web, is blazing fast in modern browsers and getting faster all the time. Use its power to write the code for your game, or look at using technologies like Emscripten or Asm.js to easily port your existing games.
Pointer Lock API
The Pointer Lock API lets you lock the mouse or other pointing device within your game's interface so that instead of absolute cursor positioning you receive coordinate deltas that give you more precise measurements of what the user is doing, and prevent the user from accidentally sending their input somewhere else, thereby missing important action.
SVG (Scalable Vector Graphics)
Lets you build vector graphics that scale smoothly regardless of the size or resolution of the user's display.
Typed Arrays
JavaScript typed arrays give you access to raw binary data from within JavaScript; this lets you manipulate GL textures, game data, or anything else, even if it's not in a native JavaScript format.
Web Audio API
This API for controlling the playback, synthesis, and manipulation of audio from JavaScript code lets you create awesome sound effects as well as play and manipulate music in real time.
WebGL
Lets you create high-performance, hardware-accelerated 3D (and 2D) graphics from Web content. This is a Web-supported implementation of OpenGL ES 2.0.
WebRTC
The WebRTC (Real-Time Communications) API gives you the power to control audio and video data, including teleconferencing and transmitting other application data back and forth between two users. Want your players to be able to talk to each other while blowing up monsters? This is the API for you.
WebSockets
The WebSocket API lets you connect your app or site to a server to transmit data back and forth in real-time. Perfect for multiplayer gaming action, chat services, and so forth.
Web Workers
Workers give you the ability to spawn background threads running their own JavaScript code, to take advantage of modern, multi-core processors.
XMLHttpRequest and File API
The combination of XMLHttpRequest and the File API lets you send and receive any kind of data you want (don't let the "XML" throw you!) from a Web server. This is a great way to do anything from downloading new game levels and artwork to transmitting non-real-time game status information back and forth.

 

문서 태그 및 공헌자

이 페이지의 공헌자: daesD, yuyuny, talkinglove, kom2727
최종 변경: daesD,