How To Code A Garden In App Lab

#4 Clicker Game

Simple Score, Timer and Play Again Example

Another Score Keeping, Timer & Replay/Reset

These code screen shots might help....this has TWO scores

Here is how to "Clear Out" your Timer, so you can play the game again....

#5 Movement Game

Whack McMurphy

Check out this sample code, it might be easier to follow and you started on the random movement of an image/object on the screen (my face)... you can recreate and then modify as needed for your game, finish up the scoring and misses stuff etc... click the game link below and then "view code"

Score Keeping Example

Timer Example

Link to the Updated Movement Demo

#6 Game Design Challenges

For this challenge, you can choose any one of the 4 projects below. Some are more complicated than others so spend some time reviewing them so you pick one that is challenging for you but won't be too frustrating.

Each challenge will have a video tutorial that you need to watch, then you can modify as needed with the skills you have learned so far.

1. The Arcade Challenge

2. The Simon Game

3. Rock Paper Scissors

4. The Drum Machine

1. Arcade Game Challenge

This one is really difficult!!!!

2. Simon Game

3. Rock, Paper, Scissors

Click Here For Rock Paper Scissors - Feel Free To Improve

4. The Drum Machine

Check out this game - can you get it to work?

Watch this tutorial first....

APP LAB HOW-TO- Make a WHACK-E-MOJI Game.mp4

Lots of Tutorials To Help!!!

Watch these short tutorials, they have some great tips and trick that you can repurpose in your App design/idea:

Two Minute App Lab Basics

YouTube Video

App Lab Events: Getting Started

YouTube Video

App Lab Demo.mp4

APP LAB HOW-TO- Make a WHACK-E-MOJI Game.mp4

The Turtle??

YouTube Video

Click Button Game

YouTube Video

Get Text- Set Text

YouTube Video

If/ Else Logic Statements

YouTube Video

Advanced: Key Stroke Controls

YouTube Video

Setting A Timer

There is a useful "Timeout" feature that will allow you set a time for your program to advance to the next function or line of code. Try this basic example and see if you can figure out how to incorporate a timer in your App. (see link below)

App: You hold your breath and count to 10!

Keep Score

There are many times you might want to keep score in you APP. The basic process is to create a Variable to represent "score" and then use some math to increment as necessary

for you APP, +1, +50 etc..

Try this simple click counter code so you can see how it works, then you can incorporate into your APP. There is a link below for the demo:

Here is the code behind the blocks...

Don't Just Poke the Pig - make him run!!!

YouTube Video

Drum Machine

Create A Drum Machine

Shows how to incorporate sounds!!!

AppLab Tutorial- Build a Drum Machine in 45 Minutes.mp4

Make a "test" Navigation App

Adding Sounds

Check out this simple example for the code to incorporate sounds. I remixed "poke the pig" to "poke the leprechaun" to see the code lines and test out the technique of adding sound.

Create a simple App that used sounds in a creative way. Should only take one class period... (your sample cannot be this "poke" app)

Sounds

Here is a link to my sound effects page where you can find all sorts of cool sound and music for your APP

You will need to complete this single slide overview and turn in to Google Classroom BEFORE you start on your APP - I need to approve your idea!!

Click the link below and look at examples to see the level of Apps to come up with your own idea for your App

Visualize/Plan Your App First

Use Google Draw to plan our you App functionality and user experience. This will force you to plan and think about what you are designing BEFORE you start coding.

You will be surprised how much your ideas will develop once you see them on paper. You can also sue this to communicate your idea to others, brainstorm and get ideas!!

It will save you so much time in the end, as opposed to just coding from memory!!!

****YOUR APP REQUIREMENTS***

Splash Page Examples

The very first page of your App should be a splash page with an animate GIF

of your App loading, your logo design moving, something cool like most Apps have. Here is an example of a "loading" splash page and the Code required to make it happen. You can search the web for animated GIF's

Splash Page Sample Code - will reset the timer each your user gets to the Splash Page

it will allow Animate GIF uploads. So you can use this site to convert

video files to Animated GIFS (I think the max size is 35 mb).. but you can experiment and find out..

Use the link below to complete the Google form for the App Lab Wrap up.