---
title: Pengembangan games
slug: Games
translation_of: Games
---
<div>{{GamesSidebar}}</div>

<div class="summary">
<p><span class="seoSummary">Memainkan <em>games </em>adalah salah satu aktivitas terpopuler yang dilakukan di komputer. Teknologi baru berkembang secara konstan untuk memungkinkan pengembangan <em>games </em>yang lebih baik sekaligus lebih bertenaga sehingga dapat dijalankan di peramban standar manapun.</span></p>
</div>

<div class="column-container">
<div class="column-half">
<h2 id="Kembangkan_web-games">Kembangkan <em>web-games</em></h2>

<p>Selamat datang di Pusat Pengembangan <em>Game </em>MDN! Disini kami menyediakan sarana-prasarana bagi para pengembang web yang ingin mengembangkan <em>games</em>. Anda akan menemui sejumlah artikel bermanfaat mengenai tutorial dan teknik yang dapat Anda temui di bagian kiri Menu Utama.</p>

<p>Kami juga menyediakan bagian referensi, sehingga Anda dapat menemukan informasi mengenai semua API yang umum digunakan dalam pengembangan games dengan mudah, ditambah daftar <a href="/en-US/docs/Games/Tools/Engines_and_tools"><em>engine</em> dan <em>tools</em></a>, serta <a href="/en-US/docs/Games/Examples">contoh <em>games</em></a> yang kami sediakan.</p>

<div class="note">
<p><strong>Catatan</strong>: Anda sebaiknya telah menguasai setidaknya teknologi web dasar — seperti HTML, CSS dan JavaScript — sebelum mencoba untuk membuat webgames. <a href="/en-US/docs/Learn">Area Belajar</a> adalah tempat yang bagus untuk belajar dan melatih diri jika Anda benar-benar seorang pemula.</p>
</div>

<dl>
</dl>
</div>

<div class="column-half">
<h2 id="Port_native_game_to_the_Web">Port native game to the Web</h2>

<p><span class="short_text" id="result_box" lang="id"><span>Jika Anda seorang</span> <span>pengembang</span> <span>asli</span></span> (<span class="short_text" id="result_box" lang="id"><span>misalnya</span> <span>menulis</span> <span>game</span> <span>di</span> <span>C</span> <span>++</span></span>), dan kamu are interested in how you can port your games over to the Web, you should learn more about our <a href="http://kripken.github.io/emscripten-site/index.html">Emscripten</a> tool — this is An LLVM to JavaScript compiler, which takes LLVM bytecode (e.g. generated from C/C++ using Clang, or from another language) and compiles that into <a href="/en-US/docs/Games/Tools/asm.js">asm.js</a>, which can be run on the Web.</p>

<p><span class="short_text" id="result_box" lang="id"><span>Untuk memulai</span><span>, lihat</span></span>:</p>

<ul>
 <li><a href="http://kripken.github.io/emscripten-site/docs/introducing_emscripten/about_emscripten.html">Tentang Emscripten</a> <span class="short_text" id="result_box" lang="id"><span>untuk</span> <span>pengenalan</span> <span>termasuk</span> <span>rincian</span> <span>tingkat tinggi</span><span>.</span></span></li>
 <li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/downloads.html">Unduh dan Pasang </a><span class="short_text" id="result_box" lang="id"><span>untuk menginstal</span> <span>toolchain</span><span>.</span></span></li>
 <li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/Tutorial.html">Panduan Emscripten </a> <span id="result_box" lang="id"><span>untuk</span> <span>sebuah tutorial</span> <span>mengajarkan Anda</span> <span>bagaimana untuk memulai</span><span>.</span></span></li>
</ul>
</div>
</div>

<div class="column-container">
<div class="column-half">
<h2 id="Contoh">Contoh</h2>

<p>For a list of web game examples, see our <a href="/en-US/docs/Games/Examples">examples page</a>. Also check out <a href="http://www.openwebgames.com/">openwebgames.com</a> for more useful resources and examples!</p>
</div>
</div>

<p><a href="http://www.openwebgames.com"><img alt="" src="https://mdn.mozillademos.org/files/12790/owg-logo-dark.svg" style="display: block; margin: 0px auto; width: 400px;"></a></p>

<h2 id="See_also">See also</h2>

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="http://buildnewgames.com/">Build New Games</a></dt>
 <dd>A collaborative site featuring a large number of open web game development tutorials. Hasn't been very active recently, but still holds some nice resources.</dd>
 <dt><a href="http://creativejs.com/">Creative JS</a></dt>
 <dd>A collection of impressive JavaScript techniques and experiments, not specific to games, but helpful nonetheless. Hasn't been very active recently, but still holds some nice resources.</dd>
 <dt><a href="http://gameprogrammingpatterns.com/">Game programming patterns</a></dt>
 <dd>An online book, written by Bob Nystrom, which discusses programming patterns in the context of game development with the aim of helping game developers produce more effective, efficient code.</dd>
 <dt><a href="http://blog.artillery.com/">Artillery blog</a></dt>
 <dd>HTML5 games company Artillery have some useful articles on their blog.</dd>
 <dt><a href="https://leanpub.com/buildinggamesforfirefoxos/">Building games for Firefox OS</a></dt>
 <dd>A quick guide to creating 2D games with HTML5, for distribution on Firefox OS and other mobile platforms.</dd>
 <dt><a href="http://gamedevjsweekly.com/">Gamedev.js Weekly</a></dt>
 <dd>Weekly newsletter about HTML5 game development, sent every Friday. Contains the latest articles, tutorials, tools, and resources.</dd>
 <dt><a href="http://www.html5gamedevs.com/">HTML5 Game Devs Forum</a></dt>
 <dd>Forums for developers, framework creators and publishers. Ask questions, get feedback, help others.</dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="http://html5gameengine.com/">HTML5 Game Engine</a></dt>
 <dd>List of the most popular HTML5 game frameworks along with their rating, features and samples.</dd>
 <dt><a href="http://www.jsbreakouts.org/">JSBreakouts</a></dt>
 <dd>Compare JavaScript Breakout clones in different frameworks to help you choose the right one for you.</dd>
 <dt><a href="http://gamedevelopment.tutsplus.com/">Tuts+ Game Development</a></dt>
 <dd>Tutorials and articles about game development in general.</dd>
 <dt><a href="http://webchat.freenode.net/?channels=bbg">#BBG IRC chat</a></dt>
 <dd>Talk with the developers directly in real time.</dd>
 <dt><a href="http://html5devstarter.enclavegames.com/">HTML5 Gamedev Starter</a></dt>
 <dd>Starter for the new game developers, a curated list of links to various, useful resources around the web.</dd>
 <dt><a href="http://js13kgames.com/">js13kGames</a></dt>
 <dd>JavaScript coding competition for HTML5 game developers with the file size limit set to 13 kilobytes. All the submitted games are available in a readable form on GitHub.</dd>
 <dt><a href="https://hacks.mozilla.org/category/games/">Mozilla Hacks blog</a></dt>
 <dd>Games category on the Mozilla Hacks blog containing interesting gamedev related articles.</dd>
 <dt><a href="https://developer.mozilla.org/en-US/docs/Games/Visual-js_game_engine">Visual-js game engine</a></dt>
 <dd>2d/3d/webSocket orientend game engine. Comes with tools for windows only. Hosted on bitbucket projects site.  </dd>
</dl>
</div>
</div>