<html><style> .clickbait-green-btn { background-color: green; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 2px gray solid; border-left:5px gray solid; border-top:5px lightgray solid; padding:10px; } .clickbait-yellow-btn { background-color: yellow; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 2px gray solid; border-left:5px gray solid; border-top:5px lightgray solid; padding:10px; } .clickbait-menu-btn { background-color: #444444; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 2px gray solid; border-left:5px gray solid; border-top:5px lightgray solid; padding:10px; color: white; text-align: center; font-size: 250%; font-weight: bold; }

.clickbait-upgrade-btn { font-size: 120%; } </style></html>

Project Details

<html> <div style=“margin:auto;border:1px #c0c0c0 solid;text-align:right;padding:5px;”> #007g05O <div style=“float:left;width:30%;text-align:left;border-right:1px #c0c0c0 solid;font-weight:bold;”>Project ID:</div> </div>

<div style=“border:1px #c0c0c0 solid;text-align:right;padding:5px;”> Original game <div style=“float:left;width:30%;text-align:left;border-right:1px #c0c0c0 solid;font-weight:bold;”>Details:</div> </div> </html>

Information

Clickbait is an incremental clicker game currently in development. More information will be announced shortly.

This will be released on the Spazplay Development website as an HTML variation for alpha and/or beta, but is expected to be released on Steam and/or Android for the full release.

Game Status

Game access: <html><span style=“background:#ececec;color:darkred;border-radius:30px;padding-left:2px;padding-right:2px;”>❌️ Closed</span><br /></html> Completion Progress: <html><div style=“margin-top:-20px;width:100%; background-color:#cecece;”> <div style=“width:50%;margin:auto; text-align:center;background-color:orange;color:#888888;”> 50% </div> </div> </html>

User Interface

Clickbait is going to start off with a basic UI for now until the graphics artists and development team come up with new display features. Though the UI is going to be plain and simple (literally), it's at least going to have colour to it while players will also have the ability to change some things.

We've broken down what everything is and what can be modified in the information below.

Main Buttons

Big Blue Button

The Currency Collector, also known as the big blue button, is the very first source of income. At the start of the game, ypu earn 1 currency each time you click on it, and will earn even more depending on your per click upgrades.

Green Buttons

<html> <div class=“clickbait-green-btn”><span class=“clickbait-upgrade-btn”><strong>Upgrade</strong><br />Cost value</span></div> </html>

Yellow Buttons

<html> <div class=“clickbait-yellow-btn”><span class=“clickbait-upgrade-btn”><strong>Upgrade</strong><br />Cost value</span></div> </html>

The hamburger menu button at the top left-hand corner of the game UI is the menu button. Use this to find/modify quick settings, the UI interface, and even the user shop to purchase (with game currency) special perks.

Ribbons Button

Ribbons are your goals to 100% completion. There are three sets of ribbons, one of which is for general gameplay while the other two sets are related to clicker and upgrade types.

<html> <div class=“clickbait-menu-btn”>RIBBONS</div> </html>

Ribbons Display

Tickets Button

Tickets are not yet an added feature.

<html> <div class=“clickbait-menu-btn”>TICKETS</div> </html>

Tickets Display

Currency

Currency is your one and only spendable resource. You can earn currency by clicking on the currency collector (“the big blue button”), or after you have purchased the use of the auto-clicker by getting your first Helping Hands upgrade. The auto-clicker earns you a set value of currency per second, depending on how many upgrades you have purchased.

Upgrades

Upgrades are used to earn more currency per click/per second. Each upgrade has a specific amount added to your currency for the related action.
If you purchase a green upgrade, this will add 1-3 currency per click, while purchasing a yellow upgrade will give you 1-2 currency per second. Each new purchase will add the same value each time you purchase it.
Upgrade costs rise after each purchase.

Per Click

These upgrades which are purchased with the green buttons are used to earn more currency each time you click the big blue button.

Citizen

First Green upgrade (+1 currency per click)

Business

Second Green upgrade (+3 currency per click)
Unlocks after the first purchase of Citizen.

Per Second

These upgrades which are purchased with the yellow buttons are used to earn currency each second without having to click the big blue button.

Helping Hands

First Yellow upgrade (+1 currency per second)

Accountant

Second Yellow upgrade (+2 currency per second)
Unlocks after the first purchase of Helping Hands.

Ribbons

Ribbons are your goals to 100% completion. There are three sets of ribbons, one of which is for general gameplay while the other two sets are related to clicker and upgrade types.

Basic/Blue → general ribbons collected through the use of the Coin Collector and upgrades
Green → ribbons collected through the purchase of Green upgrades
Yellow → ribbons collected through the purchase of Yellow upgrades

The opaque ribbons are planned to be “hidden” or “secret” ribbons, to make game completion a little more trickier. Secret ribbons will be listed as [?] on the in-game Ribbons menu while they are incomplete, but they will always be available to see here on the wiki.

Basic

<html> <div style=“margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>Let's Begin</div> </div>

<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Click the button for the first time.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>1</span></td> </tr> </table> </div>

<div style=“margin:auto;width:auto;background-color:blue;opacity:50%;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>20/20 Vision</div> </div>

<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Have both currency collectors at 20, at the same time.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;opacity:50%;color:white;border-radius:5px;”>1</span></td> </tr> </table> </div>

<div style=“margin:auto;width:auto;background-color:blue;border:solid 2px darkblue;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>Clicky Clicky</div> </div>

<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Have 1000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>1</span></td> </tr> </table> </div>

<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Have 5000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>2</span></td> </tr> </table> </div>

<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Have 100,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>2</span></td> </tr> </table> </div>

<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Have 500,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>3</span></td> </tr> </table> </div>

<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Have 1,000,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>3</span></td> </tr> </table> </div>

<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 2000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>1</span></td> </tr> </table> </div>

<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 5000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>2</span></td> </tr> </table> </div>

<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 10,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>2</span></td> </tr> </table> </div>

<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 50,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>3</span></td> </tr> </table> </div>

<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 100,000,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>4</span></td> </tr> </table> </div>

<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 500,000,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>4</span></td> </tr> </table> </div>

<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 100,000,000,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>4</span></td> </tr> </table> </div>

<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 500,000,000,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>5</span></td> </tr> </table> </div>

<div> <table style=“border:0px;”> <tr> <td style=“border:0px;”>Earn a total of 100,000,000,000,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;color:white;border-radius:5px;”>5</span></td> </tr> </table> </div>

</html>

Green

<html> <div style=“margin:auto;width:auto;background-color:green;border:solid 2px darkgreen;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>Populate</div> </div>

<div>

<table style=“border:0px;”> <tr> <td style=“border:0px;”>Purchase your first Citizen upgrade.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkgreen;align:center;background-color:green;color:white;border-radius:5px;”>1</span></td> </tr> </table> </div>

<div style=“margin:auto;width:auto;background-color:green;border:solid 2px darkgreen;border-top-left-radius:5px;darkblue;border-top-right-radius:5px;”> <div style=“color:#efefef;text-align:center;margin:auto;”>Gone Shopping</div> </div>

<div>

<table style=“border:0px;”> <tr> <td style=“border:0px;”>Purchase your first Business upgrade.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkgreen;align:center;background-color:green;color:white;border-radius:5px;”>1</span></td> </tr> </table> </div>

<div>

<table style=“border:0px;”> <tr> <td style=“border:0px;”>Have 10 Green upgrades.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkgreen;align:center;background-color:green;color:white;border-radius:5px;”>1</span></td> </tr> </table> </div>

</html>

Yellow

<html> <div style=“margin:auto;width:auto;background-color:yellow;border:solid 2px orange;border-top-left-radius:5px;border-top-right-radius:5px;”> <div style=“text-align:center;margin:auto;”>A Helping Hand</div> </div>

<div>

<table style=“border:0px;”> <tr> <td style=“border:0px;”>Purchase your first Helping Hands upgrade.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid orange;align:center;background-color:yellow;border-radius:5px;”>1</span></td> </tr> </table> </div>

<div style=“margin:auto;width:auto;background-color:yellow;border:solid 2px orange;border-top-left-radius:5px;border-top-right-radius:5px;”> <div style=“text-align:center;margin:auto;”>Free Currency</div> </div>

<div>

<table style=“border:0px;”> <tr> <td style=“border:0px;”>Purchase your first Accountant upgrade.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid orange;align:center;background-color:yellow;border-radius:5px;”>1</span></td> </tr> </table> </div>

<div>

<table style=“border:0px;”> <tr> <td style=“border:0px;”>Have 10 Yellow upgrades.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid orange;align:center;background-color:yellow;border-radius:5px;”>2</span></td> </tr> </table> </div>

</html>

*Full list of Ribbons will be available shortly.

Tickets

Tickets, which can also be referred to as consumables, are special perks you can gain through the game by unlocking specific ribbons, earning currency, or even through events once they become available in a future update.

Each ticket activates its own special perk to help you earn currency, upgrades, or items from the shop. Be cautious when using tickets as some of them could disable the ability to unlock specific ribbons, which would stop you from earning 100% completion.

Tickets have different rarity values that indicate how often you will recieve one of that value. For example, a common rarity will be found a lot more than any other rarity. If you see a legendary ticket, this means it's the highest rarity value and is seen the least of all of them.

Tickets can have the following rarities:
<html>

<span style=“border:3px solid black;background-color:gray;color:#c0c0c0;”>Common</span>

<span style=“border:3px solid darkgreen;background-color:green;color:lightgreen;”>Unommon</span>

<span style=“border:3px solid orange;background-color:yellow;color:#606c60;”>Legendary</span>

</html>

Currency Tickets

<html> <div style=“margin:auto;width:auto;background-color:gray;border:solid 2px black;border-top-left-radius:5px;border-top-right-radius:5px;”> <div style=“text-align:center;margin:auto;”>Advance: 2k</div> </div>

<div>

<table style=“border:0px;”> <tr> <td style=“border:0px;”>Instantly redeem 2,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid black;align:center;background-color:gray;border-radius:5px;color:#c0c0c0;”>Common</span></td> </tr> </table> </div>

<div style=“margin:auto;width:auto;background-color:gray;border:solid 2px black;border-top-left-radius:5px;border-top-right-radius:5px;”> <div style=“text-align:center;margin:auto;”>Advance: 5k</div> </div>

<div>

<table style=“border:0px;”> <tr> <td style=“border:0px;”>Instantly redeem 5,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid black;align:center;background-color:gray;border-radius:5px;color:#c0c0c0;”>Common</span></td> </tr> </table> </div>

<div>

<table style=“border:0px;”> <tr> <td style=“border:0px;”>Instantly redeem 10,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkgreen;align:center;background-color:green;border-radius:5px;color:lightgreen;”>Uncommon</span></td> </tr> </table> </div>

<div>

<table style=“border:0px;”> <tr> <td style=“border:0px;”>Instantly redeem 100,000 currency.</td> <td style=“border:0px;width:2%;”><span style=“border:2px solid darkblue;align:center;background-color:blue;border-radius:5px;color:lightblue;”>Rare</span></td> </tr> </table> </div>

</html>

Upgrade Tickets

<div>

</html>

Shop Tickets

<div>

</html>

Game Shop

You have the option to unlock and change the way your user interface displays. After you reach a specific amount of currency or unlocked ribbons, you can access the shop to purchase some new looks.

Credits

Development

The developers are a big part of Clickbait - it wouldn't exist without them!

<html><span style=“text-decoration:underline;”><strong>Lead Development</strong></span></html>
- Spazvicious
<html><span style=“text-decoration:underline;”><strong>Support</strong></span></html>
- Spazvicious

Graphics

There's artists in the world that help keep things visually entertaining.

<html><span style=“text-decoration:underline;”><strong>Lead Graphics</strong></span></html>
- Spazvicious

Development is currently looking for another graphics artist for this project.

Concepts

Concepts are details such as ribbons, tickets, designs, and other in-game details.

<html><span style=“text-decoration:underline;”><strong>Lead of Concepts</strong></span></html>
- Spazvicious

Special

A special credit has to be given to those who have supported, including the ones who didn't even know.

<html><span style=“text-decoration:underline;”><strong>Game Engine</strong></span></html>
- GDevelop

Table of Contents

Project Details

Information

Game Status

User Interface

Main Buttons

Big Blue Button

Green Buttons

Yellow Buttons

Menu Button

Ribbons Button

Ribbons Display

Tickets Button

Tickets Display

Currency

Upgrades

Per Click

Citizen

Business

Per Second

Helping Hands

Accountant

Ribbons

Basic

Green

Yellow

Tickets

Currency Tickets

Upgrade Tickets

Shop Tickets

Game Shop

Credits

Development

Graphics

Concepts

Special