Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 127 - 2615_KEC
P. 127

    Show Code: The Show Code interface in Code.org allows users to view the underlying
                       JavaScript code generated by their block-based programming. It serves as a bridge
                       between visual coding and textual coding, helping learners understand the connection
                       between the two.

                                   Project
                                   Name

                                    Stage

                                     Run
                                    Button

                       Stage: The area where your animations and sprites appear.

                       Run Button: Starts the program you created.

                               WHAT IS BLOCK-BASED PROGRAMMING?

                     Block-based programming is a visual way of coding where you connect pre-made code
                     blocks like puzzle pieces. This approach helps beginners learn coding concepts without
                     worrying about  complex syntax. In  block  programming,  the order of blocks  matters
                     because the computer follows the instructions step by step.

                     HOW DOES SPRITE LAB WORK?

                     In Sprite Lab, you can create animations and simple games using visual coding blocks.
                     You will learn how to control characters (sprites), add backgrounds and make animations
                     with movement.

                     The key features of block-based programming in Sprite Lab are given below:

                       Sprite Location: Control a sprite’s position using x, y coordinates or go to blocks.
                       Appearance: Blocks to change sprite costumes and show or hide them.

                       Events: Trigger actions based on user interaction (e.g., clicks or touches).

                       Loops: Repeating actions continuously or for a set number of times.
                       Sound: Add sounds and adjust volume in the program.

                       Variables: Store and manipulate data like scores or positions.
                       World: The overall environment  where sprites  interact,  including  the  stage  and

                       background.

                                                                          Introduction to Block Programming and Animation  125

| 122 123 124 125 126 127 128 129 130 131 132 |