aboutsummaryrefslogtreecommitdiff
path: root/files/id/games
diff options
context:
space:
mode:
Diffstat (limited to 'files/id/games')
-rw-r--r--files/id/games/index.html95
-rw-r--r--files/id/games/publishing_games/game_promotion/index.html86
-rw-r--r--files/id/games/publishing_games/index.html28
-rw-r--r--files/id/games/techniques/index.html32
4 files changed, 241 insertions, 0 deletions
diff --git a/files/id/games/index.html b/files/id/games/index.html
new file mode 100644
index 0000000000..fd78f805b8
--- /dev/null
+++ b/files/id/games/index.html
@@ -0,0 +1,95 @@
+---
+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>
diff --git a/files/id/games/publishing_games/game_promotion/index.html b/files/id/games/publishing_games/game_promotion/index.html
new file mode 100644
index 0000000000..50cd711e48
--- /dev/null
+++ b/files/id/games/publishing_games/game_promotion/index.html
@@ -0,0 +1,86 @@
+---
+title: Game promotion
+slug: Games/Publishing_games/Game_promotion
+translation_of: Games/Publishing_games/Game_promotion
+---
+<div>{{GamesSidebar}}</div>
+
+<p class="summary">Mengembangkan dan menerbitkan game Anda tidak cukup. Anda harus memberi tahu dunia bahwa Anda memiliki sesuatu yang menarik yang dapat dinikmati orang-orang. Ada banyak cara untuk mempromosikan game Anda - kebanyakan dari mereka gratis, jadi meskipun Anda berjuang untuk mencari nafkah sebagai seorang indie dev dengan anggaran nol, Anda masih dapat melakukan banyak hal untuk membuat orang tahu tentang permainan baru Anda yang hebat. Mempromosikan permainan membantu banyak ketika <a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/Publishing_games/Game_monetization">mendapatkan penghasilan</a> nanti juga, jadi penting untuk melakukannya dengan benar.</p>
+
+<h2 id="Kompetisi">Kompetisi</h2>
+
+<p>Mengambil bagian dalam <a href="http://compohub.net/">kompetisi</a> tidak hanya akan meningkatkan keterampilan gamedev Anda dan membiarkan Anda bertemu pengembang baru untuk berteman dan belajar dari - dan itu juga akan membuat Anda terlibat dalam komunitas. Jika Anda membuat gim yang bagus untuk kompetisi dan memenangkan beberapa hadiah dalam proses gim Anda secara otomatis akan dipromosikan oleh penyelenggara dan peserta lainnya. Anda akan kaya dan terkenal, atau begitulah kata mereka.</p>
+
+<p>Banyak permainan hebat dimulai sebagai demo yang cepat dan ceroboh yang dikirimkan ke suatu kompetisi. Jika ide dan eksekusi cukup baik, Anda akan berhasil. Kompetisi Plus umumnya membutuhkan permainan untuk mengikuti tema wajib, sehingga Anda bisa berkreasi di sekitar tema jika Anda terjebak untuk ide.</p>
+
+<h2 id="Situs_web_dan_blog">Situs web dan blog</h2>
+
+<p>Anda harus membuat situs web sendiri yang berisi semua informasi tentang permainan Anda, sehingga orang dapat melihat apa yang telah Anda kerjakan. Semakin banyak informasi yang dapat Anda sertakan dengan lebih baik - Anda harus menyertakan tangkapan layar, deskripsi, trailer, paket pers, persyaratan, platform yang tersedia, detail dukungan, dan banyak lagi. Anda akan mendapatkan poin bonus karena memungkinkan pengguna Anda untuk langsung memainkan game Anda secara online - setidaknya dalam bentuk demo. Juga, Anda harus melakukan beberapa pekerjaan pada SEO untuk memungkinkan orang menemukan game Anda lebih mudah.</p>
+
+<p>You should also blog about everything related to your gamedev activities. Write about your development process, nasty bugs you encounter, funny stories, lessons learned, and the ups and downs of being a game developer. Continually publishing information about your games will help educate others, increase your reputation in the community, and further improve SEO. A further option is to publish <a href="http://dev.end3r.com/?s=monthly+report">monthly reports</a> that summarize all your progress — it helps you see what you've accomplished throughout the month and what's still left to do, and it keeps reminding people that your game is coming out soon — building buzz is always good.</p>
+
+<p>While you can create your website from scratch, there are also tools that can help make the process easier.  <a href="https://manakeep.com">ManaKeep</a> is a website builder made for indie game developers and provides a great starting point to create your website.  <a href="http://dopresskit.com/">Presskit()</a> is a press kit builder that helps you create a press page to share with the media.</p>
+
+<h2 id="Social_media">Social media</h2>
+
+<p>Your social media presence is very important — follow the right <a href="https://twitter.com/hashtag/gamedev">hashtags</a>, make friends, engage in conversations, help other devs in need. Honesty is key and you should be authentic, because nobody likes boring press releases or pushy advertisements. When the time comes your community will help you spread the word about your shiny little game.</p>
+
+<p>You should use at least Twitter and Facebook and be active on appropriate forums — the most popular one is <a href="http://www.html5gamedevs.com/">HTML5GameDevs.com</a>. Share your gamedev news and answer questions, so people will value what you're doing and will know that you're ok. Remember to not be too pushy on telling everyone about your games — you're not a walking advertisement.</p>
+
+<p>Grow your fanbase by talking to them, sharing tips, offering discounts, giving away prizes in competitions, or just complaining at the weather or buggy browser you have to deal with. Act cool, be generous, be yourself and be there for others, and you'll get treated with respect.</p>
+
+<h2 id="Game_portals">Game portals</h2>
+
+<p>Using game portals is mostly concerned with <a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/Publishing_games/Game_monetization">monetization</a>, but if you're not planning to <a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/Publishing_games/Game_monetization#Licensing">sell licenses</a> to allow people to purchase your game and are intending to <a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/Publishing_games/Game_monetization#Advertisements">implement adverts</a> or in-app purchases instead, promoting your game across free portals can be effective.</p>
+
+<p>You can send your games for publication on portals like <a href="https://crazygames.com">CrazyGames.com</a>, <a href="https://gamedistribution.com/">GameDistribution.com</a>, <a href="https://lagged.com">Lagged.com</a>, <a href="https://www.pacogames.com">PacoGames.com</a> ,<a href="https://www.games4html5.com/">games4html5.com </a>or <a href="http://html5games.com/">HTML5Games.com</a>, and there are about 20-30 other notable game portals with and without API. </p>
+
+<p>Those portals that have their own API will allow you to authorize users, save their progress and process in-app purchases. You can also sell a full version of the game from inside your browser demo version, which will be a great move considering high competition, some developers even manage to make full browser versions. Most portals offer revenue share deals or will buy non exclusive license.</p>
+
+<p>Free portals offer traffic, but only the best ones are popular enough to generate revenues from advertisements on in-app purchases. On the other hand they are a perfect tool to make games visible to a broader audience if you have no budget and limited time.</p>
+
+<h2 id="Press">Press</h2>
+
+<p>You can try and reach the <a href="http://indiegames.com/">press</a> about your game, but bear in mind that they get a tonne of requests like this every single day, so be humble and patient if they don't answer right away, and be polite when talking to them. Be sure to check first if they are dealing with specific genres of games or platforms, so you don't send them something that is not relevant to them in the first place. If you're honest with your approach and your game is good, then you've got more of a chance of success.</p>
+
+<p>If you want to learn more about the etiquette of contacting the press you should definitely check out <a href="http://www.pixelprospector.com/how-to-contact-press/">How To Contact Press</a> - a great guide from Pixel Prospector, and the <a href="http://videogamejournaliser.com/">Video Game Journaliser</a> site curated by them for the list of sites to contact.</p>
+
+<h2 id="Tutorials">Tutorials</h2>
+
+<p>It's good to share your knowledge with other devs — after all you probably learned a thing or two from online articles, so you take the time to pay that knowledge forward. Talking or writing about something you achieved or problems you overcame is something people would be interested it. And you can use your own game as an example, especially in a tutorial when you're <a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/Controls_Gamepad_API">showing how to do something you've implemented already</a>. That way everyone benefits — people learn new skills, your game gets promoted, and if you're lucky you can even get paid for writing a tutorial if it's good enough.</p>
+
+<p>There are portals like <a href="http://gamedevelopment.tutsplus.com/">Tuts+ Game Development</a> which will be more than happy if you write for them - they pay for the content, but not all topic ideas will be accepted. When writing a tutorial remember to focus on delivering something valuable to the reader. They want to learn something - offer your expertise and use your game as a case study. Focus on one aspect and try to explain it throughout and in detail. Also remember to follow up discussion in comments if people have any questions.</p>
+
+<p>If portals you contact are not interested in your content because you don't have any experience yet, try writing tutorials and publish them on <a href="/en-US/docs/Games/Publishing_games/Game_promotion#Website_and_blog">your own blog</a> first. It's the easiest way to train your writing skills on your own.</p>
+
+<h2 id="YouTubers">YouTubers</h2>
+
+<p>It's a rising trend — don't underestimate the power of YouTubers playing your game, talking about it and streaming their experience to give you lots of promotion. You should also be realistic however — don't think this alone will skyrocket your downloads or visits, and be prepared to deal with bad reviews as well as good ones.</p>
+
+<p>There are two options to get coverage from the YouTubers: first is you contact them directly and send a link to your game via email or private message. The second is earned in time - if you're known enough the YouTubers will contact you and ask for the link or build of your game. This <a href="http://videogamecaster.com/big-list-of-youtubers">Big List of YouTubers</a> is a great place to start. You can find YouTube and Twitch.tv influencers at <a href="https://gameinfluencer.com/">gameInfluencer.com</a> to help promote your game.</p>
+
+<h2 id="Events">Events</h2>
+
+<p>If you've gone through all the options listed above you can still find new, creative ways to promote your game — events are another good example. Attending events, both local and global, gives you the ability to meet your fans face to face, as well as other members of the development community. Value the fact that they spent their time seeing you.</p>
+
+<h3 id="Conferences">Conferences</h3>
+
+<p>There are many conferences where you can give a talk explaining some technical difficulties you overcame, or how you implemented specific APIs; again — use your games as examples for that. It's important to focus on the knowledge part and tone down the marketing — devs are sensitive on this matter and you may end up with an angry crowd if you just try to sell them something.</p>
+
+<h3 id="Fairs">Fairs</h3>
+
+<p>The other event-related option is fairs (or expos) — at such an event you can get a booth among other devs and promote your game to all the attendees passing by. If you do so, try to be unique and original, so you easily stand from the crowd. Do it the right way and everybody will be talking about you and your game. Having a booth gives you the possibility to interact with your fans directly — besides the promotion part you can also test new builds of your game on regular people and fix any bugs (or incorporate any feedback) they uncover. You can't imagine what people may come up with when playing your game, and what obvious issues you've missed while spending hours polishing it.</p>
+
+<h2 id="Promo_codes">Promo codes</h2>
+
+<p>If you're selling the game, then create the ability to distribute promo codes allowing people to access your game for free (or at least a demo or time-limited version), and send them all over the place — to press, youtubers, as competition prizes, etc. If the game reaches certain people you'll get a free advert to thousands of players. It can boost interest in your game more than anything else if you get lucky.</p>
+
+<h2 id="Fostering_the_community">Fostering the community</h2>
+
+<p>You can help community grow and promote yourself and your games at the same time. Sending out <a href="http://gamedevjsweekly.com/">weekly newsletters</a> and organizing <a href="http://js13kgames.com/">online competitions</a> or <a href="http://gamedevjs.com/">local meetups</a> will show others that you're passionate about what you do and that they can rely on you. Then when you need any help they will be there for you.</p>
+
+<h2 id="Summary">Summary</h2>
+
+<p>Cara apa pun untuk mempromosikan permainan Anda adalah baik. Anda memiliki banyak opsi untuk dipilih dan sebagian besar di antaranya gratis, jadi ini hanya soal antusiasme dan waktu yang tersedia. Terkadang Anda harus menghabiskan lebih banyak waktu untuk mempromosikan game daripada benar-benar mengembangkannya. Ingatlah bahwa tidak ada gunanya memiliki permainan terbaik di dunia jika tidak ada yang tahu itu ada.</p>
+
+<p>Sekarang mari kita <a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/Publishing_games/Game_monetization">lanjutkan dengan</a> bagian <a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/Publishing_games/Game_monetization">monetisasi itu</a> , dan dapatkan penghasilan untuk hidup.</p>
diff --git a/files/id/games/publishing_games/index.html b/files/id/games/publishing_games/index.html
new file mode 100644
index 0000000000..5559db1bbe
--- /dev/null
+++ b/files/id/games/publishing_games/index.html
@@ -0,0 +1,28 @@
+---
+title: Publishing games
+slug: Games/Publishing_games
+tags:
+ - Games
+ - HTML5
+ - JavaScript
+ - Monetization
+ - NeedsTranslation
+ - Promotion
+ - TopicStub
+ - distribution
+ - publishing
+translation_of: Games/Publishing_games
+---
+<div>{{GamesSidebar}}</div><p class="summary">HTML5 games have a huge advantage over native in terms of publishing and distribution — you have the freedom of distribution, promotion and monetization of your game on the Web, rather than each version being locked into a single store controlled by one company. You can benefit from the web being truly multiplatform. <span class="seoSummary">This series of articles looks at the options you have when you want to publish and distribute your game, and earn something out of it while you wait for it to become famous.</span></p>
+
+<h2 id="Game_distribution">Game distribution</h2>
+
+<p>So you've followed a <a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript">tutorial</a> or <a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser">two</a> and created an HTML5 game — that's great! <a href="/en-US/docs/Games/Publishing_games/Game_distribution">Game distribution</a> provides all you need to know about the ways you can distribute your newly created game into the wild — including hosting it yourself online, submitting it to open marketplaces, and submitting it to closed ones like Google Play or the iOS App Store.</p>
+
+<h2 id="Game_promotion">Game promotion</h2>
+
+<p>Developing and finishing the game is not enough. You have to let the world know that you have made something interesting available, which people will enjoy playing. There are many <a href="/en-US/docs/Games/Publishing_games/Game_promotion">Game promotion</a> techniques — many of them free — so even if you're struggling to make a living as an indie dev with zero budget you can still do a lot to let people know about your great new game. Promoting the game helps a lot in monetizing it later on too, so it's important to do it effectively.</p>
+
+<h2 id="Game_monetization">Game monetization</h2>
+
+<p>When you spend your time building, publishing and promoting your game, you will at some point consider earning money out of it. <a href="/en-US/docs/Games/Publishing_games/Game_monetization">Game monetization</a> is essential to anyone who considers their game development work a serious endeavour on the path to becoming an independent game developer able to make a living, so read on and see what your options are. The technology is mature enough; it's just a matter of chosing the right approach.</p>
diff --git a/files/id/games/techniques/index.html b/files/id/games/techniques/index.html
new file mode 100644
index 0000000000..66edeebd82
--- /dev/null
+++ b/files/id/games/techniques/index.html
@@ -0,0 +1,32 @@
+---
+title: Techniques for game development
+slug: Games/Techniques
+tags:
+ - Games
+ - Guide
+ - NeedsTranslation
+ - TopicStub
+translation_of: Games/Techniques
+---
+<div>{{GamesSidebar}}</div><div>{{IncludeSubnav("/en-US/docs/Games")}}</div>
+
+<div class="summary">
+<p><span class="seoSummary">This page lists essential core techniques for anyone wanting to develop games using open web technologies.</span></p>
+</div>
+
+<dl>
+ <dt><a href="/en-US/docs/Games/Techniques/Async_scripts">Using async scripts for asm.js</a></dt>
+ <dd>Especially when creating medium to large-sized games, async scripts are an essential technique to take advantage of, so that your game's JavaScript can be compiled off the main thread and be cached for future game running, resulting in a significant performance improvement for your users. This article explains how.</dd>
+ <dt><a href="/en-US/docs/Apps/Developing/Optimizing_startup_performance" title="/en-US/docs/Apps/Developing/Optimizing_startup_performance">Optimizing startup performance</a></dt>
+ <dd>How to make sure your game starts up quickly, smoothly, and without appearing to lock up the user's browser or device.</dd>
+ <dt><a href="/en-US/docs/Games/WebRTC_data_channels" title="/en-US/docs/Games/WebRTC_data_channels">Using WebRTC peer-to-peer data channels</a></dt>
+ <dd>In addition to providing support for audio and video communication, WebRTC lets you set up peer-to-peer data channels to exchange text or binary data actively between your players. This article explains what this can do for you, and shows how to use libraries that make this easy.</dd>
+ <dt><a href="/en-US/docs/Games/Techniques/Efficient_animation_for_web_games">Efficient animation for web games</a></dt>
+ <dd>This article covers techniques and advice for creating efficient animation for web games, with a slant towards supporting lower end devices such as mobile phones. We touch on CSS transitions and CSS animations, and JavaScript loops involving {{ domxref("window.requestAnimationFrame") }}.</dd>
+ <dt><a href="/en-US/docs/Games/Techniques/Audio_for_Web_Games">Audio for Web Games</a></dt>
+ <dd>Audio is an important part of any game — it adds feedback and atmosphere. Web-based audio is maturing fast, but there are still many browser differences to negotiate. This article provides a detailed guide to implementing audio for web games, looking at what works currently across as wide a range of platforms as possible.</dd>
+ <dt><a href="/en-US/docs/Games/Techniques/2D_collision_detection">2D collision detection</a></dt>
+ <dd>A concise introduction to collision detection in 2D games.</dd>
+ <dt><a href="/en-US/docs/Games/Techniques/Tilemaps">Tilemaps</a></dt>
+ <dd>Tiles are a very popular technique in 2D games for building the game world. These articles provide an introduction to tilemaps and how to implement them with the Canvas API.</dd>
+</dl>