INVESTIGATE the following program (the teacher will help):
http://ibcomp.fis.edu/275979/graphics/processingGraphicsTutorial/Lesson06-Sprites/CookieMonsterApplet/CookieMonster.zip

INVESTIGATE means
- run the program and figure out how it works
- read the program and try to understand the commands
- make simple changes to see whether you really understand the commands
- make ADDITIONS, for example another Sprite (picture)

Lesson 2 - Olympics 

  http://ibcomp.fis.edu/275979/graphics/processingGraphicsTutorial/Lesson02-OlympicRings/Lesson2-Olympics.htm

Work on DRAWING ICONS, especially with LINES and ARCS.

Finish half of this today - you can finish the rest on Friday.

We are going to learn to write programs in Java, by using Processing.
Java is arguably the most popular programming language in the world,
and is the language used for writing Android Apps.  We won't be writing
Android Apps, as this is rather difficult.  Instead, we will use a simplified
version of Java called Processing (download at http://processing.org).

The teacher will demonstrate how to use Processing.
Then start Processing and do the exercises described in the following notes:
 - read these notes about FLAGS and do the sample programs up to and including

        #1 - German flag

        #2 - Austrian flag

        #3 - Belgian flag

  The programs in those notes will run in Processing
  from http://processing.org after downloading and installing the program.
  Alternatively, you can run the code directly in the following web-page
  without installing anything : http://sketchpad.cc .  But that is not
  a good tool in the long run.  Install the local version as soon as possible.

Your assignment is to produce a video slideshow/video clips like these:

      Cory Montieth   https://drive.google.com/file/d/15x3O1xeWcSOZCxVv96PLNnauzTgcVySf/view?usp=sharing

      Fukushima Earthquake and Tsunami  http://www.youtube.com/watch?v=o1015uv_A-o 
        (a good start, but needs more TEXT with more info)

      9/11 World Trade Center   https://www.youtube.com/watch?v=MNyjZJOEXpE

Your video must illustrate ONE NEWS EVENT or ONE STORY that happened in the year 2018/19.

This may be any story that is in GOOD TASTE.  Your story should not be about Donald Trump,
as there is actually TOO MUCH information available.  Anything else is fine, as long 
as it is in GOOD TASTE.

Your assignment for the next 7 classes is to make an ALICE program
that illustrates a famous historical event - an event that occurred before 1915 -
e.g. before World War I .

Read a description of the assignment here.

This project is due Tuesday 5 March at 18:00.

To turn in your project, you only need to upload
one single file into Haiku - the file ends with .a3p

• SetVehicle Video : https://www.youtube.com/watch?v=0lrYX16Qkz8
• Fantasy Park
• Moving the camera: https://www.youtube.com/watch?v=r5jhieg4zqM
• Powerpoint Billboard Tutorial(30 minutes)

We are going to make a calendar.  
We will need a box for each day, covering one month.
Here is sample code for a few days:

You should make an entire month today.  Choose any month in 2018 or 2019 - maybe the month of your birthday.
Make sure that the boxes fit together properly.  Finish the entire month today - you will need
to use it for what we are doing next class.  Notice that your chosen month probably
does not start on Sunday (or Monday), so the first div (for day 1) will probably
be somewhere in the middle of the screen.

You may find this color picker tool helpful: http://htmlcolorcodes.com/color-picker/

Search for one that is easy to use and creates good results.

For Beginners - very simple

http://readonlymemories.com/

Play Drums from the Keyboard

Lots of Tools (find the best one)

Or find a good tool yourself - search for [drum sequencer online] or [music creator online] or something like that.

Try out various tools and try to make an interesting/exciting music loop.
Share it with your friends.

Starting Monday, we will be mixing some music using Audacity.
You should install Audacity on your laptop before class on Monday.

https://www.audacityteam.org/download/

If you use a face, it must be YOUR face or a famous person from Google Images.
You are NOT ALLOWED to use a photo of a friend or someone at FIS.

The pictures should not be offensive - rather, they should be funny or entertaining or amazing.

Make some funny pages, print them, put your name on the pages and hand them in to the teacher.
The teacher will post some of them on the walls in our classroom.

Try to bring a picture of your face to use.

Remember the project is DUE on 1 Nov at 18:00

Create a web-page that has an OUTDOOR theme.
The page should have decorations like trees, flowers, rocks, etc.

The page must also have lots of animals moving around, simultaneously.
The animals should all be .gif animations, so parts of their bodies are moving -
like legs are moving, wings are flapping, etc.  

There need to be at least 3 different .GIF animations.
That is enough,  but you should have several copies of each
running around on the screen.

You must also add some sound-effects - at least 3 sound effects.
You may also add background music if you wish.
The background music may "loop" forever if you wish, but the sound-effects
for individual animals should each stop after it runs once.
It might start again later, but not play forever.

The page should just keep running forever - after it starts.
To get a top grade, your page should have lots of animatls that
fit together - not random silly images.

More images are better than fewer - not one fly, but lots of flies.
Animals should move in a variety of directions, at various speeds.
At least 3 of the animals should use .transform = 'rotate...' or 
.transform = 'scale..' so that it turns in the correct directions 
when it moves. Most importantly - the animals must all move in 
a "loop" (not a circle), meaning that it moves somewhere, then moves 
back to where it started and then repeats over and over again.

Spend 2 class periods on this practice assignment.

It's pretty easy to make your own "Smiley" GIF animation.

You may wish to GROUP some pieces, like the pieces of the face,

so they can be easily moved around together.

You'll probably find it easier if you make it pretty big, like 200x200 pixels.

Now make your own smiley GIF animation.

Recommend using Google Draw for the drawings.

Start with a basic face and export/download it as a PNG image.

Then make a small change and save a second image.

Another small change, then save a third image.

It would be smart to NAME the images pic1, pic2, pic3, etc.

Then use this online tool for making the animated GIF.

The teacher will show how to use these tools to create a Smiley.

Then you can practice. Make a simple one quickly,

so you learn to do all the steps (there are many steps).

Then, if time permits, make another nicer one.

(1)  Make a Smiley, similar to the above.
       Use at least 6 frames.
       Upload your 6 frames to the Animated GIF tool.
       Then upload them again and REVERSE THE ORDER.
       Preview the result and download the .GIF animation file.
       Then open it and view it in a browser.

(2) Make a squashing word similar to the NEW animation above.
      But use a different word - at least 3 letters.
      Make the letters "squash" as they get to the bottom.
      Again use the Animated GIF tool to change your frames into a .gif animation.

(3) Make an animation of something that is rotating, growing and shrinking.            

The Animals page uses BUTTONS and DIVS to identify specific animals.

(0) Open the Animals page.  Right-click and choose [View Page Source].
     Copy the HTML and JavaScript source code into a new page in Komodo.
     Then [File][Save As] ... Animals.html

(1) Add another BUTTON for another animal -
     the BUTTON should move the orange box on top of the animal

(2) Add another colored-div that appears on top of another animal.

(3) Change the buttons so that the orange box always
     changes size to match the animal correctly.

(4) Add an IF command like the following:

      if(this.style.backgroundColor == "")
      {  
          this.innerHTML = "<H1>ELEPHANT</H1>"
          this.style.backgroundColor = "rgba(255, 0, 0, 0.2)"  
      }
      else
      {  
          this.innerHTML = "";
          this.style.backgroundColor = "";
       }

      This belongs inside the elephantDiv.onclick function.

       Then the elephant box turns on and off when you click.

(5)  Make the Butterfly DIV turn on and off when you click.

(6)  Now add more clickable buttons and more clickable boxes.
      Do as many animals as you can in one class period.

• download the funnyfaces.zip file.  Double-click to extract (unpack) it
• open the index.html file and make sure it works properly
• Use KOMODO to add two more pictures (actually 4 images) below the two faces -
  these should also start with 2 "funny" pictures and change when clicked
• You need to copy/download your pictures into the SAME FOLDER (funnyfaces)
  with the web-page and the other 4 pictures.  Use file names that you can remember,
  so when you add commands in the web-page you write the correct file names.
  Notice that in the web-page, you just write the simple file name -
  no folder names and no web-server addresses
• If you finish early, add more pictures.  It's all practice so that
  you become faster and you REMEMBER what you need to do.

• Find an image that you want to modify
• Open the image in ipiccy.com (or some other graphics editor that you like)
• Make whatever changes you wish
• Save the finished image on your computer, perhaps on the desktop
• Upload your image to Google Drive (after you have logged in)
• Right-click on the Google Drive image and choose [Share]
  Click on [Advanced]
  Click [Change] and choose [Public on the Web]
  Click [Save] and then [Done]
  Now your image can be shared inside an HTML Web-Page
• Right click on the image file name and choose [Get Shareable Link]
  Copy this URL 
• In your web-page, paste the URL into the src= part of an <img command.
  
• Now, CHANGE the URL by removing "open" and replacing it with "uc".
  Now it will say "https://drive.google.com/uc?id=xxxxxxxxxxxxxxx..."