Skip to content

Commit

Permalink
Add new games (#34)
Browse files Browse the repository at this point in the history 
* adding new games

* Add new games images and details, update wrappers and utils

* Updated game data
  • Loading branch information
@alexpalms
alexpalms authored Apr 30, 2024
1 parent a787a9d commit f3a3dc0
Show file tree
Hide file tree
Showing 20 changed files with 357 additions and 37 deletions.
23 changes: 17 additions & 6 deletions content/_index.en.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,22 +84,33 @@ Additional details can be found in their <a href="./envs/games/">dedicated secti

<div>
<figure style="margin-right:1%; margin-left:auto; float:left; width:15.0%">
<a href="./envs/games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="./images/envs/doapp.jpg"/></a>
<a href="./envs/games/"><img style="margin-top:0px; margin-bottom:5px; border-radius: 10px;" src="./images/envs/doapp.jpg"/></a>
</figure>
<figure style="margin-right:1%; margin-left:1%; float:left; width:15.0%;">
<a href="./envs/games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="./images/envs/sfiii3n.jpg"/></a>
<a href="./envs/games/"><img style="margin-top:0px; margin-bottom:5px; border-radius: 10px;" src="./images/envs/sfiii3n.jpg"/></a>
</figure>
<figure style="margin-right:1%; margin-left:1%; float:left; width:15.0%;">
<a href="./envs/games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="./images/envs/tektagt.jpg"/></a>
<a href="./envs/games/"><img style="margin-top:0px; margin-bottom:5px; border-radius: 10px;" src="./images/envs/tektagt.jpg"/></a>
</figure>
<figure style="margin-right:1%; margin-left:1%; float:left; width:15.0%;">
<a href="./envs/games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="./images/envs/umk3.jpg"/></a>
<a href="./envs/games/"><img style="margin-top:0px; margin-bottom:5px; border-radius: 10px;" src="./images/envs/umk3.jpg"/></a>
</figure>
<figure style="margin-right:1%; margin-left:1%; float:left; width:15.0%;">
<a href="./envs/games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="./images/envs/samsh5sp.jpg"/></a>
<a href="./envs/games/"><img style="margin-top:0px; margin-bottom:5px; border-radius: 10px;" src="./images/envs/samsh5sp.jpg"/></a>
</figure>
<figure style="margin-right:auto; margin-left:1%; float:left; width:15.0%;">
<a href="./envs/games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="./images/envs/kof98umh.jpg"/></a>
<a href="./envs/games/"><img style="margin-top:0px; margin-bottom:5px; border-radius: 10px;" src="./images/envs/kof98umh.jpg"/></a>
</figure>
</div>
<div>
<figure style="margin-right:1%; margin-left:26%; float:left; width:15.0%">
<a href="./envs/games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="./images/envs/mvsc.jpg"/></a>
</figure>
<figure style="margin-right:1%; margin-left:1%; float:left; width:15.0%;">
<a href="./envs/games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="./images/envs/xmvsf.jpg"/></a>
</figure>
<figure style="margin-right:auto; margin-left:1%; float:left; width:15.0%;">
<a href="./envs/games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="./images/envs/soulclbr.jpg"/></a>
</figure>
</div>

Expand Down
25 changes: 18 additions & 7 deletions content/envs/_index.en.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -76,22 +76,33 @@ Additional details can be found in their <a href="./games/">dedicated section</a

<div>
<figure style="margin-right:1%; margin-left:auto; float:left; width:15.0%">
<a href="./games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="/images/envs/doapp.jpg"/></a>
<a href="./games/"><img style="margin-top:0px; margin-bottom:5px; border-radius: 10px;" src="/images/envs/doapp.jpg"/></a>
</figure>
<figure style="margin-right:1%; margin-left:1%; float:left; width:15.0%;">
<a href="./games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="/images/envs/sfiii3n.jpg"/></a>
<a href="./games/"><img style="margin-top:0px; margin-bottom:5px; border-radius: 10px;" src="/images/envs/sfiii3n.jpg"/></a>
</figure>
<figure style="margin-right:1%; margin-left:1%; float:left; width:15.0%;">
<a href="./games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="/images/envs/tektagt.jpg"/></a>
<a href="./games/"><img style="margin-top:0px; margin-bottom:5px; border-radius: 10px;" src="/images/envs/tektagt.jpg"/></a>
</figure>
<figure style="margin-right:1%; margin-left:1%; float:left; width:15.0%;">
<a href="./games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="/images/envs/umk3.jpg"/></a>
<a href="./games/"><img style="margin-top:0px; margin-bottom:5px; border-radius: 10px;" src="/images/envs/umk3.jpg"/></a>
</figure>
<figure style="margin-right:1%; margin-left:1%; float:left; width:15.0%;">
<a href="./games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="/images/envs/samsh5sp.jpg"/></a>
<a href="./games/"><img style="margin-top:0px; margin-bottom:5px; border-radius: 10px;" src="/images/envs/samsh5sp.jpg"/></a>
</figure>
<figure style="margin-right:auto; margin-left:1%; float:left; width:15.0%;">
<a href="./games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="/images/envs/kof98umh.jpg"/></a>
<a href="./games/"><img style="margin-top:0px; margin-bottom:5px; border-radius: 10px;" src="/images/envs/kof98umh.jpg"/></a>
</figure>
</div>
<div>
<figure style="margin-right:1%; margin-left:26%; float:left; width:15.0%">
<a href="./games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="/images/envs/mvsc.jpg"/></a>
</figure>
<figure style="margin-right:1%; margin-left:1%; float:left; width:15.0%;">
<a href="./games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="/images/envs/xmvsf.jpg"/></a>
</figure>
<figure style="margin-right:auto; margin-left:1%; float:left; width:15.0%;">
<a href="./games/"><img style="margin-top:0px; margin-bottom:30px; border-radius: 10px;" src="/images/envs/soulclbr.jpg"/></a>
</figure>
</div>

Expand Down Expand Up @@ -184,7 +195,7 @@ Two ready-to-use examples showing how environment settings are used can be found

| <strong><span style="color:#5B5B60;">Name</span></strong> | <strong><span style="color:#5B5B60;">Type</span></strong> | <strong><span style="color:#5B5B60;">Default Value(s)</span></strong> | <strong><span style="color:#5B5B60;">Value Range</span></strong> | <strong><span style="color:#5B5B60;">Description</span></strong> |
| -------------------------------------------------------- | --------------------------------------------------------- | --------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `frame_shape` | `tuple` of three `int` (H,&#160;W,&#160;C) | (0,&#160;0,&#160;0) | H,&#160;W:&#160;[0,&#160;512]<br>C:&#160;0 or 1 | If active, resizes the frame and/or converts it from RGB to grayscale.<br>Combinations:<br>(0,&#160;0,&#160;0) - Deactivated;<br>(H,&#160;W,&#160;0) - RBG frame resized to H&#160;X&#160;W;<br>(0,&#160;0,&#160;1) - Grayscale frame;<br>(H,&#160;W,&#160;1) - Grayscale frame resized to H&#160;X&#160;W. |
| `frame_shape` | `tuple` of three `int` (H,&#160;W,&#160;C) | (0,&#160;0,&#160;0) | H,&#160;W:&#160;[0,&#160;512]<br>C:&#160;0 or 1 | If active, resizes the frame and/or converts it from RGB to grayscale.<br>Combinations:<br>(0,&#160;0,&#160;0) - Deactivated;<br>(H,&#160;W,&#160;0) - RGB frame resized to H&#160;X&#160;W;<br>(0,&#160;0,&#160;1) - Grayscale frame;<br>(H,&#160;W,&#160;1) - Grayscale frame resized to H&#160;X&#160;W. |
| `action_space*` | `SpaceTypes` | `MULTI_DISCRETE` | `DISCRETE` / `MULTI_DISCRETE` | Defines the type of the action space |
| `n_players` | `int` | 1 | [1, 2]| Selects single player or two players mode |
| `step_ratio` | `int` | 6 | [1, 6] | Defines how many steps the game (emulator) performs for every environment step |
Expand Down
29 changes: 23 additions & 6 deletions content/envs/games/_index.en.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,30 +6,44 @@ weight: 20

<div style="display:block; width:100%;">
<figure style="padding:2px; margin-right:auto; margin-left:auto; float:left; min-width:90px; max-width:15.0%; min-height:230px;">
<a href="./doapp/"><img style="margin-top:0px; margin-bottom: 20px; border-radius: 10px;" src="../../images/envs/doapp.jpg"/>
<a href="./doapp/"><img style="margin-top:0px; margin-bottom: 10px; border-radius: 10px;" src="../../images/envs/doapp.jpg"/>
<figcaption align="middle">Dead or Alive ++</figcaption></a>
</figure>
<figure style="padding:2px; margin-right:auto; margin-left:auto; float:left; min-width:90px; max-width:15.0%; min-height:230px;">
<a href="./sfiii3n/"><img style="margin-top:0px; margin-bottom: 20px; border-radius: 10px;" src="../../images/envs/sfiii3n.jpg"/>
<a href="./sfiii3n/"><img style="margin-top:0px; margin-bottom: 10px; border-radius: 10px;" src="../../images/envs/sfiii3n.jpg"/>
<figcaption align="middle">Street Fighter III 3rd Strike</figcaption></a>
</figure>
<figure style="padding:2px; margin-right:auto; margin-left:auto; float:left; min-width:90px; max-width:15.0%; min-height:230px;">
<a href="./tektagt/"><img style="margin-top:0px; margin-bottom: 20px; border-radius: 10px;" src="../../images/envs/tektagt.jpg"/>
<a href="./tektagt/"><img style="margin-top:0px; margin-bottom: 10px; border-radius: 10px;" src="../../images/envs/tektagt.jpg"/>
<figcaption align="middle">Tekken Tag Tournament</figcaption></a>
</figure>
<figure style="padding:2px; margin-right:auto; margin-left:auto; float:left; min-width:90px; max-width:15.0%; min-height:230px;">
<a href="./umk3/"><img style="margin-top:0px; margin-bottom: 20px; border-radius: 10px;" src="../../images/envs/umk3.jpg"/>
<a href="./umk3/"><img style="margin-top:0px; margin-bottom: 10px; border-radius: 10px;" src="../../images/envs/umk3.jpg"/>
<figcaption align="middle">Ultimate Mortal Kombat 3</figcaption></a>
</figure>
<figure style="padding:2px; margin-right:auto; margin-left:auto; float:left; min-width:90px; max-width:15.0%; min-height:230px;">
<a href="./samsh5sp/"><img style="margin-top:0px; margin-bottom: 20px; border-radius: 10px;" src="../../images/envs/samsh5sp.jpg"/>
<a href="./samsh5sp/"><img style="margin-top:0px; margin-bottom: 10px; border-radius: 10px;" src="../../images/envs/samsh5sp.jpg"/>
<figcaption align="middle">Samurai Showdown 5 Sp</figcaption></a>
</figure>
<figure style="padding:2px; margin-right:auto; margin-left:auto; float:left; min-width:90px; max-width:15.0%; min-height:230px;">
<a href="./kof98umh/"><img style="margin-top:0px; margin-bottom: 20px; border-radius: 10px;" src="../../images/envs/kof98umh.jpg"/>
<a href="./kof98umh/"><img style="margin-top:0px; margin-bottom: 10px; border-radius: 10px;" src="../../images/envs/kof98umh.jpg"/>
<figcaption align="middle">The King of Fighers '98 UMH</figcaption></a>
</figure>
</div>
<div style="display:block; width:100%;">
<figure style="padding:2px; margin-right:auto; margin-left:auto; float:left; min-width:90px; max-width:15.0%; min-height:230px;">
<a href="./mvsc/"><img style="margin-top:0px; margin-bottom: 20px; border-radius: 10px;" src="../../images/envs/mvsc.jpg"/>
<figcaption align="middle">Marvel VS Capcom</figcaption></a>
</figure>
<figure style="padding:2px; margin-right:auto; margin-left:auto; float:left; min-width:90px; max-width:15.0%; min-height:230px;">
<a href="./xmvsf/"><img style="margin-top:0px; margin-bottom: 20px; border-radius: 10px;" src="../../images/envs/xmvsf.jpg"/>
<figcaption align="middle">X-Men VS Street Fighter</figcaption></a>
</figure>
<figure style="padding:2px; margin-right:auto; margin-left:auto; float:left; min-width:90px; max-width:15.0%; min-height:230px;">
<a href="./soulclbr/"><img style="margin-top:0px; margin-bottom: 20px; border-radius: 10px;" src="../../images/envs/soulclbr.jpg"/>
<figcaption align="middle">Soul Calibur</figcaption></a>
</figure>
</div>

<div>
<p style="font-size:35px; margin-bottom:20px; text-align:center; color: #a5101f; clear:both;">... many more to come soon.</p>
Expand All @@ -42,6 +56,9 @@ weight: 20
| <a href="./umk3/">Ultimate Mortal Kombat 3</a> | 158 | `umk3` |
| <a href="./samsh5sp/">Samurai Showdown 5 Special</a> | 168 | `samsh5sp` |
| <a href="./kof98umh/">The King of Fighters '98: Ultimate Match Hero</a> | 92 | `kof98umh` |
| <a href="./mvsc/">Marvel VS Capcom</a> | 190 | `mvsc` |
| <a href="./xmvsf/">X-Men VS Street Fighter</a> | 190 | `xmvsf` |
| <a href="./soulclbr/">Soul Calibur</a> | 60 | `soulclbr` |

*Measured on Intel(R) Xeon(R) CPU E5-1650 v3 @ 3.50GHz, using `step_ratio = 1` and `frame_shape = (128, 128, 1)`

Expand Down
Loading

0 comments on commit f3a3dc0

Please sign in to comment.