commit e730e48a116f046caa244c21d7a169da537834a1
parent a87b4ec4060ad7500452eb5662c62ce31417f110
Author: thing1 <thing1@seacrossedlovers.xyz>
Date: Sun, 3 May 2026 16:28:42 +0100
website commit
Diffstat:
6 files changed, 82 insertions(+), 0 deletions(-)
diff --git a/CYD-hero/CYD-hero-logo.png b/CYD-hero/CYD-hero-logo.png
Binary files differ.
diff --git a/CYD-hero/CYD-hero.html b/CYD-hero/CYD-hero.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html id="background">
+ <center>
+ <div id="test">
+ <img id="logo" src="CYD-hero-logo.png">
+ </div>
+ <hr id="line">
+ <h1 class="title">About the Project</h1>
+ <hr id="line">
+ <p class="text">
+ CYD-hero is a piano tiles inspired game running on a CYD (Cheap-Yellow-Display). The game was created in a single day by Lucas (with graphics and emotional support by Judy).
+ <p class="text">
+ To play the game, all you have to do is wait for the black tiles to descend from the top of the screen
+ and then hit the corresponding key on the keyboard.
+ </p>
+ </p>
+ <hr id="line">
+ <h1 class="title">How it was made</h1>
+ <h3 class="title">Day 1 - Bad apple</h3>
+ <p class="text">
+ The first step to creating CYD-hero was testing out how sounds and notes could be implemented, for that we tinkered with implementing a version of the song "Bad apple" to play on the CYD. The sound is generated by a python program, that parses the sheet music, which generates C code, that generates a final C array, which is played by a for loop (only slightly cursed).
+ </p>
+ <video class="video" height="300px" controls>
+ <source src="Song.mp4" type="video/mp4">
+ </video>
+ <hr class="line2">
+ <h3 class="title">Day 2 - CYD-hero</h3>
+ <p class="text">The game is piano tiles! It uses the touch screen to create a touch piano. The entire thing is written in Arduino C. We used TFT_eSPI for the display. The entire game is made of rectangles and rounded rectangles. The devices is the same as with bad apple, just a speaker attached to the CYD.</p>
+ <img class="image" src="Game.jpeg">
+ <hr id="line">
+
+</html>
+
+
+<style>
+#background{
+ background-image: url("wallpaper.gif");
+ display: grid;
+}
+ #logo{
+ display: grid;
+ width: 400px;
+ justify-self: center;
+ image-rendering: pixelated;
+ image-rendering: crisp-edges;
+ }
+
+ #line{
+ width: 60%;
+ }
+ .title{
+ display: grid;
+ justify-self: center;
+ font-family: monospace;
+ color: aliceblue;
+ }
+ .text{
+ display: grid;
+ justify-self: center;
+ color: aliceblue;
+ font-family: monospace;
+ text-align: center;
+ width: 70%;
+
+
+
+ }
+ .video{
+ display: grid;
+ justify-self: center;
+ }
+ .image{
+ display: grid;
+ justify-self: center;
+ width: 30%;
+ }
+ .line2{
+ width: 30%;
+ }
+
+</style>
+ </center>
diff --git a/CYD-hero/Game.jpeg b/CYD-hero/Game.jpeg
Binary files differ.
diff --git a/CYD-hero/Keyboard.jpeg b/CYD-hero/Keyboard.jpeg
Binary files differ.
diff --git a/CYD-hero/Song.mp4 b/CYD-hero/Song.mp4
Binary files differ.
diff --git a/CYD-hero/wallpaper.gif b/CYD-hero/wallpaper.gif
Binary files differ.
