A fun web-based clicker game, where you click to write 'code'!
vair.nooi
Check their projects out: Simple Docker Dashboard, Little Adventure, Simple Spotify Snake, Docker with Node, My Profile, Hackclub AI UI
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Minor touchups, and fixes. Also built and published to GitHub pages, and merged my code changes in a pull request. The commit history is below :)
I've added a global leaderboard :D
Now you can see how you score against other players!!! It uses a FastAPI/PostrgreSQL backend hosted on Nest, so it takes a few seconds to load the leaderboard. You can add yourself by choosing a username, and then your score will be perpetually updated on the backend. The leaderboard will show the top 100 people.
Added some SFX! Each time you click a keyboard key sound effect is played. There are 23 different key sound effects I've included, and each time you click a random one is played. This makes it sound more realistic, like if you were actually typing.
I spent this time mostly tidying up the code and removing some bugs, as well as adding some safeguards, etc. I also added a couple final effects, and cleaned up some redundant sections in the code. Github Copilot assisted with code review, but didn't make any major changes.
I've done a lot of work in this update! I've implemented both CRT and 'Hacker' backgrounds, as well as the custom cursors, and some click effects!! The CRT background uses the same shader as the achievement display, and the hacker background scrolls random lines of 'code' along the background. The cursors are fairly self explantory, and the click effects include sparks (particles) which fly off each time you click, and bubbles, where each time you click you add a bubble which rises to the top.
I've now added matrix rain! This incredibly iconic green raining text, from The Matrix, really adds to the coding vibe of the game, making it an ideal upgrade for users. It has been implemented using a fairly rudimentary system, avoiding the use of shaders to maximise compatibility.
I've now begun implementing some of the background upgrades. The one shown below is the binary snow - 0s and 1s fall like snow across the screen. They are created using particle emitters, which took some time to properly tune in, but now make a nice effect.
In this update, i've begun adding UI support for cosmetic upgrades. There are four types you can get - backgrounds, cursors, click effects and sound effects - and you can get them using a new currency, which are gained from achievements. Next up is actually implementing the upgrades!
In this update I've focused on polishing the project, balancing upgrades and removing bugs. It is now published on Github Pages (https://madavidcoder.github.io/CodeClicker), and the upgrades have been rebalanced, along with a number of other bug fixes.
I've now added upgrades! These upgrades can be acquired with 'lines' (gained by clicking), and include increasing lines per click and also auto-coders. Auto-coders give 'lines' passively without the user having to click, allowing for idle progress.
So far, I've implemented all the structure and framework for the game. I've also added achievements which display on a super cool CRT screen at the bottom.
Implementing the CRT screen and getting the shader to make the scanlines work was definitely the most time-consuming part of making this.