Skip to content

Commit

Permalink
games top
Browse files Browse the repository at this point in the history
  • Loading branch information
@mudroljub
mudroljub committed Jan 14, 2025
1 parent bd9693b commit 56a6462
Show file tree
Hide file tree
Showing 2 changed files with 63 additions and 62 deletions.
2 changes: 2 additions & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,8 @@ npx live-server

## TODO

- optimize build

- test on mobile
- joystick:
- doesn't return to its place after release
Expand Down
123 changes: 61 additions & 62 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Create 3D worlds</title>
<style>
img {
max-width: 100%;
body {
color: #333;
}

#forkongithub a {
Expand Down Expand Up @@ -78,6 +78,7 @@

li {
break-inside: avoid;
list-style: none;
}
</style>
</head>
Expand All @@ -96,7 +97,64 @@ <h3>A library of reusable Three.js components that you can play with.</h3>

<p>I hope you will have as much fun as I did making this.</p>

<p>Hint: <a href="#games">GAMES</a> are at the bottom ;)</p>
<h2 id="games">Games</h2>

<ul class="scenes">
<li>
<a href="examples/80-scenes/random-boxes" title="random-boxes">
<span>random-boxes</span><br>
<img src="/assets/images/thumbnails/random-boxes.jpg" alt="random-boxes">
</a>
</li>
<li>
<a href="examples/80-scenes/fps-airport" title="fps-airport">
<span>fps-airport</span><br>
<img src="/assets/images/thumbnails/fps-airport.jpg" alt="fps-airport">
</a>
</li>
<li>
<a href="examples/80-scenes/fps-maze" title="fps-maze">
<span>fps-maze</span><br>
<img src="/assets/images/thumbnails/fps-maze.jpg" alt="fps-maze">
</a>
</li>
<li>
<a href="examples/80-scenes/graveyard-survival" title="graveyard-survival">
<span>graveyard-survival</span><br>
<img src="/assets/images/thumbnails/graveyard-survival.jpg" alt="graveyard-survival">
</a>
</li>
<li>
<a href="examples/80-scenes/moon-landing" title="moon-landing">
<span>moon-landing</span><br>
<img src="/assets/images/thumbnails/moon-landing.jpg" alt="moon-landing">
</a>
</li>
<li>
<a href="examples/80-scenes/physics-cannon" title="physics-cannon">
<span>physics-cannon</span><br>
<img src="/assets/images/thumbnails/physics-cannon.jpg" alt="physics-cannon">
</a>
</li>
<li>
<a href="examples/80-scenes/physics-tank" title="physics-tank">
<span>physics-tank</span><br>
<img src="/assets/images/thumbnails/physics-tank.jpg" alt="physics-tank">
</a>
</li>
<li>
<a href="examples/80-scenes/rpg-fantasy" title="rpg-fantasy">
<span>rpg-fantasy</span><br>
<img src="/assets/images/thumbnails/rpg-fantasy.jpg" alt="rpg-fantasy">
</a>
</li>
<li>
<a href="examples/80-scenes/warplane" title="warplane">
<span>warplane</span><br>
<img src="/assets/images/thumbnails/warplane.jpg" alt="warplane">
</a>
</li>
</ul>

<h2>Geometry</h2>

Expand Down Expand Up @@ -791,65 +849,6 @@ <h2>Scenes</h2>
</li>
</ul>

<h2 id="games">Games</h2>

<ul class="scenes">
<li>
<a href="examples/80-scenes/random-boxes" title="random-boxes">
<span>random-boxes</span><br>
<img src="/assets/images/thumbnails/random-boxes.jpg" alt="random-boxes">
</a>
</li>
<li>
<a href="examples/80-scenes/fps-airport" title="fps-airport">
<span>fps-airport</span><br>
<img src="/assets/images/thumbnails/fps-airport.jpg" alt="fps-airport">
</a>
</li>
<li>
<a href="examples/80-scenes/fps-maze" title="fps-maze">
<span>fps-maze</span><br>
<img src="/assets/images/thumbnails/fps-maze.jpg" alt="fps-maze">
</a>
</li>
<li>
<a href="examples/80-scenes/graveyard-survival" title="graveyard-survival">
<span>graveyard-survival</span><br>
<img src="/assets/images/thumbnails/graveyard-survival.jpg" alt="graveyard-survival">
</a>
</li>
<li>
<a href="examples/80-scenes/moon-landing" title="moon-landing">
<span>moon-landing</span><br>
<img src="/assets/images/thumbnails/moon-landing.jpg" alt="moon-landing">
</a>
</li>
<li>
<a href="examples/80-scenes/physics-cannon" title="physics-cannon">
<span>physics-cannon</span><br>
<img src="/assets/images/thumbnails/physics-cannon.jpg" alt="physics-cannon">
</a>
</li>
<li>
<a href="examples/80-scenes/physics-tank" title="physics-tank">
<span>physics-tank</span><br>
<img src="/assets/images/thumbnails/physics-tank.jpg" alt="physics-tank">
</a>
</li>
<li>
<a href="examples/80-scenes/rpg-fantasy" title="rpg-fantasy">
<span>rpg-fantasy</span><br>
<img src="/assets/images/thumbnails/rpg-fantasy.jpg" alt="rpg-fantasy">
</a>
</li>
<li>
<a href="examples/80-scenes/warplane" title="warplane">
<span>warplane</span><br>
<img src="/assets/images/thumbnails/warplane.jpg" alt="warplane">
</a>
</li>
</ul>

</body>

</html>

0 comments on commit 56a6462

Please sign in to comment.