-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
170 lines (152 loc) · 15.3 KB
/
index.html
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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Open Enclave Games - open.enclavegames.com</title>
<meta name="description" content="All the open source projects created by Andrzej Mazur from Enclave Games are listed here, on the open.enclavegames.com website." />
<meta name="monetization" content="$ilp.uphold.com/k4eJGQUDF9nw" />
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<h1>Open Enclave Games <iframe src="https://ghbtns.com/github-btn.html?user=end3r&type=follow&count=true" frameborder="0" scrolling="0" width="150px" height="24px"></iframe></h1>
<img src="img/logo-enclave-games.png" alt="Enclave Games logo" /><img class="html5" src="img/logo-html5.png" alt="HTML5 logo" />
<p>All the open source projects created by <a href="https://end3r.com/">Andrzej Mazur</a> from <a href="https://enclavegames.com/">Enclave Games</a> are listed here, on the <a href="https://open.enclavegames.com/">open.enclavegames.com</a> website. Feel free to check them out, learn from them and send pull requests if you have any feedback.</p>
<a href="https://www.paypal.me/end3r"><img style="float: right; margin-right: 10px;" src="img/button-beer.png" alt="Buy me a beer!" title="Buy me a beer!" /></a>
<ul>
<li><a href="#GDevelop">Geometry Monster with GDevelop</a></li>
<li><a href="#js13kPWA">js13kPWA</a></li>
<li><a href="#GameControls">JavaScript Game Controls</a></li>
<li><a href="#PhaserTemplate">Enclave Phaser Template</a></li>
<li><a href="#3DGames">Intro to 3D Games</a></li>
<li><a href="#GamepadAPI">Gamepad API Content Kit</a></li>
<li><a href="#GamedevPhaser">Gamedev Phaser Content Kit</a></li>
<li><a href="#GamedevCanvas">Gamedev Canvas workshop</a></li>
<li><a href="#CyberOrb">Cyber Orb</a></li>
<li><a href="#MonsterWantsCandy">Monster Wants Candy</a></li>
<li><a href="#Other">Other projects</a></li>
</ul>
<p>If you like what I'm doing and gonna use any of the available source code in your project, or just appreciate open gamedev, you can say "thank you" by <a href="https://www.paypal.me/end3r">buying me a beer</a>. Cheers!</p>
<article>
<h2 id="GDevelop">Geometry Monster with GDevelop</h2>
<img class="mini" src="img/gdevelop.png" alt="Geometry Monster with GDevelop" />
<ul>
<li>Demo: <a href="https://geometry.enclavegames.com/">geometry.enclavegames.com</a></li>
<li>Source code: <a href="http://wiki.compilgames.net/lib/exe/fetch.php/gdevelop5/tutorials/geometry-monster-sources.zip">wiki.compilgames.net/lib/exe/fetch.php/gdevelop5/tutorials/geometry-monster-sources.zip</a></li>
<li>Tutorial: <a href="http://wiki.compilgames.net/doku.php/gdevelop5/tutorials/geometry-monster">wiki.compilgames.net/doku.php/gdevelop5/tutorials/geometry-monster</a></li>
<li>Related article: <a href="https://dev.end3r.com/2019/11/gdevelop-game-tutorial-for-season-of-docs-project-report/">dev.end3r.com/2019/11/gdevelop-game-tutorial-for-season-of-docs-project-report/</a></li>
</ul>
<p>Tutorial on how you can build an example game, Geometry Monster, using GDevelop game engine. The source code of this casual mobile game is available for download.</p>
</article>
<article>
<h2 id="js13kPWA">js13kPWA <iframe src="https://ghbtns.com/github-btn.html?user=mdn&repo=pwa-examples&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="24px"></iframe></h2>
<img class="mini" src="img/js13kpwa.png" alt="js13kPWA" />
<ul>
<li>GitHub source code: <a href="https://github.com/mdn/pwa-examples/tree/master/js13kpwa">github.com/mdn/pwa-examples/tree/master/js13kpwa</a></li>
<li>Online demo: <a href="https://mdn.github.io/pwa-examples/js13kpwa/">mdn.github.io/pwa-examples/js13kpwa/</a></li>
<li>Related article: <a href="https://hacks.mozilla.org/2018/05/progressive-web-apps-core-guides-on-mdn-web-docs/">hacks.mozilla.org/2018/05/progressive-web-apps-core-guides-on-mdn-web-docs/</a></li>
</ul>
<p>Progressive Web App introducing <a href="https://developer.mozilla.org/en-US/docs/Web/Apps/Progressive/Introduction">PWA concept</a>, showcasing <a href="https://developer.mozilla.org/en-US/docs/Web/Apps/Progressive/App_structure">App Shell structure</a>, working <a href="https://developer.mozilla.org/en-US/docs/Web/Apps/Progressive/Offline_Service_workers">offline with Service Workers</a>, installing with <a href="https://developer.mozilla.org/en-US/docs/Web/Apps/Progressive/Installable_PWAs">Web Manifests and Add to Home screen</a> feature, and re-engaging with <a href="https://developer.mozilla.org/en-US/docs/Web/Apps/Progressive/Re-engageable_Notifications_Push">Notifications and Push</a>. It uses the <a href="https://js13kgames.com/aframe">A-Frame</a> category entries from the <a href="https://js13kgames.com/">js13kGames</a> 2017 competition as content.</p>
</article>
<article>
<h2 id="GameControls">JavaScript Game Controls <iframe src="https://ghbtns.com/github-btn.html?user=end3r&repo=JavaScript-Game-Controls&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="24px"></iframe></h2>
<img class="mini" src="img/javascript-game-controls.png" alt="JavaScript Game Controls" />
<ul>
<li>GitHub source code: <a href="https://github.com/end3r/JavaScript-Game-Controls/">github.com/end3r/JavaScript-Game-Controls</a></li>
<li>Online demo: <a href="https://end3r.github.io/JavaScript-Game-Controls/">end3r.github.io/JavaScript-Game-Controls/</a></li>
<li>Related articles: <a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/Control_mechanisms">developer.mozilla.org/en-US/docs/Games/Techniques/Control_mechanisms</a></li>
</ul>
<p>Pure JavaScript demo of game control mechanisms implemented for the MDN Games articles - including mobile touch, desktop keyboard and mouse, gamepad, TV remote, Leap Motion and others.</p>
</article>
<article>
<h2 id="PhaserTemplate">Enclave Phaser Template <iframe src="https://ghbtns.com/github-btn.html?user=EnclaveGames&repo=Enclave-Phaser-Template&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="24px"></iframe></h2>
<img class="mini" src="img/enclave-phaser-template.png" alt="Enclave Phaser Template" />
<ul>
<li>GitHub source code: <a href="https://github.com/EnclaveGames/Enclave-Phaser-Template">github.com/EnclaveGames/Enclave-Phaser-Template</a></li>
<li>Online demo: <a href="https://enclavegames.github.io/Enclave-Phaser-Template/">enclavegames.github.io/Enclave-Phaser-Template/</a></li>
<li>Related article: <a href="https://dev.end3r.com/2015/12/enclave-phaser-template-is-open-sourced/">dev.end3r.com/2015/12/enclave-phaser-template-is-open-sourced/</a></li>
</ul>
<p>Fully mobile responsive, portrait and landscape compatible template for HTML5 games written using the Phaser game engine, with helper functions, organized in states.</p>
</article>
<article>
<h2 id="3DGames">Intro to 3D Games <iframe src="https://ghbtns.com/github-btn.html?user=end3r&repo=MDN-Games-3D&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="24px"></iframe></h2>
<img class="mini" src="img/mdn-games-3d.png" alt="MDN Games 3D" />
<ul>
<li>GitHub source code: <a href="https://github.com/end3r/MDN-Games-3D/">github.com/end3r/MDN-Games-3D/</a></li>
<li>Online demos: <a href="https://end3r.github.io/MDN-Games-3D/">end3r.github.io/MDN-Games-3D/</a></li>
<li>Related articles: <a href="https://hacks.mozilla.org/2016/06/basics-of-building-3d-games-on-the-web/">Basics of building 3D games on the Web</a></li>
</ul>
<p>MDN Games introductory tutorials with articles and demos on how to start building 3D games using Three.js, PlayCanvas, BabylonJS, but also A-Frame, shaders.</p>
</article>
<article>
<h2 id="GamepadAPI">Gamepad API Content Kit <iframe src="https://ghbtns.com/github-btn.html?user=end3r&repo=Gamepad-API-Content-Kit&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="24px"></iframe></h2>
<img class="mini" src="img/super-turbo.png" alt="Gamepad API Content Kit" />
<ul>
<li>GitHub source code: <a href="https://github.com/end3r/Gamepad-API-Content-Kit">github.com/end3r/Gamepad-API-Content-Kit</a></li>
<li>Online demo: <a href="https://end3r.github.io/Gamepad-API-Content-Kit/demo/demo.html">end3r.github.io/Gamepad-API-Content-Kit/demo/demo.html</a></li>
<li>Related article: <a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/Controls_Gamepad_API">developer.mozilla.org/en-US/docs/Games/Techniques/Controls_Gamepad_API</a></li>
</ul>
<p>Gamepad API Content Kit is where you can find all the resources about the Gamepad API, and a game demo utilizing this API.</p>
</article>
<article>
<h2 id="GamedevPhaser">Gamedev Phaser Content Kit <iframe src="https://ghbtns.com/github-btn.html?user=end3r&repo=Gamedev-Phaser-Content-Kit&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="24px"></iframe></h2>
<img class="mini" src="img/breakout-phaser.png" alt="Gamedev Phaser Content Kit" />
<ul>
<li>GitHub source code: <a href="https://github.com/end3r/Gamedev-Phaser-Content-Kit">github.com/end3r/Gamedev-Phaser-Content-Kit</a></li>
<li>Online demo: <a href="https://end3r.github.io/Gamedev-Phaser-Content-Kit/demos/lesson16.html">end3r.github.io/Gamedev-Phaser-Content-Kit/demos/lesson16.html</a></li>
<li>Related article: <a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_breakout_game_Phaser">developer.mozilla.org/en-US/docs/Games/Workflows/2D_breakout_game_Phaser</a></li>
</ul>
<p>This Content Kit contains resources on how to start building games with Phaser.</p>
</article>
<article>
<h2 id="GamedevCanvas">Gamedev Canvas workshop <iframe src="https://ghbtns.com/github-btn.html?user=end3r&repo=Gamedev-Canvas-workshop&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="24px"></iframe></h2>
<img class="mini" src="img/breakout-canvas.png" alt="Gamedev Canvas workshop" />
<ul>
<li>GitHub source code: <a href="https://github.com/end3r/Gamedev-Canvas-workshop">github.com/end3r/Gamedev-Canvas-workshop</a></li>
<li>Online demo: <a href="https://breakout.enclavegames.com/lesson10.html">breakout.enclavegames.com/lesson10.html</a></li>
<li>Related article: <a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/">developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/</a></li>
</ul>
<p>This workshop contains resources on how to start building games in pure JavaScript and render them on Canvas.</p>
</article>
<article>
<h2 id="CyberOrb">Cyber Orb <iframe src="https://ghbtns.com/github-btn.html?user=EnclaveGames&repo=Cyber-Orb&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="24px"></iframe></h2>
<img class="mini" src="img/cyber-orb.png" alt="Cyber Orb" />
<ul>
<li>GitHub source code: <a href="https://github.com/EnclaveGames/Cyber-Orb">github.com/EnclaveGames/Cyber-Orb</a></li>
<li>Online demo: <a href="https://orb.enclavegames.com/">orb.enclavegames.com</a></li>
<li>Related articles: <a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/HTML5_Gamedev_Phaser_Device_Orientation">developer.mozilla.org/en-US/docs/Games/Workflows/HTML5_Gamedev_Phaser_Device_Orientation</a></li>
</ul>
<p>Simple HTML5 mobile demo game built with Phaser that uses the Device Orientation and Vibration APIs.</p>
</article>
<article>
<h2 id="MonsterWantsCandy">Monster Wants Candy <iframe src="https://ghbtns.com/github-btn.html?user=EnclaveGames&repo=Monster-Wants-Candy-demo&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="24px"></iframe></h2>
<img class="mini" src="img/monster-wants-candy.jpg" alt="Monster Wants Candy" />
<ul>
<li>GitHub source code: <a href="https://github.com/EnclaveGames/Monster-Wants-Candy-demo">github.com/EnclaveGames/Monster-Wants-Candy-demo</a></li>
<li>Online demo: <a href="https://candy-demo.enclavegames.com/">candy-demo.enclavegames.com</a></li>
<li>Related articles: <a href="https://gamedevelopment.tutsplus.com/tutorials/getting-started-with-phaser-building-monster-wants-candy--cms-21723">gamedevelopment.tutsplus.com/tutorials/getting-started-with-phaser-building-monster-wants-candy--cms-21723</a></li>
</ul>
<p>Simple HTML5 game created with Phaser utilizing states and built step by step.</p>
</article>
<article class="other">
<h2 id="Other">Other projects</h2>
<ul>
<li>WebVR Content Kit: <a href="https://github.com/end3r/WebVR-Content-Kit/">github.com/end3r/WebVR-Content-Kit/</a> <iframe src="https://ghbtns.com/github-btn.html?user=end3r&repo=WebVR-Content-Kit&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="24px"></iframe></li>
<li>Gamedev Canvas CK: <a href="https://github.com/end3r/Gamedev-Canvas-Content-Kit/">github.com/.../Gamedev-Canvas-Content-Kit/</a> <iframe src="https://ghbtns.com/github-btn.html?user=end3r&repo=Gamedev-Canvas-Content-Kit&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="24px"></iframe></li>
<li>js13kGames resources: <a href="https://js13kgames.github.io/resources/">js13kgames.github.io/resources/</a> <iframe src="https://ghbtns.com/github-btn.html?user=js13kgames&repo=resources&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="24px"></iframe></li>
<li>HTML5 Gamedev Starter: <a href="https://html5devstarter.enclavegames.com/">html5devstarter.enclavegames.com</a> <iframe src="https://ghbtns.com/github-btn.html?user=EnclaveGames&repo=HTML5-Gamedev-Starter&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="24px"></iframe></li>
<li>Hex Clock: <a href="https://hexclock.enclavegames.com/">hexclock.enclavegames.com</a> <iframe src="https://ghbtns.com/github-btn.html?user=EnclaveGames&repo=Hex-Clock&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="24px"></iframe></li>
<li>FirefoxOS ebook: <a href="https://firefoxos.enclavegames.com/">firefoxos.enclavegames.com</a> <iframe src="https://ghbtns.com/github-btn.html?user=end3r&repo=FirefoxOS-HTML5Games-eBook&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="24px"></iframe></li>
<li>Captain Rogers: <a href="https://github.com/EnclaveGames/Captain-Rogers">github.com/EnclaveGames/Captain-Rogers</a> <iframe src="https://ghbtns.com/github-btn.html?user=EnclaveGames&repo=Captain-Rogers&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="90px" height="24px"></iframe></li>
</ul>
<p>Other related projects like the demo for the Three.js article, resources for HTML5 game developers, a JavaScript clock, an eBook or even an old game.</p>
</article>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-30485283-16', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>