You are browsing as a guest. Sign up (or log in) to start making projects!

3h 51m 41s logged

Context

  • This is my first devlog for this project.

  • From now on, I will try to use stardance markdown and stuff to make the devlogs look nice!

What I Did

Setup

  • Okay, so I lost all my Github Codespace credits, so I thought it was over for me since my laptop’s broken and I’m stuck using a school chromebook.

  • What saved me? Hack Club Spaces! What a wonderful website, basically Codespaces but free and for people part of Hackclub!

  • With this in mind, I began to brainstorm what my project would be! I decided to make a website/portfolio for Team Akari, an indie game development team I’m part of!

Here is my setup process basically:

  1. Make the workspace.
  2. Connect GitHub.
  3. Attach Hackatime with Wakatime.
  4. Get vite so I can preview the website as I code.
  • It took a while for me to do those three setup tasks as I am very new to Hackatime, VS Code and Codespaces, and GitHub.

Background

  • Okay, so I made a logo for the team in Canva, and I’m still working on it. But I made an interesting midnight blue sort of color for the background, and then I put a glowy figure, mostly transparent static, and the team name “Akari” over it.

  • I wanted to kind of use these colors as branding, like the blue background, the glowing character, the white text, and the sort of dots in the background from the static effect.

  • So I made a background, simple as that. Tried to get it similar color. #0f1722

  • Then I made a mortal mistake. I decided to add glowy particles vfx in the background. LOL

Next few hours…

  • I’m a perfectionist, so I basically spent a looong time tinkering with the particles, are they going to be glowy yellow? Or white? Are they going to be big or small? How should they move? Should they follow the scrolling or stay in their place?

  • Anyways, you can get an idea of how much time I wasted trying to make something as insignificant as background particles.

  • In the end, I decided to make them small little white dots, with random brightness and speeds, that move with turbulence physics!

Tab

  • I decided that maybe I should add a favicon and tab title, so I made a tiny version of the logo for the favicon using the letters AK for Akari.

  • Then I did a simple “Akari Entertainment” for the title!

Title

  • The final thing I wanted to accomplish was making the title, I wanted to make it like the one from the logo, but as I experimented with more and more fonts and font characteristics like font weights, I started to realize how filled in bubbly sort of letters might look cool.

  • So for now, I will try “Fredoka” google font and see how it works out.

  • Final thing for the font, was adding the neon sort of glow, that was easy, I just made a text shadow with a white glow.

Conclusion

  • Okay, so that was what I did in these 3h 41m of working on my project.

Note

  • This is actually the most exhausting devlogs I’ve ever made not gonna lie, I hope the extra effort will make the judges like this project better,

What To Do Next

  • So basically, I have to design some more stuff before I start implementing like the navigation bar and the user interface. But I feel like I’ve accomplished a good foundation, I can’t wait to see where this project takes me!
0
63

Comments 1

@MaxMadeGG

cool