+ class="flex-col:flex-row flex h-full w-full items-center lg:justify-start">
+
-
+
{game.developer}
+
-
diff --git a/src/data/games.json b/src/data/games.json
index 83ed17d..399e7f3 100644
--- a/src/data/games.json
+++ b/src/data/games.json
@@ -5,11 +5,20 @@
"developer": "FJ Team",
"vanityUrl": "eggou",
"sticker": "egg",
- "description": "Beat a robo-chicken in a flying chicken game!",
+ "featuredDescription": "Beat a robo-chicken in a flying chicken game!",
+ "description": "A robo-chicken robbed the eggs of a chicken coop. Our protagonist, Eggou, is very angry and will take revenge on the robo-chicken. Help Eggou to recover the eggs and defeat the robo-chicken.",
"tags": ["open-source"],
"upload": "https://html-classic.itch.zone/html/8640582/index.html",
"canvasWidth": 680,
- "canvasHeight": 500
+ "canvasHeight": 500,
+ "controls": {
+ "move": {
+ "keyboard": "wasd"
+ },
+ "shoot": {
+ "keyboard": "space"
+ }
+ }
},
{
"id": 1,
@@ -17,10 +26,16 @@
"developer": "AmySpark",
"vanityUrl": "clickery",
"sticker": "pointer",
+ "featuredDescription": "Click an hexagon to make virtual numbers **go up**.",
"description": "Click an hexagon to make virtual numbers **go up**.",
"tags": ["open-source"],
"upload": "https://html-classic.itch.zone/html/10093664-1071304/public/index.html",
"canvasWidth": 1024,
- "canvasHeight": 576
+ "canvasHeight": 576,
+ "controls": {
+ "interact": {
+ "mouse": "click"
+ }
+ }
}
]
{game.name}
+
+
{game.name}
+ + +
+ {
+ controlNames.map((control) => {
+ const input = controls[control];
+ const keyboardInput = input["keyboard"];
+ const isWasd = keyboardInput === "wasd";
+
+ if (!keyboardInput) return;
+
+ if (isWasd) {
+ return (
+
+
+ );
+ } else {
+ return (
+
+
+ + {control} +
+
+
+
+ W
+
+
+ A
+ S
+ D
+
+
+
+ );
+ }
+ })
+ }
+
+
+ + {control} +
+
+
+ {keyboardInput.toUpperCase()}
+
+
+