CodeClicker

CodeClicker

11 devlogs
24h 24m
•  Ship certified
Created by David

A fun web-based clicker game, where you click to write 'code'!

Timeline

Ship 3

1 payout of shell 27.0 shells

David

about 1 month ago

David Covers 3 devlogs and 4h 10m

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 :)

Update attachment

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.

Update attachment
Earned sticker

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.

Ship 2

1 payout of shell 63.0 shells

David

about 2 months ago

David Covers 5 devlogs and 10h 22m

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.

Update attachment

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!

Ship 1

1 payout of shell 88.0 shells

David

2 months ago

David Covers 3 devlogs and 9h 52m

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.

Update attachment

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.