Skip to content

Commit 04fb6f4

Browse files
AndrewRayCodeAndrewRayCode
committed
Adding text labels to the examples for sanity (to gh-pages branch)
See schteppe#259 for more detail. This ports that change to this branch which seems to have up to date examples.
1 parent db49626 commit 04fb6f4

File tree

1 file changed

+151
-38
lines changed

1 file changed

+151
-38
lines changed

‎index.html

+151-38
Original file line numberDiff line numberDiff line change
@@ -28,10 +28,16 @@
2828
pre { background: #000; color: #fff; padding: 15px;}
2929
hr { border: 0; width: 80%; border-bottom: 1px solid #aaa}
3030
.footer { text-align:center; padding-top:10px; font-style: italic; }
31+
#examples a {
32+
display:inline-block;
33+
max-width:150px;
34+
margin:10px;
35+
text-align:center;
36+
}
3137
#examples img {
3238
max-height:150px;
3339
box-shadow:0px 0px 10px rgba(0,0,0,1);
34-
margin:10px;
40+
margin:0 0 5px;
3541
}
3642
.twitter-share-button {
3743
float:right;
@@ -70,43 +76,150 @@ <h2>Examples</h2>
7076
Click on an image to show the corresponding example.
7177
</p>
7278
<div id="examples">
73-
<a href="examples/threejs_cloth.html"><img src="images/threejs_cloth.png" alt="Cloth"></a>
74-
<a href="examples/threejs_fps.html"><img src="images/fps.png" alt="Shooter"></a>
75-
<a href="examples/threejs_mousepick.html"><img src="images/threejs_mousepick.png" alt="Mousepick"></a>
76-
<a href="examples/threejs_voxel_fps.html"><img src="images/threejs_voxel_fps.png" alt="Voxel landscape"></a>
77-
<a href="examples/worker.html"><img src="images/worker.png" alt="Worker"></a>
78-
79-
<a href="demos/bodyTypes.html"><img src="images/motionstates.png" alt="Body types"></a>
80-
<a href="demos/bounce.html"><img src="images/bounce.png" alt="Bounce"></a>
81-
<a href="demos/bunny.html"><img src="images/bunny.png" alt="Bunny"></a>
82-
<a href="demos/callbacks.html"><img src="images/callbacks.png" alt="Callbacks"></a>
83-
<a href="demos/collisionFilter.html"><img src="images/collisionFilter.png" alt="Collision filters"></a>
84-
<a href="demos/collisions.html"><img src="images/collisions.png" alt="Pair collisions"></a>
85-
<a href="demos/compound.html"><img src="images/compound.png" alt="Compound shapes"></a>
86-
<a href="demos/constraints.html"><img src="images/constraints.png" alt="Constraints"></a>
87-
<a href="demos/container.html"><img src="images/container2.png" alt="Container"></a>
88-
<a href="demos/convex.html"><img src="images/convexhull.png" alt="Convex"></a>
89-
<a href="demos/events.html"><img src="images/events.png" alt="Events"></a>
90-
<a href="demos/fixedRotation.html"><img src="images/fixedRotation.png" alt="Fixed rotation"></a>
91-
<a href="demos/friction.html"><img src="images/friction.png" alt="Friction"></a>
92-
<a href="demos/heightfield.html"><img src="images/heightfield.png" alt="Hinge"></a>
93-
<a href="demos/hinge.html"><img src="images/hinge.png" alt="Hinge"></a>
94-
<a href="demos/impulses.html"><img src="images/impulses.png" alt="Impulses"></a>
95-
<a href="demos/jenga.html"><img src="images/jenga.png" alt="Jenga"></a>
96-
<a href="demos/pile.html"><img src="images/pile.png" alt="Pile"></a>
97-
<a href="demos/ragdoll.html"><img src="images/ragdoll.png" alt="Ragdoll"></a>
98-
<a href="demos/raycastVehicle.html"><img src="images/raycastVehicle.png" alt="RaycastVehicle"></a>
99-
<a href="demos/rigidVehicle.html"><img src="images/rigidVehicle.png" alt="RigidVehicle"></a>
100-
<a href="demos/shapes.html"><img src="images/shapes.png" alt="Shapes"></a>
101-
<a href="demos/simpleFriction.html"><img src="images/simpleFriction.png" alt="Set friction per body or shape."></a>
102-
<a href="demos/singleBodyOnPlane.html"><img src="images/single.png" alt="Single shape on a plane."></a>
103-
<a href="demos/sleep.html"><img src="images/sleep.png" alt="Sleep"></a>
104-
<a href="demos/sph.html"><img src="images/sph.png" alt="SPH fluid simulation"></a>
105-
<a href="demos/splitSolver.html"><img src="images/splitSolver.png" alt="SplitSolver"></a>
106-
<a href="demos/spring.html"><img src="images/spring.png" alt="Spring"></a>
107-
<a href="demos/stacks.html"><img src="images/stack.png" alt="Different types of stacks"></a>
108-
<a href="demos/trimesh.html"><img src="images/trimesh.png" alt="Trimesh"></a>
109-
<a href="demos/tween.html"><img src="images/tween.png" alt="Tween"></a>
79+
<a href="examples/threejs_cloth.html">
80+
<img src="images/threejs_cloth.png" alt="Cloth">
81+
Cloth
82+
</a>
83+
<a href="examples/threejs_fps.html">
84+
<img src="images/fps.png" alt="Shooter">
85+
Shooter
86+
</a>
87+
<a href="examples/threejs_mousepick.html">
88+
<img src="images/threejs_mousepick.png" alt="Mousepick">
89+
Mousepick
90+
</a>
91+
<a href="examples/threejs_voxel_fps.html">
92+
<img src="images/threejs_voxel_fps.png" alt="Voxel landscape">
93+
Voxel landscape
94+
</a>
95+
<a href="examples/worker.html">
96+
<img src="images/worker.png" alt="Worker">
97+
Worker
98+
</a>
99+
<a href="demos/bodyTypes.html">
100+
<img src="images/motionstates.png" alt="Body types">
101+
Body types
102+
</a>
103+
<a href="demos/bounce.html">
104+
<img src="images/bounce.png" alt="Bounce">
105+
Bounce
106+
</a>
107+
<a href="demos/bunny.html">
108+
<img src="images/bunny.png" alt="Bunny">
109+
Bunny
110+
</a>
111+
<a href="demos/callbacks.html">
112+
<img src="images/callbacks.png" alt="Callbacks">
113+
Callbacks
114+
</a>
115+
<a href="demos/collisionFilter.html">
116+
<img src="images/collisionFilter.png" alt="Collision filters">
117+
Collision filters
118+
</a>
119+
<a href="demos/collisions.html">
120+
<img src="images/collisions.png" alt="Pair collisions">
121+
Pair collisions
122+
</a>
123+
<a href="demos/compound.html">
124+
<img src="images/compound.png" alt="Compound shapes">
125+
Compound shapes
126+
</a>
127+
<a href="demos/constraints.html">
128+
<img src="images/constraints.png" alt="Constraints">
129+
Constraints
130+
</a>
131+
<a href="demos/container.html">
132+
<img src="images/container2.png" alt="Container">
133+
Container
134+
</a>
135+
<a href="demos/convex.html">
136+
<img src="images/convexhull.png" alt="Convex">
137+
Convex
138+
</a>
139+
<a href="demos/events.html">
140+
<img src="images/events.png" alt="Events">
141+
Events
142+
</a>
143+
<a href="demos/fixedRotation.html">
144+
<img src="images/fixedRotation.png" alt="Fixed rotation">
145+
Fixed rotation
146+
</a>
147+
<a href="demos/friction.html">
148+
<img src="images/friction.png" alt="Friction">
149+
Friction
150+
</a>
151+
<a href="demos/heightfield.html">
152+
<img src="images/heightfield.png" alt="Hinge">
153+
Hinge
154+
</a>
155+
<a href="demos/hinge.html">
156+
<img src="images/hinge.png" alt="Hinge">
157+
Hinge
158+
</a>
159+
<a href="demos/impulses.html">
160+
<img src="images/impulses.png" alt="Impulses">
161+
Impulses
162+
</a>
163+
<a href="demos/jenga.html">
164+
<img src="images/jenga.png" alt="Jenga">
165+
Jenga
166+
</a>
167+
<a href="demos/pile.html">
168+
<img src="images/pile.png" alt="Pile">
169+
Pile
170+
</a>
171+
<a href="demos/ragdoll.html">
172+
<img src="images/ragdoll.png" alt="Ragdoll">
173+
Ragdoll
174+
</a>
175+
<a href="demos/raycastVehicle.html">
176+
<img src="images/raycastVehicle.png" alt="RaycastVehicle">
177+
RaycastVehicle
178+
</a>
179+
<a href="demos/rigidVehicle.html">
180+
<img src="images/rigidVehicle.png" alt="RigidVehicle">
181+
RigidVehicle
182+
</a>
183+
<a href="demos/shapes.html">
184+
<img src="images/shapes.png" alt="Shapes">
185+
Shapes
186+
</a>
187+
<a href="demos/simpleFriction.html">
188+
<img src="images/simpleFriction.png" alt="Set friction per body or shape.">
189+
Friction per body
190+
</a>
191+
<a href="demos/singleBodyOnPlane.html">
192+
<img src="images/single.png" alt="Single shape on a plane.">
193+
Shape on a plane
194+
</a>
195+
<a href="demos/sleep.html">
196+
<img src="images/sleep.png" alt="Sleep">
197+
Sleep
198+
</a>
199+
<a href="demos/sph.html">
200+
<img src="images/sph.png" alt="SPH fluid simulation">
201+
SPH fluid simulation
202+
</a>
203+
<a href="demos/splitSolver.html">
204+
<img src="images/splitSolver.png" alt="SplitSolver">
205+
SplitSolver
206+
</a>
207+
<a href="demos/spring.html">
208+
<img src="images/spring.png" alt="Spring">
209+
Spring
210+
</a>
211+
<a href="demos/stacks.html">
212+
<img src="images/stack.png" alt="Different types of stacks">
213+
Types of stacks
214+
</a>
215+
<a href="demos/trimesh.html">
216+
<img src="images/trimesh.png" alt="Trimesh">
217+
Trimesh
218+
</a>
219+
<a href="demos/tween.html">
220+
<img src="images/tween.png" alt="Tween">
221+
Tween
222+
</a>
110223
</div>
111224

112225
<div class="footer">

0 commit comments

Comments
 (0)