• In Google Sites, Create a New Site "in new sites".
• Try selecting a specific THEME
• Try using <embed> to add a YouTube video and a Wikipedia page
• Insert some images that you upload -
  figure out where it stores the images
• Try to insert a MAP that shows your home
• Find out what you can do when you insert a BUTTON
• Try some of the other INSERT items (below BUTTON)
• Try EMBED with HTML code - is there anything useful
  that you can create this way?

• find an interesting Wikipedia article
• COPY the text (at least several pages) and at least one image
  into Kompozer
• check whether all the links (including internal links)
  still work properly
• Make it look NICER - it won't look very nice after you
  remove it from Wikipedia.  Add more pictures, a few more
  links, reformat the text to make it look nicer. 
• Look inside the source and decide whether it is possible
  to make useful changes by typing HTML code directly.
• It doesn't need to be perfect - it's just practice.

In BOUNCER -
- keep the ball, get rid of the other objects
- make 4 rocks
- make the ball move in a parabola, so that it
    bounces on each of the 4 rocks
- Once that works, make it BOUNCE off
   the right wall and continue back across the screen
    to the left, then bounce off left wall and back
    across to the right

Download the Greenfoot program at:

https://dl.dropboxusercontent.com/u/275979/graphics/Greenfoot/BabyCatcher.zip

This is the Baby Catcher game.

The player moves the ambulance left and right with the arrow keys,
trying to catch the babies as they fall.  You win points when you catch a baby.
If you catch a pig by mistake, you lose points.

Run the program, do some experiments, and answer the following 
questions, writing your answers clearly on the answer page (white paper):

(1) Find the commands that make the pigs disappear when they
      reach the bottom of the screen.  Write down these commands.
     Also state which CLASS contains these commands.

(2) Put a second AMBULANCE on the screen.
      (a) Does it move when the arrow keys are pressed?
       (b)  Does it also catch babies?
       (c) Explain how to make the second ambulance stay
             on the screen after [reset] is pressed.
            Just write a brief explanation - no Java code required.

(3) Find the code that makes the baby(s) move.
      Change this code so the babies fall faster.
      Write down the resulting code.

(4)  Pigs and babies are created inside the [Game] world.
     Find the code that creates new pigs at the top of the screen.

     (a) Change this so that HALF AS MANY pigs are created -
             e.g. they are created less often.  
          Write down the changed code.

     (b) Change the babies code so that LOTS MORE BABIES
           are created - this makes the game a lot easier.
          Write down the changed code.

(5) Add a new actor that is a horrible, evil monster.
      Place one of these in the middle of the screen.
      Whenever a baby touches the monster,
        the baby should disappear (eaten by the monster!) 
      You may wish to use code that is similar to the
       code in the AMBULANCE class that "catches" the babies.
  
      All this code should be inside the MONSTER class.
      Copy all the code from your MONSTER class.
      It only needs to make babies disappear -
       it does not need to move or change the score.

Download this .gfar file : Frogger.gfar

Do the practice tasks listed below (in any order you like).

• Make any simple changes that you can think of, like:
  - scoring more points faster
  - change the keyboard controls to ASDW
  - change the frog to have a different picture
  - etc
• Look in the FROG code
  - What commands are used to move the FROG?
      Change these commands to make the FROG move twice as fast
  - What command is used to check whether the FROG touches a fly?
      Remove the command that returns the FROG to the bottom of
          the screen when he "eats" a fly
  - What command checks how many flies have been eaten?
      Change this so the frog must only eat 2 flies to get to the next level
  - How many "lives" does the FROG have?
      Change this so the frog has lots and lots of lives
• Look in the ROAD code
  - Find the commands that create a new GREEN CAR.
     Change this so that a new GREEN CAR comes more often.
     Remove the command that makes an AMBULANCE
• Look in the CAR code and in the BUS 
  - Where is the code that makes the BUS move?
      Change the code to move more slowly.
      What about the other vehicles?
• Create a new actor called TRUCK.
   This should be a sub-class of animal, so it is equivalent to CAR.
   Copy code out of the CAR class to make the TRUCK
       move like a CAR, except the TRUCK should move
       in the opposite direction - from right to left
• Add a new MONSTER object.  The monster should move on the grass.
  It should move slowly, so it is easy for the frog to escape.
  But whenever the MONSTER touches the frog, the game should end immediately.
• Place POISON in various places.  These should not move at all.
  Whenever the FROG touches POISON, they should lose a life
  and move back to the grass at the bottom of the screen.
• Change one of the flies to some sort of fruit, like an apple.
  Whenever the frog touches the apple, he gains 2 extra lives.
  Notice that the apple must still count as a fly,
  so that it is possible to get 5 flies total.

Turtle Graphics Shapes in Greenfoot

Download this starting project and open it in Greenfoot.

(1) Add 2 more Triangle objects, to draw 3 triangles that
      form 1 large triangle.  Then open the [Controls] menu
      and click on [Save the world].  This changes the program
      so that all 3 Triangle objects will stay on the page.
(2) Move the 3 Triangle objects inside the Hexagon,
      so that it draws a Hexagon divided into 6 Triangles.
(3) Right click on [Turtle] and choose [New subclass].
      Create a class called Square.  Edit the Square class
      Type in the following :

    public Square()
    {
        setColor("black");
        penDown();
    }

    public void act() 
    {
        move(100);
        turn(90);
    } 

      Add a Square object to your page.  Then run the program
      to ensure that the Square object does indeed draw a square.

(4)  Add 3 more Square objects to draw 4 squares that fit together
       into one big square.

Look at this sample web-page.

The teacher will help you get started on the following:

(1) Make a program to draw the first effect -
      the red GRADIENT FILL

(2) Make a program to draw the second GRADIENT FILL,
      fading from blue to yellow

(3)  Make a program to draw the FRESNEL pattern -
      the third image that is like a star

(4) Make a grid like below, by first drawing
      all the horizontal lines, then all the vertical lines.

Here is a more interesting example game:  CookieMonsterB

The monster is bouncing off the walls, moving diagonally,
making the game a bit more challenging.

On Monday, we will start a small project that is due 
at the end of September.  Today, do some more practice 
starting with CookieMonsterB.

The teacher will explain how you can EXTRACT a .GIF animation
into a sequence of pictures, and hence create a new Animated Sprite.
You may find the following notes helpful:
processingGraphicsTutorial/Lesson06-Sprites/CookieMonsterApplet/index.html
You should try to do some of the practice exercises at the end of these notes.

processingGraphicsTutorial/Lesson06-Sprites/CookieMonsterApplet/index.html

Do the practice exercises at the end of these notes.

Next class, we will look at a more interesting example
and start a project that we will work on for the next 2 weeks.

There are TWO programs requiring changes. Copy the code from the web-site
and then make the changes. You need to show BOTH programs to the teacher
as soon as BOTH are finished. That means you need to have TWO WINDOWS
open containing the two programs.

// ******* STARS ******************
void setup()
{
   size(800,600);
   star(0,0);
}

void star(int x, int y)
{
  stroke(255,0,0);
  strokeWeight(5);
  line(40,40,80,80);
  line(80,40,40,80);
  line(30,60,90,60);
  line(60,30,60,90);
}

/****************************

(1) Copy this program into Processing and run it.

(2) Add more stars - there should be

    at least 10 stars. They should not

    be touching each other.

(3) Change the program so that half of

    the stars are red and half are blue.

*****************************/

//********** PICTURES ****************

PImage clown,dog;

void setup()
{
  size(800,600);
  clown = loadImage("http://ibcomp.fis.edu/clown.jpg"); 
  dog = loadImage("http://ibcomp.fis.edu/Dog.jpg?itok=Sw7bkqa_");
  textFont(createFont("Arial",32));
}

void draw()
{
  background(255,255,255);
  image(clown,50,100);
  image(dog,450,300);

  if(mouseX > 450 && mouseX < 650 & mouseY > 300 && mouseY < 500)
  {
     fill(0);
     text("dog",500,550);     
  }

}

/**************************

(1) Copy this program into processing and run it.

(2) Add commands so that when the mouse is over the clown

    then CLOWN appears beneath the clown.

(3) Add commands to display this picture

     http://ibcomp.fis.edu/StopSign.jpg

    It should be placed in the top-right corner,

    above the dog and to the right of the clown.

(4) Add commands so STOP appears beneath the Stop Sign

    when the mouse is over it.

***************************/