1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
|
---
title: Tworzenie gier
slug: Games
translation_of: Games
original_slug: Gry
---
<div>{{GamesSidebar}}</div>
<div class="summary">
<p><span class="seoSummary">Granie w gry od lat należy do naszych najczęstszych aktywności komputerowych. Stale pojawiają się nowe technologie umożliwiające tworzenie lepszych i potężniejszych gier przeglądarkowch.</span></p>
</div>
<div>{{EmbedGHLiveSample("web-tech-games/index.html", '100%', 820)}}</div>
<div class="column-container">
<div class="column-half">
<h2 id="Twórz_gry_przeglądarkowe.">Twórz gry przeglądarkowe.</h2>
<p>Witaj w strefie rozwoju gier MDN. W tej części strony możesz znaleźć informacje, które pozwolą ci poznać narzędzia i techniki wykorzystywane do produkcji gier przeglądakrowych. </p>
<div class="note">
<p><strong style="border: 0px; color: #3b3c40; font-family: 'open sans',arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 700; letter-spacing: normal; margin: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal;">Notka</strong><span style="background-color: #fff5cc; color: #3b3c40; font-family: 'open sans',arial,sans-serif; font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal;">: Tworzenie gier bazuje na kilku głównych technologiach internetowych takich jak HTML, CSS i JavaScript. </span><a href="/en-US/docs/Learn" style="font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; color: rgb(33, 122, 192); text-decoration: none; margin: 0px; padding: 0px; border: 0px; font-family: 'open sans', arial, sans-serif;">Learning Area</a><span style="background-color: #fff5cc; color: #3b3c40; font-family: 'open sans',arial,sans-serif; font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal;"> jest doskonałym miejscem do poznania ich podstaw.</span></p>
</div>
</div>
<div class="column-half">
<h2 id="Przenieś_natywne_gry_do_internetu.">Przenieś natywne gry do internetu.</h2>
<p>Jeśli jesteś programistą aplikacji natywnych (na przykład tworzysz gry w C++) i zastanawiasz się jak przenieść swoje aplikacje do internetu, powinieneś zapoznać się z narzędziem <a href="http://kripken.github.io/emscripten-site/index.html">Emscripten</a> — kompilatorem LLVM do JavaScript, który który kompiluje kod bajtowy do kodu <a href="/en-US/docs/Games/Tools/asm.js">asm.js</a>.</p>
<p>Na początek sprawdź:</p>
<ul>
<li><a href="http://kripken.github.io/emscripten-site/docs/introducing_emscripten/about_emscripten.html">Wprowadzenie do Emscripten</a> zawierające przydatne szczegóły.</li>
<li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/downloads.html">Instalacja narzędzi</a> niezbędnych do używania Emscipten.</li>
<li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/Tutorial.html">Tutorial Emscripten</a>, dzięki któremu dowiesz się jak zacząć.</li>
</ul>
</div>
</div>
<div class="column-container">
<div class="column-half">
<h2 id="Przykłady">Przykłady</h2>
<p>Zapraszamy do zapoznania się z <a href="/en-US/docs/Games/Examples">przykładami</a>. Więcej informacji i przykładów najdziesz na <a href="http://www.openwebgames.com/">openwebgames.com</a>.</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="Zobacz_również">Zobacz również</h2>
<div class="column-container">
<div class="column-half">
<dl>
<dt><a href="http://buildnewgames.com/">Build New Games</a></dt>
<dd>Kolaboratywna strona z wieloma przykładami tworzenia i rozwoju gier internetowych. Ostatnio niezbyt aktywna, lecz nadal stanowi swietne źródło informacji.</dd>
<dt><a href="http://creativejs.com/">Creative JS</a></dt>
<dd>Kolekcja przydatnych technik i trików z dziedziny JavaScript. Mimo , że nie odnosi się wyłącznie do tworzenia gier internetwoych, jest doskonałbym źródłem wiedzy.</dd>
<dt><a href="http://gameprogrammingpatterns.com/">Game programming patterns</a></dt>
<dd>Książka internetowa napisana przez Bob 'a Nystrom'a, w której autor omawia programistyczne wzorce projektowe w oparciu o rozwój gier internetowych.</dd>
<dt><a href="http://gamedevjsweekly.com/">Gamedev.js Weekly</a></dt>
<dd>Tygodniowy biuletyn na temat tworzenia gier w HTML5, rozsyłany w każdy piątek. Zawiera najnowsze informacje, artykuły i poradniki.</dd>
<dt><a href="http://www.html5gamedevs.com/">HTML5 Game Devs Forum</a></dt>
<dd>Forum dla programistów zajmujących się rozwojem gier internetowych. </dd>
</dl>
</div>
<div class="column-half">
<dl>
<dt><a href="http://html5gameengine.com/">HTML5 Game Engine</a></dt>
<dd>Lista najpopularniejszych platform programistycznych do rozwoju gier w HTML5 wraz z opisami, ocenami oraz przykładami. </dd>
<dt><a href="http://www.jsbreakouts.org/">JSBreakouts</a></dt>
<dd>Gra Breakout stworzona w oparciu o napopularniejsze platformy programistyczne do tworzenia gier w HTML5 dającea możliwość porównania i wyboru optymalnego narzędzia.</dd>
<dt><a href="http://gamedevelopment.tutsplus.com/">Tuts+ Game Development</a></dt>
<dd>Artykuły i tutoriale dotyczące rozwoju gier.</dd>
<dt><a href="http://html5devstarter.enclavegames.com/">HTML5 Gamedev Starter</a></dt>
<dd>Lista przydatnych linków do różnego typu źródeł wiedzy na temat gier HTML5.</dd>
<dt><a href="http://js13kgames.com/">js13kGames</a></dt>
<dd>Zawody w tworzeniu gier HTML5 o rozmiarze do 13 KB. Na stornie wiele przykładowych gier.</dd>
<dt><a href="https://hacks.mozilla.org/category/games/">Mozilla Hacks blog</a></dt>
<dd>Strefa gier na Mozilla Hacks blog zawierająca przydatne artykuły.</dd>
</dl>
</div>
</div>
|
