Skip to content
    Back to all Bounties

    Earn 900 ($9.00)

    Time Remainingdue 2 years ago
    Unlisted
    Canceled

    Create a HTML, CSS, and JavaScript website that is an io game.

    hassamohammed
    hassamohammed
    Posted 2 years ago

    Bounty Description

    Create a HTML, CSS, and JavaScript website that is an io game called papa.io.

    Gameplay:

    • Players run around a large map with houses (that they can hide in for 5 seconds, then it disappears, papa will chase the next closest person when player is in a house, there should be the same amount of houses as amount of players in that map spawn in) using the arrow keys.
    • There is a papa image (papa.png | I will send that to you) that chases the closest player.
    • There can be up to 50 players per map.
    • When a player is touched by papa, there will be a "wasted" popup that reads "you got tooched by papa" with two buttons, Play Again and Return to Home
    • Each wave lasts 2 minutes.
    • After each wave, the map shrinks by 5%.
    • After each wave, a new papa (papa.png) is added.
    • When it gets to wave 10, and every other wave that is a multiple of 10, a super papa (spapa.png) spawns in.
    • Super papas are 5% faster than normal papas.
    • The last player standing wins 10 coins.

    Home screen:

    • Create Private Game button: Sends the player to a private map that does not start until the creator clicks Start.
    • Join Private Game button: Allows the player to join a private game using a join code.
    • Shows the player's coins and username.
    • If the player is not logged in, it shows Login/Sign Up.
    • Login data is stored locally in a .json file.
    • And normal play button centered on the home screen, to add the player to a random room

    Shop button:

    Allows the player to buy coins for the following prices:

    • 100 coins for $0.99
    • 1000 coins for $9.99
    • 10000 coins for $74.99 (Save 25%)
    • Remove ads for $4.99

    Also allows the player to buy upgrades:

    • +1% speed for 25 coins
    • +5% speed for 200 coins
    • +7% speed for 1000 coins
    • Square avatar for 100 coins
    • Triangle avatar for 250 coins
    • Papa avatar (papa.png) for 1000 coins
    • Super Papa avatar (spapa.png) for 5000 coins
    • Invisibility cloak (one time use, useable for 30 seconds, once during a game, by pressing z) for 100 coins
    • Players are just circles with their usernames hovering over them.
    • Normal papas say papa over them, and super papas say super papa over them
    • When people sign up, they cannot set their name to the following: Papa````papa````superpapa SuperPapa Superpapa or superPapa
    • Usernames cannot have spaces
    • Every time a player participates in a game, they get 1 coin (+10 extra coins if they win).

    Payment system:

    • Use Stripe to setup a payment system with USD.

    Ads:

    • Show a 15 second video ad the first time a player plays (in that session) and every few games they play afterwards.
    • Have one ad on each side of the home screen and game screen.

    Shop:

    • Make the shop a pop-up window, not a separate screen.

    In-game chat:

    • Add an in-game chat.

    Requirements:

    • Use vanilla HTML, CSS, and JavaScript.
    • No data should be encrypted when saved in the local database.
    • It should be a 2d game

    Source code:

    • Please provide the source code for the game.

    Thank you!