The Void

devlog #5 of The Void
She star on my dance till I say hello everyone new devlog woo.

Ok, so the flow of how the void works has now been updated! To keep things short, I will assume that the other devlog has already been read, and I will just add on on the new stuff. But, for a really basic tl;dr:

When you press enter, the void opens the HCA login website, where you… well login. This is to both keep track of the users in the users table of data, and to know if you are a certified Stardancer™ or not. Then, it’ll promptly take you to the callback site, where it uses a code that the HCA gives in order to identify you. If succesful, the page will say “the void recognizes you” as per the video, and you will log into the void. If not, it will say “something went wrong. the void rejects you.” Simple enough.

Now onto the new stuff that was added:
When the callback website successfully registers your HCA code, it will take you back to The Void, now new stuff appears. You are able to choose your name, 6 characters only, and your thought color, which will be the color that your… well thoughts are in. Really self explanatory. All that info is saved in the Supabase table of users, just for a more simpler way of being able to save all the data.

Now, whenever you enter the main site, it’ll check if you are already logged in. If you are, you will automatically be thrown into the main page of the void (which is the one that just says phase 5 coming soon for now).

So, to summarize the technical side of stuff about what everything is doing so far:
The Void itself runs on HTML, CSS and JS.
Supabase is used for the database.
Vercel is used for its serverless functions for the auth backend.
And finally, HCA (Hack Club Auth) api is used for the login.

And that’s all folks. Honestly, all of this was more easily said than done. I spent like at least 40 minutes trying to fix the connection issues between the sites. But, in the end, it worked as intended, and that’s the best I can hope for.

As of moving forward, the next phase will definitely be the hardest one, which is to make the entire thought and delivery system as well as finding a way of testing it with another person. So, yeah thats cool. If anyone is reading to the bottom of this, and is cool with testing, stay updated for the next devlog where I think I will finally be able to post and ship the beta of The Void!

Sleep tight everyone, don’t let the bed bugs bite.

The voices in my head say hi stardancers.

So, this is kind of a big one. Basically, the hardest problem right now was understanding how to use the HCA (Hack Club Auth) to make it so that the website recognizes that you are indeed a Stardance member. To basically skip all the hassle, it works like this:

The moment you press enter, the button opens the HCA website. In my case, I was already logged in, but in browsers without a yet known Hack Club acc it will prompt to log in and use the verification code and what not.

Then, when you do all that, it goes to the window in the video, where it tells you if you are sure to give that info to the website. What the website does with said info is it sends you to a callback website with a temporary code in the URL. Then, it sends said code to HCA, where it gives back a verification code that this user is indeed a hackclub certified member, more specifically, a Stardance member.

After that, it uses that token to ask who is said user, where HCA responds with their ID and verif. status. If the account exist, and it’s a Stardance member, they will be let in. Otherwise, the page says “the void doesn’t recognize you” (I don’t really have a “way” of testing this, so just trust me on this one that it exists). Finally, the website saves said info, and lets you in The Void.

That was more easy said than done, but with good work and like 3-4 hours later, it got done. But, on a really bad turn of events, the stardance timer didn’t get all that time, and instead logged in 2 hours only. But, it ain’t about the time spent (It actually is but what can i do honestly), but about it working, and if it works, then that’s a job well done (I guess).

Oh yeah I forgot but I switched from github Pages to Vercel in order to hide my Client Secret from being pushed into the repo, which I… almost did. Like 3 times.

Don’t forget to like and subscribe for future devlongs.

What’s cooking my stardancers.

I was able to put the vortex shader on the main file, so now the background for The Void is basically complete! Pure frontend as of now, so now I think it’s time to finally start working on the actual website instead of js vibes.

Hi hello hi stardancers.

Just made a very simple text sequence in a div with a button that does nothing at the bottom, nothing too fancy really. I’m just trying to get ideas captured instead of writing since I don’t really remember most of the time I write stuff?

This is theorically just the intro the user would see only the first time they enter The Void. And, it’s still missing the sort of space vortex shader on the background, which I am learning to make as we speak.

So, I had a thought.

Started really simple with a small idea of making a way for people to talk with each other, but as it has developed, it has become more and more interesting and intricate.

There isn’t much yet, just wanted to get an early devlog, so enjoy this simple particle code as the project goes on.