By
@PAPER_01
I am building a web-game with full backend integration and trust me there is way more than that which I worked on , please consider reading the devlogs =) . Have a nice day.
**Hello Everyone** , Welcome !
For this time I have made a Game Binary Bound . The concept is simple , the JS generate a random number and you are supposed to guess it in least number of tries possible , but there is more than that . I tried to make the game more interesting and fun . I will explain it properly in the features section below =)
**Features**
**Levels **: There are total of 6 levels where you guess the number between
Level 1 : 1 - 10
Level 2 : 1 - 100
Level 3 : 1 - 1000
Level 4 : 1 - 10000
Level 5 : 1 - 100000
Level Impossible : 1 - 1000000
**HINT (for non-hardcore mode)** :
There is also a hint below the input box where you will be given hint , which will tell you the next number you are supposed to guess is higher or lower the current one you just guessed. Let me leave no confusion .
Assume you are playing Level 2 (its also selected by default =) )
You chose 50 , and the hint says something like "Hint : Nah buddy, try Guessing Lower" then you can totally eliminate Numbers below 50 and chose any lower and the process reapeats .
hopefully it was clear .
**The HARDCORE Mode** :
What if there was no hint 😗 .
How would you guess the your next number ?
Yep thats Hardcore mode , but I know it would be abit tooooooo dificult if we imagine it with level 3 or 4 or even higer . Thats why i have also added the GIF system (HARDCORE lifesaver).
**The secret HINT**:
GIFs are fun ! So to make the game more interesting I have also used the GIFs but its role is actually more than that .For the Hardcore mode player It could sometime act as a Secret Hint . Its expalined in the Devlog #6 but lemme expain to you in short anyway.
There are total of 18 GIFs which will be displayed randomly in the game . Among which 3 are hints which hints you to guess lower and another 3 are hints which hints you to guess higher .
Which means there is 33.33% chance that the GIFs = Hint =)
It is applied to all Level and modes . I hope it was clear =) .
[It is also explained in detail in Devlog #6]
**The Leaderboard** :
I have integrated a leaderboard system where all the players will be listed who has guessed the number at least once . Also I would like to explain you the ranking system .
The common rule is the one who gusses in the least number of tries ranks higher(at the top).
But here is a catch , In case if there are two players with same number of try and they achieved the position same number of time then they will share the same rank . Lemme give you an example :
Assume two players (Player A and Player B)
Player A guessed the number in 2 tries ( one time )
Player B also guessed the number in 2 tries (two times)
Then in that case Player B will be ranked above player A .
**The SFXs** :
There is sound effect (different for each , correct guess and incorrect guess (meme sound btw😅) . Its just for fun , but you can mute that option by clicking on the Error sound btn (and your preference will also be saved in localStorage =) )
Now lemme tell you some more about my project .
I first time saw this design (theme) in the instagram and tried to replicate in , and I found what colors they exactly use from this site : https://neumorphism.io/#e0e0e0
I will be transparent and declare the use of AI : I used AI (Gemini and ChatGPT) . ChatGPT while making the shake error nad Gemini especially for Debuging the backend and while making the leaderboard system .
I assume thats it for this project . Its my biggest project I have worked on so far .
**Thank you so much for reading .**
If something was unclear please comment , i will reply =)
**Have a nice day =)**
43m 34s logged
Finally Shipping !!!!
Live Demo here : https://sudip-project-06.wuaze.com/
Have a nice day
2h 9m 20s logged
**Hello Everyone! **
I know I said that the las one would be my final devlog.. but here I am again . Welcome to **Devlog #9. **
I know I said that the las one would be my final devlog.. but here I am again . Welcome to Devlog #9.
According to the timer or the time spent on the project might be displaying around 2 hours , but behind it there is a whole story . Lemme tell You.
After the last devlog , I tried hosting/deploying the project on the internet and as I was doing that , I ran into 500 Internal Server Issue and I know its hard to believe but it took me 5 HOURS to only notice that the error was a single space (to be specific ,
Before fix=> header(“Content-Type: application/json”);
After fix=> header(“Content-Type : application/json”);
)
Honestly I didnt even know it could cause issue , as the previous code worked perfectly when i ran the code locally(using the vscode extension PHP Server by brapifra), It was Gemini who figured it out when I sent it the screenshot of the error and the code(after it was uploaded to the server). I literally thought it was issue with my account with which I was hosting , so I even tried creating multiple accounts and digged into Youtube and more but could find what was wrong, I feel really greatful to Gemini for this .
(The loading of GIF and sound still takes abit time when its loading for the first time,but it SHOULD be fine after that, hopefully😅).
I understood the feeling of both frustration and exitment during this journey . I cant ensure you that the project is flawless but I hope it would be fun for you .
Now I can say that , Finally the project is complete and here is the demo link :
https://sudip-project-06.wuaze.com/
Will be Shipping soon!
**Thank You SOOOOOOO Much .
Have a nice day .
3h 32m 41s logged
Devlog #08
Hello everyone , Welcome again .
(I will keep this one devlog abit short) . This might be probably the last devlog for this project . Finally the polishing stuff is done . I have made this site responsive (still i recomend playing this game on pc / laptop , honestly i suck at making site responsive but i did try.) , also before I used index as position thats why i had an ranking issue on the leaderboard which took me longer to find then to fix it acutally (i will keep the screenshot somewhere below.).
I plan to explain the whole game once again while shipping. Thank you everyone .
Have a nice day .
3h 18m 10s logged
Hello again , everyone!
Welcome to Devlog #07
Before I get into the actual update , i want to mention about the to hackatime members(Other readers can skip to next paragraph) that after i renamed some of my files name it totally created the new section on hackatime file and has sepetrated time counter for them and my time on the particular file started from 0 min again.
I completely forrgot to mention this in the previous devlogs even though I have added this feature like few days ago that there is a sound effects which will be played when user gets the answer correct and also for incorrect (all of them are meme sound effects😅) and it will be played after the user take a guess.
And the main update for this is that I have added a mute btn which will you can use to turn the error sound off , also the user preference of (off/on) will be saved in **LocalStorage **so it will remember your preference =) (as long as you are using the samebrowser) .
Hope I made things clear if not please comment and i will try to explain again ..
Also currently I am working on the responsiveness of the site ( and i suck at this fr).
Thank you for reading .
Have a nice day .
4h 40m 4s logged
Devlog #6
Hello again everyone , this devlog might be abit longer but I want to make sure you all understand what changes I made recently .
Welcome back to the journey of me converting a Simple Number Guessing Game(Named Binary Bound) into a full on backend integrated game where you prove the world how lucky you are (probably😐).
Lets start with whats new (will explain in detail below):
First lemme explain the Leaderboard system
Players who guess the number in fewer number of tries ranks higher .
If two or more players guess the number in the same number of attempts , the player with more total wins gets the higher rank . [Only the best records are considered for record , which means if a player guesses the number in 3 tries and later in 2 tries then only the record of 2 is stored in the database ]
lemme give you an example :
Assume there are two player , i.e Player A and Player B
Player A : Guessed the number in 3 tries (only one time).
Player B : Also Guessed the number in 3 tries but gets correct 2 times then player B will rank above Player A .
I hope I was able to make thinkgs clear , if not please comment and I will try again to explain.
Now Lets talk about The GIF system .
We all know GIFs are fun , but here (expecially for hardcore mode player , it will be more than that .)
(btw almost all of them are anime😶🌫️ GIFs)
I have linked total 18 GIFs and among them 6 are hints.
Lemme explain In details
I have total 3 folders storing GIFs
Folder name :
[Correct] -> It has 3 GIFs from which a random any one will be played when the user guesses the answer correct .
[Down] -> It has 3 GIFs which will be hinting downward. (Hinting guess lower)
[Up] -> It has 3 GIFs which will be hinting upward. (Hinting guess higher)
[Error] -> It has total 9 GIFs which has random GIFs , not meant to hint anything , they are just for fun.
[The GIFs will be played in all levels ranging from level 1 to level impossible]
How these GIF are helpful for hardcore player .
Since the 6 of the GIFs are helpful or hintful you may say , then there is total of (6/18) = 1/3 (33.33%) chance that the GIF might be helpful .
eg. If you are playing Level : Impossible (i.e Guessing number from 1 to 1 Million🤧) and you took your guess and spot that the GIF hints you UP or Down then you could easily eliminate 500K numbers (if you choose 500,000).
Hope I made this system clear as well .
If I didnt forget anything while writing this devlog , probalbly Thats it (I will update you if i forgot anything here . )
Maybe will polish the game more and see if could add anything new .
Till then
Thank you for reading
Bye!
1h 21m 23s logged
Devlog #05
Hello everyone again , A quick update again on the Binary Bound Game I was working on.
Now Finally the leaderboard system is working (yeeeeee) , but for now it stores every try made by the user😖 . So now next i will try to do is save only the highest score earned (which is least try in this case) , after i fix it , i will report soon. And also the autologin system is ready , whcih means if the user entered the unique username on the welcome page once then the user wont have to bother entering the name everytime he/she logs in (used LocalStorage for that). Thank you for reading .
Have a nice day =)
3h 0m 25s logged
Hello everyone, Welcome again!
A quick update on Binary Bound.
I just finished working on the backend and the databases, (used php and sql btw) and finally the backend seems to be functioning but still the leaderboard is still under construction. Will be giving report soon.
Thank You
Have a nice day
7h 34m 39s logged
Hello again everyone !
Now I have made some more changes on the game , I changed the theme to Neumorphism(I saw it on IG) and Also i have made different levels along with a hardcore mode. Lemme explain in detail about the levels
Level 1 : 1 - 10
Level 2 : 1 - 100
Level 3 : 1 - 1000
Level 4 : 1 - 10000
Level 5 : 1 - 100000
Level Impossible : 1 - 1M
I know that the higher levels are too difficult but there is always hint to help but there is a catch .
I also added a
In the hardcore Mode even the hints are not available .
Just wanted to make the game a bit hard to see what it feels like 😅
Currently I am working on the backend and Leaderboard system .
Thank You So much
7h 36m 46s logged
Devlog #2: Features Added
Last time, I mostly worked on the layouts. This time, I finally got the game working!
Things took a little longer than expected because I kept accidentally breaking my own code ,
What I added:
Current Status:
✅ Game is playable
✅ Levels are functional
🚧 Customization is still under construction
🚧 Backend coming soon
Thanks for checking out my progress! =)
1h 41m 2s logged
I started working on a Guess the number game[Name : Binary Bound] . I know its a simple project but I am new in this field and i am just trying to build and learn more. This is a simple game but i would try integrating backend too and add something special to make it unique and more fun to play . Here ,
⬜ The white box is main playing area
🟦 The blue box is for customizing the game settings area.
🟩 The green box is the are for leaderboard information area.
