-
Notifications
You must be signed in to change notification settings - Fork 49
/
index.html
43 lines (34 loc) · 2.84 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>3D Games on the Web</title>
<meta name="description" content="A series of articles and tutorials with demos to show you how to start creating 3D environments for the Web using the most popular frameworks and libraries." />
<link rel="stylesheet" href="res/style.css" />
</head>
<body>
<h1>3D Games on the Web</h1><a style="position: absolute; top: 0; right: 0;" href="https://github.com/end3r/MDN-Games-3D/"><img style="border: 0;" src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"></a>
<img src="res/aframe-shapes.png" alt="A-Frame shapes" />
<p>A series of articles and tutorials with demos to show you how to start creating 3D environments for the Web using the most popular frameworks and libraries.</p>
<h2>Demos in this repository</h2>
<ul>
<li><a href="http://end3r.github.io/MDN-Games-3D/Three.js/shapes.html">Three.js</a></li>
<li><a href="http://end3r.github.io/MDN-Games-3D/Shaders/shaders.html">GLSL Shaders</a></li>
<li><a href="http://end3r.github.io/MDN-Games-3D/PlayCanvas/shapes.html">PlayCanvas</a></li>
<li><a href="http://end3r.github.io/MDN-Games-3D/Babylon.js/shapes.html">Babylon.js</a></li>
<li><a href="http://end3r.github.io/MDN-Games-3D/A-Frame/shapes.html">A-Frame</a></li>
</ul>
<h2>Articles on MDN</h2>
<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web">3D on the Web intro</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/Basic_theory">Explaining basic 3D theory</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/GLSL_Shaders">GLSL Shaders</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Three.js">Building up a basic demo with Three.js</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_PlayCanvas">Building up a basic demo with PlayCanvas</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Babylon.js">Building up a basic demo with Babylon.js</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/WebVR">WebVR — Virtual Reality for the Web</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-Frame">Building up a basic demo with A-Frame</a></li>
</ul>
<p>Feel free to add your feedback or send pull requests.</p>
</body>
</html>