-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
49 lines (48 loc) · 2.61 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>3d Workshop</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style>
body {
font-family: Monospace;
background-color: #000;
color: #ccc;
margin: 0px;
}
ul {
list-style-type: none;
}
#info {
color: #000;
position: absolute;
top: 10px;
width: 100%;
text-align: center;
z-index: 100;
display:block;
}
#info a, .button { color: #f00; font-weight: bold; text-decoration: underline; cursor: pointer }
</style>
</head>
<body>
<!-- <div id="workshop"></div> -->
<!-- <script src="/js/three.min.js"></script> -->
<!-- <script src="/js/workshop.js"></script> -->
<ul>
<li><a href="scenegraph.html"><img width="300" src="img/workshops/scenegraph.png" /></a> Getting to know the Scenegraph</li>
<li><a href="pickable.html"><img width="300" src="img/workshops/pickable.png" /></a> Making the faces of an icosohedron pickable</li>
<li><a href="texture.html"><img width="300" src="img/workshops/texture.png" /></a> Applying a Programmable Canvas Element as a Texture</li>
<li><a href="camera-path.html"><img width="300" src="img/workshops/camera-path.png" /></a> Sending the Camera along an Interpolated Path</li>
<li><a href="quaternion.html"><img width="300" src="img/workshops/quaternion.png" /></a> Understanding Quaternions: Navigating the Quaternion Beetle</li>
<li><a href="landscape.html"><img width="300" src="img/workshops/landscape.png" /></a> Terrain Generation: Undulating Landscape</li>
<li><a href="shader.html"><img width="300" src="img/workshops/shader.png" /></a> What is a Shader?</li>
<li><a href="height-map.html"><img width="300" src="img/workshops/height-map-2.png" /></a> Working with Textures in a Shader: Height Map of Crater Lake</li>
<li><a href="particle-forest.html"><img width="300" src="img/workshops/particle-forest.png" /></a> Exploring the Particle Forest</li>
<li><a href="particles.html"><img width="300" src="img/workshops/particles.png" /></a> Particle Behavior: Emergent Spinning Malevolent Ball of Yarn</li>
<li><a href="particle-blending.html"><img width="300" src="img/workshops/particle-blending.png" /></a> Particle Attributes: Size, Texture and Opacity</li>
<li><a href="collision.html"><img width="300" src="img/workshops/collision.png" /></a> Collision Detection: Red Ball in Undulating Landscape</li>
</ul>
</body>
</html>