Follow the Course

So today, I wanted to make my first avatar(something simple like a blob or just a circle), but I think it was a little advanced for me :( Instead I decided to start making the Courses buttons to direct the user to the actual levels. I decided that for this project, I would just make three levels and call it a day, so I set up a folder for each Course or level and set up html, CSS, and JavaScript for each one. I think I could make a circle avatar if I REALLY tried, but I think that it is the functions in order to get it to interact with the key button is what is going to be a but of a challenge for me. I am sorry I am spending so much time for things that is probably considered simple to somebody else. Still a newb, but proud to say I am still learning!

Today, I just decided to use a GIF to become the more immersive background that I was looking for. I found this one that seems to go well with the rhythm of the audio. I also tried to put a text-shadow on the title and made it a little bit bigger. Now to work on the games itself . . .

I decided to add a starry animation for the background of the page. I didn’t exactly know how to do it, but as I was watching a video I was able to create a canvas and define the randomization of the positions of the stars( Kind of going for a space-trek kind of feel in a way). In doing so, everything that I have done for the beginning page got moved down, so I am hoping that once I get the animation done that I can merge what I have done before with the more immersive background. It doesn’t look good right now, so please stand by!

It has been a while! I decided to go with a more retro feel to it and even learned how to add an audio file and set it to autoplay, loop, and unmuted. I also officially figured out what was wrong with the demo url, fixed it and now currently trying to commit changes onto GitHub. Next time, I may learn how to add graphics so the Home Screen isn’t so basic.

So I have made a Rule Page and a Play Game Page, and made sure to have added an Escape button to return to the Main Page. ( I am not really to concerned about the styling right now, I am just trying to focus on what I am trying to do)

Right now I am working on the HomeScreen of the game. I know I know, the background color is not very good, but it is just a placeholder since I don’t like it so blank as I work. I also made 2 buttons (The Rules and the Play Game buttons ) which also seem pretty generic to me, but I am hoping I can improve it further on as I find a theme for this game. I am currently planning on just using CSS, JavaScript, and HTML for this.