1. week 1
  2. week 2
  3. week 3
  4. week 4
  5. week 5
  6. week 6
  7. week 7
  8. week 8
  9. week 9
  10. week 10
  11. week 11
  12. week 12
  13. week 13

kirupa.com Tutorials

Thursday, November 4, 2010

Fall 2010 week 8:
—11/01/10: Mon. 9:00 - 12:00

Hi Everybody,

Please make sure you come to class next week with your projects in working order and with the homework down below.

Carter-

    WEEK 8
  1. Classwork 1:

    This past class we had a test. It examined your practical knowledge of the code we have learned thus far, as well as your ability to understand the terminology in order to do something new.

    If you had a difficult time with the exam, you should follow the steps below until you understand and can complete it to functioning order. Practice makes perfect.

    1. Create a folder with your name as its name.
    2. Open a new file in Flash.
    3. Save it with the name of your first initial, last name, using camel case; and then an underscore and finally fa10 (e.g. cJohnson_fa10).
    4. In this exercise, make sure you name all your layers properly.
    5. Draw a rectangle on the upper-left corner your stage with a width of 100px, and a height of 200px.
    6. Convert it into a movieclip with whatever symbol name you want, but it should have something to do with what this object is or what it looks like.
    7. Next, give it an appropriate instance name.
    8. Now, from the library, drag a 2nd instance of this rectangle onto the bottom-center of the stage.
    9. Give it the instance name of btn_mc.
    10. Save this file and then create another new file.
    11. In this 2nd file, type the following aligned right in the upper-right corner of the stage:
      1. DMA205
      2. Midterm Quiz
      3. Your Name
      4. Your ID
      5. Fall 2010
    12. Save this file as two.fla, then generate the .swf file.
    13. You are finished with the 2nd file, so you may close it if you wish.
    14. I For the following 2 parts, you will be typing ActionScript in the first file.
      1. ActionScript Part I
      2. In the actions panel of your first file, you will need two things: a function and a listener.
      3. Your listener should call the function when the user mouses over the rectangle.
      4. Your function should contain the following one line of code:
        • the rectangle’s instance name goes here.width = 400;
      5. Now, when you mouse over your rectangle, it should get wider.

        ActionScript Part II
      1. The ActionScript of this file also goes in the first file.
      2. For this part, you will need the following 4 things:
        • A URLRequest object;
        • A Loader object;
        • A 2nd function; and
        • A listener.
      3. The URLRequest object should request the 2nd file that you have created (the one with your name and ID and the other text that you typed).
      4. The function should have two lines of code that do the following:
        • In the 1st one, the Loader object should load the URLRequest object.
        • In the 2nd one, a child should be added and it should contain the Loader object.
      5. The listener should call the 2nd function when the user clicks on the 2nd rectangle.
        • ***EXTRA CREDIT***
        • Make it so that when you mouse off the first rectangle in the first file, it goes back to its original size and shape. To do this, you will need another function and another listener.
  2. Classwork 2:   LINK  Here are the files with the code and function Flash files.

  3. Homework 1:
    As you should've done last week, take a look at your projects and do as much as possible to complete & improve them by next week. We will continue working on these projects for the Final Project, so you don't want to start out the rest of the term behind by having to fix what you have and then implementing all the many new items of ActionScript that we will be adding over the coming weeks.
  4. Homework 2:
    1. In a new file, create a rectangle WITHOUT a stroke and convert it into a movieclip.
    2. Using what you know from what we did in class this week, create a function that is triggered when the user mouses over this movieclip.
    3. The movieclip should get a little bit wider and have a slight reduction in height when the user mouses over it.
    4. You should also create a 2nd function that is triggered when the user mouses off of this movieclip.
    5. In this function, the movieclip should change back to its original color and have a return to its original height when the user mouses off of it.




No comments:

Post a Comment