Finally, Shipping Soon!

Hello everyone, welcome to Devlog #16 of Asobi!

Final Changes Before Shipping

So, the few changes I did before shipping are:

Site Icon

I have added the icon for the site.

GIF to WEBM

I converted all the GIFs to WEBM files, as there was some glitche with the GIF files because of which the file size was becoming too large.

Because of this, the site’s loading screen was sometimes being shown for over a minute.

So, I converted them to WEBM to reduce the file size and improve the loading time.

Loading Screen

I have also added the same loading screen to the Game List page as well.

While the images and game list logos are being loaded, it will now show a loading screen instead of leaving the page empty.

I guess that’s it!

Finally Shipping!

You can check out the game here:

http://shrestha-project-08.10001mb.com/
Play in full screen for better experience [Press F11]

Also I will attach a overview video of the site

You can play the game using the link above.

Thank you so much for reading, and I hope you all enjoy!

Have a nice day! =)

Asobi Devlog #15

Hello everyone, welcome to Devlog #15 of Asobi!

Okay, so in this update,I have to inform about the bugs fixed and some hosting issue I am facing …

Bug Fixes

I fixed some bugs related to the scores.

Sometimes, scores were not being updated properly, and sometimes I was being redirected from the username page back to the game list again and again.
And yes, I did use AI to help me help me spot and debug these bugs.

Leaderboard Icon Removed

I also removed the Leaderboard sign from the game list.

Obviously, there isn’t really a reason to show the leaderboard there because no game has been selected yet, so there is no specific leaderboard to display.

Trying to Ship Asobi

Right now, I am trying to ship Asobi as soon as possible, but I haven’t been able to find a reliable hosting site yet.

Previously, I used InfinityFree, but due to some problems, I am currently unable to properly ship the site using it.

To be more precise, I uploaded a GIF that is around 700 KB, but as soon as I reload the file manager in Infinityfree, for some reason its size increases to around 6 MB.

Because the file becomes much larger, the loading time also increases, which makes the site feel slow adn laggy.

I found another hosting service as well, but I forgot its name. I will mention it below once I remember.
(AwardSpace)
The problem with that one is that it **doesn’t provide SSL certification for free **, so the browser keeps showing warnings such as “Not Secure site”.

So yeah, if I find a reliable hosting service, or if the problem with InfinityFree gets fixed, I should be able to ship Asobi really soon.

Loading Screen

One more thing I added is a loading screen.

For now,I have only added it to guess.html.

README Update

I have also added the credits to the README regarding the loading screen design =)

That’s It!

Yeah, that’s pretty much it for this devlog!

If you didn’t understand something or if you think I didnt explain anything properly then please do tell me in the comments, and I will try to explain it again.

Also, if anyone knows a reliable hosting site that supports PHP and SQL, please do tell me in the comments.

That would be a great help!

Thank you so much for reading, and have a nice day! =)

Asobi Devlog #14

Hello everyone, welcome to Devlog #14 of Asobi!

So this time, I have tried to move almost everything to the backend.

Moving Everything to the Backend

Previously, things like the number generation, checking, score calculation, and results were handled on the frontend.

But that had a pretty obvious problem.

When I created this type of game previously, some people would simply console.log the random number and get the correct answer almost like i mean everytime.

And Some people even executed the saveScore function themselves (╥﹏╥)

So, to avoid that this time, I have moved almost everything to the backend.

The number generation, checking, score calculation, and other important game logic are now handled by the server in the backend.

Lets hope everything will be fair now (ᵕ—ᴗ—)

Best Score on Difficulty Levels

Along with that, I have also made some visual changes.

Previously, the best score or rather, the number of tries was displayed as plain text at a constant place .

Now, whenever you click on a difficulty level, your best result will be displayed at the bottom-right of that particular level label.
I will attach a image below , I guess thats the only image i can show for this update (ó﹏ò｡)

It shows the lowest number of tries in which you have ever completed that difficulty level.

And obviously, the lower the number of tries, the better.

Points System

And I also wanted to make one thing clear.

Yes, this time I have used a points system instead of directly using the number of tries for the leaderboard.

Let me explain why.

Previously, when I made this type of game, I used the number of tries to determine the ranking.

For example, if the Beginner difficulty is from 1–10 and you completed it in:

• 1 try → Rank 1
• 2 tries → Rank 2
• 3 tries → Rank 3
• And so on…

But there was a problem with this system.

A lot of people were able to complete the lower-level difficulties in just 1 try.

This meant that there could be around 8 or 9 people with Rank 1 on some of the easier levels , it kinda made the rank 1 less special or look cheap tbh.

Technically, that was fair, but it didn’t felt quite right.

It was something like ,
Once you got Rank 1, there was also basically nothing more to achieve.

So this time, I implemented a points system.

The basic idea is:

Lower number of tries = More points

This gives players more room to compete instead of simply having multiple people stuck at the same rank and maybe also encouraging them to collect more points.

##Responsiveness
I will be honest about this , I am not really good at making sites responsive so i took the help of Gemini for making the site responsive.

That’s It!

I guess thats it,
So yeah, that’s basically what I have added this time.

Also,I thought of shipping it by today but there is another bug (sometimes the score is not being saved and it is requiring me to logout and login, i honestly havent still figured it out why its happening yet, But I am hoping to fix it soon and Also ship it soon.

I hope I was able to explain everything clearly.

If something was unclear, please tell me in the comments, and I will try to explain it again.

Thank you so much for reading, and have a nice day! =)

Asobi Devlog #13

Hello everyone, welcome to Devlog #13 of Asobi!

Okay, in this devlog, I would say there are quite a few additions, but I assume these two can be considered the main ones.

Sign Up & Login

The first major addition is the Sign Up and Login feature.

When you try to log in for the first time, you will need to create an account first.

You don’t really need to verify your email or anything like that. I did think about using OTP verification, but I felt like that would be a bit too much pain tbh

So, I tried keeping it simple .૮₍ ´ ꒳ `₎ა

You just need to:

1. Enter a unique username
2. Enter a password
3. Confirm your password
4. And you’re ready to start playing!

That’s basically it.

Leaderboard Time Filters

Apart from user authentication, another major and somewhat time-consuming addition was the leaderboard time filter.

Now, you can change the leaderboard based on different time periods:

• Last 24 Hours
• This Week
• All Time

I thought this would be better because someone who is new to the game shouldn’t have to immediately compete with someone who has been playing for a long time.

With the Last 24 Hours leaderboard, new players at least have a chance to compete and get themselves onto the leaderboard.

Other Small Changes

There are also a few other smaller additions and changes.

I have changed the color of some text, including the numbers, and made some other minor visual adjustments.

I have also changed some of the text throughout the game. These changes aren’t anything too significant, but they should be noticeable.

New Game Banner

And finally, I have added a banner for the next game that I will be working on later.

The game is going to be a The Clicker.

I will be updating it soon, but for now, I’ll be skipping this project and working on other parts of Asobi first.

That’s It!

And yeah, I guess that’s it for this devlog! I will be working on making the site calculation , like the generating and checking number saving server side so that no one cheats like before (╥﹏╥) .(old story short , I have made similar game before too where many people cheated as everything was done in frontend but it was deleted and I am making better version of it from the scratch)

If anything was unclear please tell me in the comments and I will try again to explain . Thank You so much

Thank you so much for reading, and have a nice day! =)

Asobi Devlog #12

Hello everyone, welcome to Devlog #12 of Asobi!

So, umm… the main change—or addition, I would say—is the Hint Reaction.

Hint Reaction GIFs

GIFs are always fun, so to make the game more interesting, I have added GIFs to the game. But their role is actually more than that.

For Hardcore Mode players (as well as normal players), the GIFs can sometimes act as a Secret Hint.

Let me explain.

There are a total of 18 GIFs that will be displayed randomly in the game: (The concept is same as my old game which was taken down, but i m trying to make it even better this time)

• 3 GIFs hint you to guess lower
• 3 GIFs hint you to guess higher
• The other 12 GIFs are just for fun

This means there is a 33.33% chance that the GIF you get is actually a hint! =)
And dont worry you wont be displayed the gifs to guess higher when the random number choosen is lower =).

This feature is applied to all levels and modes.

Top 3 Leaderboard Texture

Okay, the next change is that I have added a sort of texture to the backgrounds of the Top 3 players.

This has been added to both:

• The leaderboard on the main game page
• The full leaderboard page

Difficulty Backgrounds

I have also added a little background color to the difficulty levels, such as:

• Beginner
• Normal
• Hard
• etc.

Before it was plain text and honestly i agree it didnt even seems clickable

SVGs on the Navigation Bar

Another change is that I have added SVG icons to the navigation bar at the top.

あそび — Asobi

And finally, I added the Japanese text あそび, meaning Asobi, below the logo.

That’s All!

I guess that’s all for this devlog!

If anything was unclear, please do tell me in the comments, and I will try again to explain it.

Thank you for reading, and have a nice day! =)

Devlog #11 - Asobi (あそび)

Hello everyone, welcome to Devlog #11 of Asobi.

Update

So, I have finally finished working on the leaderboard page , and i have alos added a score card , which will be helping you understand about the pointing system of the game .
I will attach a video below instead of explaining what i just made , i guess that would be much better than words =)

And as always, if anything was unclear in my explanation, then plz comment and I will try to explain it there.

Thank you so much for reading, and have a nice day. =)

Devlog #10 - Asobi (あそび)

Hello everyone, welcome to Devlog #10 of Asobi.

Update

I just added a point system and am currently working on a seperate page to show leaderbaord and few other info like total games and stuff.
so Let me explain the point system.

Each difficulty has base point , if you guess the number in just one try , you get the base point ,and if you do it in more no. of tries/attempts you will lose points. Also there is a limit in how much you will get despite the no. of time you attempt , For an example if you even go like 100 attempts to guess the number between 1 to 10 then you will get at least 2 points in the beginner level . Its different for different level. I will try to make a table below.
Difficulty | Base Points | Points Lost | Minimum
Beginner | 10 | -1 | 2
Normal | 25 | -2 | 5
Hard | 50 | -3 | 10
Expert | 100 | -4 | 20
Master | 200 | -5 | 40
Impossible | 500 | -6 | 100

#Also The custom games are not eligible for Gaining points

This devlog might have gotten abit big. Sorry about that, but i need to explain things.
Also the main formula to calcualte points
Points = Base Points - (Attempts - 1) × Attempt Penalty
And as always, if anything was unclear in my explanation, then plz comment and I will try to explain it there.

Thank you so much for reading, and have a nice day. =)

Devlog #09 - Asobi (あそび)

Hello everyone, welcome to Devlog #09 of Asobi.

Update

Finally Database is connected and actually working . I spent half an hour doing everything to fix , but not turning on mariaDB (╥﹏╥) .

But anyway Finally the leaderboard is working , but It currently show all the tries , so still need to work on alots of thing, and still have to move the number generation to backend as i dont want to end up like my old Binary Bound .

I am still working on backend to conclude , except for a design on the leaderboard players list design.

I guess that’s it for this devlog.

And as always, if anything was unclear in my explanation, then plz comment and I will try to explain it there.

Thank you so much for reading, and have a nice day. =)

Devlog #08 - Asobi (あそび)

Hello everyone, welcome to Devlog #08 of Asobi.

Update

I have completed working on the layout of the gamelist section where all the mini games will be displayed ,currently I have only made Guess the Numeber so i have kept only that for now.
Also I have finally started working on the backend (php ,sql).

I guess that’s it for this devlog.

And as always, if anything was unclear in my explanation, then plz comment and I will try to explain it there.

Thank you so much for reading, and have a nice day. =)

Devlog #07 - Asobi (あそび)

Hello everyone, welcome to Devlog #07 of Asobi.

Update

I have just completed working on the html and css part of the Asobi username , where username will be asked to the new users[entire js part is untouched right now]. I will upload a short video , i think that might be better than explain the design.

I guess that’s it for this devlog.

And as always, if anything was unclear in my explanation, then plz comment and I will try to explain it there.

Thank you so much for reading, and have a nice day. =)

Devlog #06 - Asobi (あそび)

Hello everyone, welcome to Devlog #06 of Asobi.

Update

I have completed working on the landing page .
Also I wanted to share how I take steps . Umm so basically I first go to chatgpt and tell to generate image of what i am going to make and then i ask it what the site should look like , and later i write code and make my site look same as the reference image (I also keep the reference image in the github, you can check it out). [The screenshot below is image of site itself]
I also added some animated button design on the “Play Custom” button . I will put 2 screenshots if I am allowed to . And currently I am working on the page to accept the username .
Also I have added sound effect on hover of the each letter of A S O B I

I guess that’s it for this devlog.

And as always, if anything was unclear in my explanation, then plz comment and I will try to explain it there.

Thank you so much for reading, and have a nice day. =)

Devlog #05 - Asobi (あそび)

Hello everyone, welcome to Devlog #05 of Asobi.

Update

I have almost finished the layout .Additionally , I have changed the New Game btn design , and Guess design . I will provide the link of them in the Credits session of readme later on .
I will attach a short video rather then explain with words , ig that would be much better =)

I guess that’s it for this devlog.

And as always, if anything was unclear in my explanation, then plz comment and I will try to explain it there.

Thank you so much for reading, and have a nice day. =)

Devlog #04 - Asobi (あそび)

Hello everyone, welcome to Devlog #04 of Asobi.

Update

I actually dont have much to give update about , i have been struggling with the layout , I know tools like figma exists but i dont really know how to use it (and neither tried ) but i am still working the layout, i made a layout design on paint which i will attach here . Sorry , Hopefully i will be able to share something intresting next time (╥﹏╥)

Also I have my entrance exam soon , so will not be able to work much for around a week.

I guess that’s it for this devlog.

And as always, if anything was unclear in my explanation, then plz comment and I will try to explain it there.
(Reference img (AI generated) available in GitHub)

Thank you so much for reading, and have a nice day. =)

Devlog #03 - Asobi (あそび)

Hello everyone, welcome to Devlog #03 of Asobi.

Update

I will be trying to keep it short.

Custom Game
Here you can select the lower and higher limit yourself and choose options like minimum number , maximum number, no of guesses.

Colors to the Arrow in history.

Input limit
Now i have added input limit which means if there its a beginner level with range from 1 to 10 then , and if you try to enter 99 or any number greater than 10 , then it will autocorrect it self to the highest and will also display a range msg =)

Still working on the layout…

Also I have my entrance exam soon , so will not be able to work much for around a week.

I guess that’s it for this devlog.

And as always, if anything was unclear in my explanation, then plz comment and I will try to explain it there. (￣︶￣)↗

Thank you so much for reading, and have a nice day. (≧◡≦)

Devlog #02 - Asobi (あそび)

Hello everyone, welcome to Devlog #02 of Asobi.

Update

I have added a few more features, and I will try to summarize them in short.

• Added different levels:

  • Beginner (1-10)
  • Easy (1-50)
  • Normal (1-100)
  • Medium (1-500)
  • Hard (1-1K)
  • Expert (1-10K)
  • Master (1-100K)
  • Impossible (1-1M)

• Extra hint

  When your guess is 5% close or lower to the required randomNum, it will show a message like “You are very close.”

  When your guess is 20% close or lower, it will show a message like “You are close.”

  And if it’s away by more than 20%, it will show a message like “Nah, too far.”

• I have also added a history,

  which shows your recent choices, with an arrow indicating whether your choice was higher or lower than the required number.

I know that all these hints will make the game easier, but don’t worry. I will make sure to add things that make the game interesting as well as a bit difficult. ( •̀ ω •́ )✧

I guess that’s it for this devlog.

And as always, if anything was unclear in my explanation, then plz comment and I will try to explain it there. (￣︶￣)↗

Thank you so much for reading, and have a nice day. (≧◡≦) ♡

Devlog #01 - Asobi (あそび)

Hello everyone, welcome to Devlog #01 of Asobi.

A lot of things happened, but let’s keep working.

I’m currently working on Asobi, あそび (which means “play” in Japanese).

It will be a website that will contain a collection of games.

Currently working on Guess the number game, will add tones of game soooon
I’m planning to add features like leaderboards, achievements, levels, effects, and many more things.

I’ll be adding those features one by one over time (if I get enough ideas -_-).

Right now, I’ve only finished the simple basic design and js code for the 1 to 100 guessing game.

Also, I’m using a neumorphism design (like before, to be honest), but the code is completely different.

I’ll keep the link to the website from which I’m taking the design below.

(It’s allowed, I asked about it on Slack, so don’t go banning me for that. (￣▽￣”) )

Neumorphism:
https://neumorphism.io/#e0e0e0

I guess that’s it for this devlog.

And as always, if anything was unclear in my explanation, then plz comment and I will try to explain you there. (￣︶￣)↗

Thank you so much for reading and have a nice day. (≧◡≦)

Also Thanks @Sam for support =)