Creating a High Score screen with AI2

[bagi...@gmail.com]

I have been searching for a way to get a high score screen in AI2 for 2 days. The score after the game is working fine but I just can't seem to figure out how to create a high score screen. Every other tutorial I've seen is for AI1, which I don't understand. Please tell me how to create a high score screen in AI2 as soon as possible.

[bagi...@gmail.com]

Btw I'm making a game similar to mole mash

[SteveJG]

Where have you been searching?  If you use the Search for topics block at the top of this page  and type  high score   you get 

https://groups.google.com/forum/#!searchin/mitappinventortest/high$20score

The first item is AI2.

Did this help?

Regards,

Steve

[Taifun]

How to store high scores with TinyDB by richard

Taifun

---

Trying to push the limits of App Inventor! Snippets and Tutorials from Pura Vida Apps by Taifun.         

[bagi...@gmail.com]

I've tried this but it still doesn't work. Also I'd like to say that I'm using 2 separate screens for storing high scores and game scores. Please show me an .aia file or send a picture of your blocks.

[bagi...@gmail.com]

[Taifun]

what have you tried?

you might want to provide a screenshot of your relevant blocks

[bagi...@gmail.com]

I actually used a tiny db instead of labels as the score was stored in another screen. Is that wrong?

[SteveJG]

Using TinyDB is thebest way and you did it.   You might post a png or jpg of the blocks that seem to be this issue as Taifun suggests.

[Taifun]

[Stephen Zipprich]

I just recreated my how to keep a high score list example on my Google site here for AI2.  Check it out.

You can use control blocks for passing values between screens rather than TinyDB.  I like this method better because I'd rather create an app as I would package it for distribution rather than have to redo some of the coding later.  The disadvantage is these blocks don't work in the development environment.  Both ways have their benefits.

[Taifun]

You can use control blocks for passing values between screens rather than TinyDB.  I like this method better because I'd rather create an app as I would package it for distribution rather than have to redo some of the coding later

why do you think, you have to redo some of the coding later, if you use TinyDB to pass values between screens? This is not necessary.

the big advantage to use TinyDB is, to be able to test during development, and this is useful especially for beginners...

as far as I can see, there are no disadvantages...

Taifun

[Stephen Zipprich]

Just personal preference for how I do it.  There's not a disadvantage to using the TinyDB but I don't add them to every project I do in App Inventor.  Because of this, I don't want to add a TinyDB, code for development, then recreate the blocks not using the TinyDB.

[bagi...@gmail.com]

Is this fine?

[ari...@utica.edu]

The overall concept is okay, but there are a few issues.

The flow should be:

• Set Label1.Text to the player's score
• If the Player's score (Label1.Text) > High Score then
• Make the Player's score (Label1.Text) the new High Score.

Move the "set Label1.Text call TinyDB1.Get Value ..." before the "If" statement. (Also, replace the empty string red block for the valueIfTagNotThere parameter to a blue number block with the number zero in it.) This way, the Text property of this label has the current score of the player.

Now, we need to compare this score with the highest score so far (which is in your TinyDB component under the key "HighScore"). Make the following changes to the condition of the "if" statement:

1. Change the name of the key in the TinyDB.GetValue block to "HighScore."
2. Replace the empty string red block for the "valueIfTagNotThere" parameter to a blue block with the number zero in it. (App Inventor may do this automatically, but it is a good practice to compare 'oranges with oranges')
3. Change the relational operator to '<'

That should do it.

[bagi...@gmail.com]

Thanks for your help but I'm still encountering a problem:
The High Score screen doesn't save the highest score it just gives out the last score I achieved in the game.
Eg. My first game's score is 11. After restarting the app and achieving a score of 3 it says my High Score is 3.

[SteveJG]

Several users are struggling with a logic issue involving "saving high score."  Users are attempting to code their own high score block.  You should be 

scanning the forum to see if other users are having similar problems and finding solutions using the Search block at the top of the 

AI2 forum page.

There are many ways to save a high score.

1)  game high score   replaces global high score.   Only the highest score ever achieved is posted.

   High Score: 213               global high score is the only score saved in the TinyDB.

   There are issues here.  Unless there is code to compare the game score with the HighScore, the game score 

  may end up replacing the Highest Score.  You will need a Math block to check which score is greater and logic blocks 

to tell the app which score to save.  

2) all scores achieve are posted but the scores are not sorted.  You are going to have to create a list of scores probably and then sort it.

2)  all scores are recorded along with the 'users' initials or name

    SJG  213

    TAM  200

    JM   180

    

   In this case, before a score is logged into the database, a text box appears where the user can input his/her 

   name or initials.  EVERY score is logged.  You will need tags like SJG, TAM, JM or Steve rather than a single highscore tag.  To show 

the scores, you will need to save the scores of each user from the database into a list, for example, then print out the results in a 

label. possibly using the \n  characters to force line changes in the label.

You can record only the highest score for each tag unless you include more information in the tag, for instance the time.

You as a developer need to provide the logic for the type of high score display you want.

I am not solving your issues, here.   I am only attempting to explain why the results you are coding are different than you expect.

[bagi...@gmail.com]

Thank you but I'm failing to put the pieces together. Could you send me a picture of your blocks, if it's possible?

[bagi...@gmail.com]

Is there anyome who has actually made a high score screen with AI2?

[Taifun]

why not just using Stephens example?

https://sites.google.com/site/stevozip/home/text/highscore

Taifun

[bagi...@gmail.com]

I tried it out but it didn't work for me.

[Taifun]

you might want to provide a screenshot of your relevant blocks

[bagi...@gmail.com]

I actually do not have acess to my laptop right now but if its possible could you show me a .aia file.

[Taifun]

no, I do not have an aia file for you

probably you might want to read this whathaveyoutried.com

Taifun

[Abraham Getzler]

Here's another high score sample to try ...

[Stephen Zipprich]

I tried it out but it didn't work for me.

What exactly about it didn't work for you?  Were you able to modify it for your project?

[bagi...@gmail.com]

My problem is that the high score doesn't save. Eg. Game one's score is eleven. Therefore, eleven is saved as the high score. Game two's score is three but the high score is three instead of eleven. Please tell me if its a problem with my blocks or is it something else?

[bagi...@gmail.com]

I figured out half of the problem. I just misunderstood arevirlegna. Thank you arevirlegna.

Now I would like to add initials to high score and I would also like to add second and third place too.

So far I've figured how to get the highest score without initials.

Here are the blocks:

[Stephen Zipprich]

You'd likely be best benefited by using a list then.  See my example again.  You'll probably need a second list for the initials.

[bagi...@gmail.com]

I'll try but could you explain to me what I can do?

[bagi...@gmail.com]

Guys I just tested my app again and I realised it doesn't work. I guess I was wrong. Please help I have 2 days left to submit my project.

[SteveJG]

This is a very simple demo showing one way to save ALL scores in a game using the new File tool.  The demo saves to the info internally within the app.

Read the File documentation to see how to save to your SD card (see 3 below).  The screen changing routines do NOT free memory as written..write appropriate 

code..this is not a demo about how to change screens.

I tested the example both on the emulator and a tablet.   If you find bugs, please post here.

1)  In this demo, the 'high score' is input using a text box; in a game, you would not use a text box but the variable containing the score.  You will also 

  change the logic requiring text in both textbox1 and textbox2.

2)  You need a File control in each screen you use.  You only need one screen if you post the results in a Notifier instead of in a label.

3)  This code stores the high score file internaly into the app.  You can also store to your SD card using the control character \ preceeding the file name.

4)  Because AI2 apps can not delete Resources, you can not use the DeleteFile directive storing within the app.  Instead the example saves an empty text 

file to MyHighScores.  When the file is overwritten, the contents are completely changed.

5)  There is little or no error control in this example; you need to write your own.

6)  The routine posts ALL scores you capture.  They are not sorted.  Routines can be written to sort them.  You will need to parse the label that contains 

the scores or parse the text file saved.   I imagine you could save this info as a csv file too.

7)  Is this better than using a TinyDB?   Perhaps.

I hope this is useful for someone.    The File control documentation is here:  http://ai2.appinventor.mit.edu/reference/components/storage.html#File

Regards,

Steve

[arevirlegna]

This should work. It is the right logic. I would suggest adding a second label just to show the value of "HighScore" before the "if" statement.

Are you seeing the current score in Label1 when the HighScoreScreen appears?

[bagi...@gmail.com]

At first it was working fine but once I tested the app a few hours later it wasn't working. Now it just shows 0 as the high score.

[arevirlegna]

Regarding @SteveJG 's solution: The inner "if" statement in the "When Button2.Click" event handler, is not needed as the condition is always True. Keep the blocks in the "then" part of the "if" statement, and get rid of the inner "if" block.

[bagi...@gmail.com]

I'll try out this method and notify you If I'm having problems.

[arevirlegna]

Is it possible you made some changes somewhere else in the app that affected the execution of this code? 

[SteveJG]

@arevirlegna       Yes, the if is not needed but the blocks in the If event handler are needed as you stated. Thanks for your observations.

-- Steve