Expected Behavior

After 10 route kills, the info at the top should say 10/10

Current Behavior

The info says the exact route kills /10

Possible Solution

setting the data-bind to text: Math.min(10, Player.routeKillsObservable()) will work, however it will continue to check every time you defeat a pokemon, so I think there is a better solution than this.

Something like this:
http://git.blivesta.com/drawer/

The converting part should be easy: Just take in the save file (which is a base64 encoded JSON file) and convert it.

I'm not really sure how we wanna make the shinies appear for the players. I have thought of several options. For example, if you had a shiny squirtle:

1. You keep seeing shiny squirtles until you catch one
2. You get the squirtle at the start of the game (or after you get your first starter or something)
3. There is a pokemon lab somewhere on the map where you can receive your shinies (or convert them?)

Let me know what you guys think!

Port the pokedex from the old pokeclicker

As shown, the text on the map is selectabel. Might also be a good idea to apply mouse::hover on them

• Create a johto svg map
• Decide when it is possible to go to a new region
• Adapt code so that multiple regions is possible (not that much work i think)

We want the chat system to support:
Must have:

• Chat roles
• Login (something like passport-js)
• Ignore list
• pick username at sign-up

Should have:

• Emoticons
• Private messages
• Multiple Rooms

Final things we need to balance before the beta

• Main battling system with type effectiveness
• Key items unlocking the game
• Money gain from battling
• Exp gain from battling
• Dungeon token gain and dungeon cost
• Oak item xp gain and bonuses
• Breeding time
• Gym health and xp gain
• Fill in the shops and item prices
• Balance Pokéball gain

I think we should use some tooltip library that can instruct new players and help them at their start.
Maybe something like tippy.js or opentip?
What do you think?

Since Player is now a static class, we can't simply convert it to JSON and save it in the localstorage.
A seperate save and load function need to be written in a SaveFileHelper class to create a plain js object that can be converted like described.

Currently, catching already caught pokemon has no use. You get dungeon tokens for defeated pokemon, but we want to change it so you only get them when catching a pokemon

Right now, all html is inside the same file, which leads to a big mess.

What would be better, is some sort of include system, where you can include html files inside other html files.
Me and @Ishadijcks don't know anything about this though. Does anybody have an idea?

I looked into using sprites, but I'm not sure that's possible with Knockout.
Here is the code for loading the image:

<div data-bind="ifnot: Battle.catching">
    <img data-bind="attr:{ src: '/assets/images/pokemon/' + Battle.enemyPokemon().id() + '.png' }"/>
</div>

<div data-bind="if: Battle.catching">
    <img data-bind="attr:{ src: '/assets/images/pokeball.png' }"/>
</div>

Pretty happy with it, so I'd rather keep it how it is.
I tried this as a pre-loader, but it didn't work:

    let img = new Image();
    img.src = '/assets/images/pokeball.png';
    for(let i = 1; i<150; i++) {
        img.src = '/assets/images/pokemon/' + i + '.png';
    }

Heyo, sorry for the two week inactivity, cousin got married and never informed you all.

I suppose we make a help tab to clearly explain some of the things that need to be explained.

• Add currency bar
• Add battle stat bar

We could make little tooltips which show on hover, that tell you the name of the town/dungeon

With a little Pokéball next to the name.

If my mouse is anywhere other than on top of a key item, it will show the description to Teachy tv.

Edit: It is whatever item you last clicked on

Edit Edit: I am an idiot, seems to be on purpose

If we create templates for all sorts of issues, we can make sure that they contain the right information.
Each label would have its own template, so submitting a bug would require different information than submitting an improvement.

This revolves around the catching of pokemon. By animation I mean the pokeball that appears when catching

Expected Behavior

The pokemon gets added to the list at the end of the animation

Current Behavior

The pokemon gets added at the start of the animation

Possible Solution

Add pokemon to caught list after animation ends

So as with every game, this game needs achievements.
Achievements are awesome.
I want to implement around 500 of them, because that's cool.
I haven't found a way to do it efficiently yet, but I want each achievement to give a bonus to money/exp gain. Having all achievements will give you a +100% bonus.

Below we can compile a list of all possible achievements.
It is possible for some stats to appear multiple times.

• Gain money 100/1,000/10,000/100,000/1,000,000/10,000,000

• Gain tokens 100/1,000/10,000/100,000/1,000,000

• Gain quest points 100/1,000/10,000/100,000

• Gain diamonds 100/1,000/10,000

• Capture Unique Pokémon 1/10/20/30/40/50/75/100/151

• Capture Shiny Pokémon 1/10/20/30/40/50/75/100/151

• Defeat Pokémon 100/1,000/10,000/100,000/1,000,000 times.

• Capture Pokémon 100/1,000/10,000/100,000/1,000,000 times.

• Click 10/100/1,000 times.

• Find items 1/10/100/1,000/10,000 times.

• Have Pokemon Attack: 100/1,000/5,000/10,000/25,000

• Dig items 1/10/100/1,000/10,000 times.

• Dig deeper 1/10/100/1,000 times.

For each Pokeball

• Get Pokeballs 1/10/100/1,000/10,000/100,000

Each gym and E4:

• Defeat 1/10/100/1,000 times.

Each dungeon:

• Clear 1/10/100/1,000 times.

Each route:

• Defeat 100/1,000/10,000 Pokemons.

• Hatch eggs 1/10/100/1,000/10,000 times.

Expected Behavior

Having many Pokémon should have none (minimal) impact on the speed of the game.

Current Behavior

When having a lot of Pokémon, the game becomes less responsible as it probably has to calculate something a lot of time.

Possible Solution

Find out what is calculating so often and improve it.

Steps to Reproduce

1. Catch 30 Pokémon
2. Click on enemies, notice the delay before the pokéball shows
3. Clear your caught Pokémon list
4. Notice the delay is gone

UI at scale 125%

UI at scale 100%

This is not the browser zoom, but a windows setting.
At ishadijcks.github.io we did not have this problem, so it is possible.

• Port most of the code from the old version.
• Create a class for UndergroundItem.
• Create a class for Underground.
• Make sure fossils can be bred.
• Add daily deals.
• Perhaps create rewards that tie in with the main game (ancient berries or something)

• Intro
  Explain the basic of the game, give the Pokédex and explain what your goal is.

• Gym
  Explain that gyms are time based and that you earn badges.

• Dungeons
  Explain how to navigate through dungeons and how the boss works.

• Shards
  After first prestige explain how you get them and how their effects work.

• First random quest
  Explain the rewards, how to complete and skip them.

• Chat unlock
  Explain how to create an account for the chat, and how to treat human beings

• Underground
  Explain how to get energy and what the rewards are

• Breeding
  Explain how to breed, what the bonuses are and when you get your items back.

• Safari zone

• Shops

• Farm

• Create a Town class
• Finish the list with towns
• Create a Special town for the indigo platform
• Create a shop class placeholder

To keep the subscribers up-to-date :)

We could make a starting sequence where you first pick a starter, and then fight that as your first battle

The value that gets returned by the calculatePokemonAttack() method changes, as can be seen in the console. However, the value in the browser remains the same

Player.routekills needs to be observable so we can show how many kills the player has on this route.
Updating the value does not work however.

Things I tried:

private static _routeKills: KnockoutObservableArray<number> = ko.observableArray<number>();

public static initializeRouteKills(){

        let routeKill: KnockoutObservable<number> = ko.observable(0);
        Player.routeKills.push(routeKill);
    }

"TS2349: Cannot invoke an expression whose type lacks a call signature."

private static _routeKills: KnockoutObservable<number[]> = ko.observable(Array.apply(null, Array(GameConstants.AMOUNT_OF_ROUTES)).map(Number.prototype.valueOf, 0));

   public static addRouteKill(){
        Player.routeKills()[Player.route()]++
    }

This correctly adds a number to the list, but it doesn't update the observer for some reason.

Please help :(

Towns should have color indicators, for when they are unlocked and you are in them

Current Behavior

All towns have the same color

Improved Behavior

• When you are able to move into a town, it becomes another color (eg. orange)
• When you are in a town, the color becomes another color (eg. green).

Reason for change

Improves clarity

Possible Solution

make a calculatecssclass method in the maphelper

The shard system worked pretty well in the old version, except with dual types the multipliers become way too high. So I suggest changing the multipliers to the following:

Not very effective: 0.5x --> 1.5x
Normal: 1.0x --> 2.0x
Very effective: 1.5x --> 2.5x

Each in steps of 10 that increases in cost.

• Players gain 1 shard of each type the enemy Pokémon has.
• Clearer explanation of how the type bonuses work.
• Shard cost and step size should be in GameConsts.
• The player should contain a 17x3 array that contains how many upgrades the player has bought for each effectiveness type, all costs and bonuses can be calculated from this array.
• Port the type match up chart from the old version.
• A TypeHelper class should have a method calculateDamage() that takes a CaughtPokemon and an EnemyPokémon to calculate the damage the individual Pokémon does. Player.calculatePokemonAttack calls this function in a loop

The player needs to acquire the key item to unlock a feature.
In GameConsts add an enumerator KeyItem with all names of the key items.
Each feature we create will have a KeyItemRequirement of type GameConsts.KeyItem, and a method hasAccess() the checks if the player has the KeyItem

@Aegyo you created something like this that I haven't fully looked at, can it be easily ported?

In the menu drawer, the Key item button should display a bag looking interface that gives information about each key item. I'll create the interface.

List of key items:

Current Behavior

The pokemon list just keeps expanding below

Improved Behavior

It should have some sort of max height

• Create a champion class that extends from gym
• Implement the kanto champion

• Create a class for Eggs.
• Add an attribute to CaughtPokémon to indicate that it's currently breeding.
• Add a spot on the map where the player can access the breeding screen.
• Port most of the code from the old version.
• Maybe a small breeding counter that is visible on the main screen.

Whenever you buy multiple items from the shop you obtain one but spend the amount of money as if buying multiple

Dungeon maps look pretty basic right now, maybe we can make some overlay where there is a background behind the dungeon, which depends on the type of dungeon (forest, cave, etc.) or even make one specific per dungeon.

It makes farming for shinies/final Pokémon much easier.

• One option could be to only let the player move when the enemy is below x% health.

• Or we could queue the moving action for when the net Pokémon is defeated/captured, but this might make moving around the map kind of clunky.

• What we also could do is store the route that a Pokémon is spawned on in the battlePokémon, and let the player move around freely, without spawning a new Pokémon. When the enemy is defeated the kill counts towards the old route, and a pokemon with stats from the current route is spawned.

Let me know what you think!

With a little Pokéball next to the name

The old map is kind of wonky and created with draw.io, and exported to svg.

       <rect id="route_17" fill="#0412d9" height="27.3" stroke="none" transform="rotate(90,163.45,262.15)"
                  width="162.7" x="81.6" y="249.5"></rect>
            <g id="route_17" transform="translate(137.5,255.5)scale(0.7)rotate(90,36.5,9.5)">
                <switch>
                    <foreignobject height="19" pointer-events="all"
                                   requiredfeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
                                   style="overflow:visible;" width="73">
                        <div>
                            <div>
                                <font>Route 17</font>
                            </div>
                        </div>
                    </foreignobject>
                    <text fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" x="37" y="16">
                        [Not supported by viewer]
                    </text>
                </switch>
            </g>

Which is pretty ugly for just a simple route.
This can easily be optimized, but I don't want to do it by hand.
If anyone has a better idea for drawing html objects on an image that can be updated I'd be glad to hear it!

Gyms start immediately now, which might be a bit confusing. Maybe we can make a countdown timer for it (could be as simple as Ready -> Go)

When winning a badge, the routes that get unlocked should get the css class that displays them as unlocked.

We could make some random events where you battle the rival. His pokemon depend on your starter and how fare you progressed in the game

Currently it looks like this:

The idea is that the player can select which Pokéball to use for new and Caught Pokémon.

It's really confusing to use with the numbers in the bottom, so I'm looking for something better.

Thoughts?

Not all towns, dungeons and routes have the same height, so the map keeps moving.
This looks very ugly, and all of them should have the same height.