NCSE ICT – Scratch Programming – Animating Sprites using loops and the Broadcast system

See the examples below on how animation can be achieved by switching costumes using loops:

Sprite Animation 1 – Walk in place

Sprite Animation 2 Glide

Sprite Animation 3 – Walk and glide

Exercise

  1. After looking at the blocks in the project above, create a similar animation using a different sprite.
  2. Describe in your own words how the broadcast and receive blocks work.

© 2022  Vedesh Kungebeharry. All rights reserved. 

NCSE ICT – Scratch Programming – Manipulating sprites

Tutorial using scratch cards

Follow the tutorials in this pdf document (scratch2cards_jan2013.pdf)

https://drive.google.com/file/d/1sG6pRMYRAmM5VP4WOSeYXAtWm81Ietdo/view?usp=share_link

The above file and 2 others are in the following google drive folders for your reference:

https://drive.google.com/drive/folders/1-OElNjqODc1RVdUFGVe1LXuR6kJYAE_D?usp=share_link

Changing color

Color Example 1

Color Example 2


Credit: The following section was taken from : https://en.scratch-wiki.info/wiki/Graphic_Effect#Color

Color

One costume can take on 200 different color-schemes using the color effect. The “real” effect of the color is equal to the numeric/stored effect modulo 200. This means that changecoloreffectby200 will do nothing since the rendered color will be the same.

“Change color effect” will have a little apparent effect on sprites colored black, as black is a desaturated color rather than its own hue. To see the color effect on a black sprite, increase its brightness first. Similarly, sprites colored white will have little noticeable effect when the “Change color effect” block is used.

Changing of colors using the Color Effect block

These are the color changes from Scratch Cat Orange (0 Color Effect) to itself when it restarts at the 200th positive value of the color effect.

  • 1-10 = Orange to light yellow
  • 10-20 = Light yellow to a yellowish-green
  • 20-30 = Yellowish-green to a medium green color
  • 30-40 = Medium green to a thick, green color.
  • 40-50 = No considerate change.
  • 50-60 = A greenish-light cyan color.
  • 60-70 = A lightly-blue tinted green to a fully light cyan color.
  • 70-80 = A light cyan color to a light blue color.
  • 80-90 = A light blue to a medium-dark blue.
  • 90-100 = A medium-dark blue a thick dark blue.
  • 100-110 = Darker and darker blue.
  • 110-120 = A slowly more purplish-blue.
  • 120-135 = Violet to Indigo
  • 135-160 = A gradually mixed pink and purple.
  • 160-170 = A gradually pinkish-red color.
  • 170-180 = A thick red color.
  • 180-190 = A dark orange color
  • 190-200 = Identical to the original color at this point.

For other colors, simply start at the most similar color effect. If you are still not sure, try changing the color effect until it matches one of these descriptions.

Credit: The above section was taken from : https://en.scratch-wiki.info/wiki/Graphic_Effect#Color


Moving a sprite to music (By changing costumes)

To accomplish this, we set up a scenario where:

  1. Music is played in the background
  2. We cycle through a sprite’s costumes using a forever block

See: Moving a sprite to music (By changing costumes) example. Make sure to investigate the sound tab to see how sounds are imported and used.


Credit: The section below was taken from: https://en.scratch-wiki.info/wiki/Costume#Uses Be sure to follow the link to view additional examples of how this block can be used

Blocks

There are four blocks that relate to costumes, which are as follows:

The first three blocks can be located in the Looks block section, while the fourth can be found in the Sensing block area.

Uses

  • The first block is used for the sprite to transfer its look between any of its costumes.
  • The second block is mainly used in animation. A block that does the opposite has been suggested, but it can simply be done with the following code:
switchcostumetocostume#-1
  • The third block contains the number of the current costume being used. It can be read through other blocks, and specific actions can be taken.
  • The fourth block contains two drop-down boxes. The first allows you to read a sprite’s X PositionY Positiondirectioncostume numbersize, and volume; while it can also read the Stage‘s background number and volume.

This block can be read from the Stage and all sprites.

Credit: The section above was taken from: https://en.scratch-wiki.info/wiki/Costume#Uses Be sure to follow the link to view additional examples of how this block can be used


Moving a sprite with the keyboard

See the link https://islandclass.org/2021/01/13/making-a-sprite-jump-in-scratch/

Talking Sprites

We can use the “Say” block to make sprites talk. See the tutorial below for more detail:

Tutorial: https://scratch.mit.edu/projects/editor/?tutorial=tell-a-story

Exercises in scratch cards: https://resources.scratch.mit.edu/www/cards/en/story-cards.pdf


Credit: the following section was taken from: https://en.scratch-wiki.info/wiki/Say_()for()Seconds(block). Be sure to follow the link to view additional examples of how this block can be used

Say () for () Seconds (block)

“Say” redirects here. For the other say block, see Say () (block).

Say () for () Seconds
sayforseconds
CategoryLooks
TypeStack
Introduced in1.0

The Scratch Cat saying “Hello!” with the Say block

The say () for () seconds block is a looks block and a stack block. The block displays a speech bubble with the specified text for the sprite that runs it, which appears on the screen for the specified amount of seconds.

The block is similar to the think () for () seconds block, with the difference being that this block displays a speech bubble, while the other displays a thought bubble. It is also similar to the say () block, with the exception that the other block makes the sprite say something indefinitely.

This block was titled “Say () for () Secs” prior to Scratch 3.0.

Credit: the above section was taken from: https://en.scratch-wiki.info/wiki/Say_()for()Seconds(block). Be sure to follow the link to view additional examples of how this block can be used


Sprite movement

This can be accomplished by using the move or glide blocks

Click here for an example of Move and glide blocks

See more detail here : https://en.scratch-wiki.info/wiki/Motion_Blocks

Updates

27th April 2023: Added “Tutorials using scratch cards” at the top of the note.

© 2021  Vedesh Kungebeharry. All rights reserved. 

© 2022  Vedesh Kungebeharry. All rights reserved. 

Retrospective – The video production pipeline.

Steps In Professional Video creation

The following stages are iterative and the project might move back and forth between the stages, however, best practices keeps the back and forth constructive to a  minimum.

  • Planning
    • Video Brief and Rationale
    • Narration Script
    • Storyboard

  • Pre-Production
    • Audio Narration
    • Initial Video Draft
    • Final Video Draft

  • Production
    • Final Video is produced for distribution

Note that steps 1-3 are considered the blueprint – no part of the video has been produced as yet.

© 2021  Vedesh Kungebeharry. All rights reserved. 

Project – Create a Video Using a Storyboard.

Task

You are required to produce a storyboard and a video in 4 events/panels which describes the main goal of sport/game/videogame.

An example storyboard is shown here:

VisualNarration/Text
Title screen with catchy music is shown 2-5 secondsFootball in Two Sentences
Display video of a football with some sort of slow moving graphics.Football is a team sport played by two opposing teams.
Show a live , exciting video of a goal being sored and the jubilation felt from scoring the goal. (The screams of the crowd should be audible over background music) 
Show a timelapse (sped up video) of a field  with players playing the sort from a distance.The object of the game is to get the football into the other team’s goal without using your hands.
Similar title screen graphic as used in intro.Thanks for watching!

An example video is shown here @ https://www.youtube.com/watch?v=zklE6oIsZk8

You are required to :

  • produce and submit the storyboard with 4 events/panels
  • use at least 2 distinct source files that you have created or downloaded from a stock website (e.g https://pixabay.com)
  • use 1 title card for the start of the video, and 1 title card for the end of the video
  • Produce and submit a finished video that is no longer that 60 seconds.

Note for this assignment :

  • You are not limited to 2 sentences.
  • You must have text /narration on at least 1 source file

Marks will be awarded for:

Storyboard

Narration/text consistent to visual – 4 marks

Visual descriptions are sufficient to convey the idea for each panel – 4 marks

Video

Video follows sequencing of events/panels – 1 mark

Evidence that the video matches the narration/text of each panel – 4 marks

2 Distinct source video files used – 2 marks

Total : 15 marks.

© 2021  Vedesh Kungebeharry. All rights reserved. 

Video Script Template With inline Instructions – Professional Video Creation (Part 7)

Video Benefit e.g. Smoother Sprites

Sub Heading E.g. The art of making Sprite Sheets with the smoothest movement possible

TARGET DURATION:

Tip: You will be able to estimate your video’s length by how long it takes you to read your narration.

e.g 10-12 minutes

AUDIENCE:

E.g Animators who want to tighten up character movement and might have an interest in the video series we have to offer.

GOAL:

Tip: Outline the goal for

  • Your Audience
  • You

E.g To get viewers to quickly create sprite sheets with snappy and smooth movements using CTA3.  If they learn from this video, then maybe they might want to subscribe to our youtube channel because we produce meaningful content

Narration:

{Narration script for video goes here}

Tip:

  • Remember to pause and breathe at the end of your sentences when recording.
  • Tell your audience the duration of your video.
  • Don’t Forget your call to action (conversion point) at the end.

Tutorial tips:

  • Write your narration as you prep for your tutorial
  • Use Bolded text for actions,
  • Use Italics for Menu items, tech terms, and jargon
  • Ask yourself :what does the audience need?
  • Pick out the most important or aesthetically pleasing features in your demonstration

Storyboard

E.g

VisualNarration/Text
  
  
  
  

© 2021  Vedesh Kungebeharry. All rights reserved. 

Video Brief Template With inline Instructions – Professional Video Creation (Part 6)

What’s My video’s purpose?

To show What?
To show How….

Why

Why am I doing this video?   Be very specific -How can my main subject benefit the audience e.g “to show how you can easily create sprite animations that are  realistic and seamless.”   Arrive at reasons to sell your main point.

Who

Who is my audience?’ How much of an expert is my audience? How familiar are they with the subject matter?   Terminology – Will my audience understand my technical terms? Always use the simplest and easiest lingo   Why did they look for my content? Did I direct them to this video from the classroom? Ideation – Are they browsing and looking for ideas? Instructions – Are they trying to figure out how to do something by  looking for a method or tutorial? Advice – Are they trying to decide on whether they should be doing what you say? Buy in – are they trying to decide whether to buy or convert to what I’m selling?

What’s my video’s content?

Am I making a tutorial ? marketing a product/service?

TutoriaL (Remove this Section If it is not applicable)

Outline what procedure you’d like to show, If it’s an introduction to the main features, stick to the main features, don’t outline all items on the interface.   Identify call to action – sign up, subscribe, watch the next video etc.  

Marketing (Remove this Section If it is not applicable)

List main points in order of significance.   Identify call to action – sign up, subscribe, watch the next video etc.  

Explanatory Video (Remove this Section If it is not applicable)

Briefly describe the explanation.   Identify call to action – sign up, subscribe, watch the next video etc.  

The video script template can be found here: Video Script Template With inline Instructions – Professional Video Creation (Part 7)

© 2021  Vedesh Kungebeharry. All rights reserved. 

Complex example: Video Brief, Rationale & Script – Professional Video Creation (Part 5)

The video that was created is shown here:

Video Brief:


What’s My video’s purpose?

To show how to configure Flowgorithm to use and display the proper conventions for flow chart symbols

Why

To ensure that students configure flowgorithm to show standard flowchart convention as expected by NCSE and CSEC

Who

Form 3, 4 students  with a basic understanding of algorithms and looping: Pre-requisites: Algorithm, flowchart , while loop   Students will be directed to watch this video by me after I instruct them to install flowgorithm. Some may be browsing my videos on youtube, so the  idea is to convert them to use flowgorithm with the required configuration.    

What’s my video’s content?

Am I making a tutorial? marketing a product/service? Explanatory video?

Tutorial

Change the default chart style for flowgorithm   Click on Edit Click on Choose Chart Style Choose Classic from the dropdown list Click OK    

Video Script:


Using the Correct Flow-Chart Symbols in Flowgorithm

Ensuring that you use the proper conventions expected by CXC and NCSE

TARGET DURATION:

1 minute

AUDIENCE:

Form 2 and 3 students who have been introduced to flowgorithm by previous  demonstration in the classroom

GOAL:

For students: To ensure that students know how to configure flowgorithm for use in their IT SBA.

For me: To strengthen trust between my students and I, To set the tone that I am their subject matter expert in a non invasive manner, letting my content speak for itself; To get my students to look forward to my next video because it gets to the point .

Narration:

Welcome students to a quick minute tutorial on how to configure flowgorithm for use in CXC and NCSE examinations.

Flowgorithm is an awesome graphical programming language that you can use to generate flowcharts , trace tables and actual program code.

If you’re not already using flowgorithm , you should be , or at least be using some equivalent solution.

However, Flowgorithm has one main drawback out of the box – it does not use the diamond shape for looping, as is  expected by CXC CAPE and CSEC; and also NCSE. Instead it uses this shape: a sort of diamond shape that’s been flattened vertically at the ends .   We need to make sure that it uses the diamond shape, also know as a rhombus.

We can fix this problem in 4 easy steps:

  1. Click on Edit
  2. Click on Choose Chart Style
  3. Choose Classic from the dropdown list under chart style
  4. And Click OK.

That’s it.

There are some other issues that you’ll encounter  when using flowgorithm – one issue is very obvious in this video. Did you catch it?

I’ll give you a hint, it’s got something to do with the arrows in the loop. How is it different from the loops in your CXC text book?

In any case, I’ll be covering how to manage this issue and others in another video.

Until next time , Bye!

Storyboard



In our next post, I’ll provide the templates with some inline instructions that you can use when creating your videos.

See post here: Video Brief Template With inline Instructions – Professional Video Creation (Part 6)

© 2021  Vedesh Kungebeharry. All rights reserved. 

The Video Script – Professional Video Creation (Part 4)

The video script contains the narration or text that is used in the video, as well as a storyboard that will be used to show the sequencing of events in relation to the narration/text.

Although this is all that is needed to in this document, it is useful to also include the video rationale. This is useful because it allows for our video producer to choose appropriate source video clips from stock sites, and/or create appropriate graphics and/or video recordings that have a high level of relevance to our video production.

Recall the video that was created:

Below is the Video Script and rationale that was used:


Video Title: Football In two Sentences

 

 

TARGET DURATION:

 

Less than 30 seconds if possible

 

AUDIENCE:

Experts and beginner

GOAL:

Goals for me:

  • To get
    more people interested in football.
  • To
    create a video that is attractive and short so that the entire video is
    watched
  • To
    motivate the younger audience to share the video on social media

Goals for my audience: 

  • To start
    conversations  on social media that will educate newcomers about the
    sport.
  • To
    spread the word on football (increased awareness and popularity)
  • To
    entertain the audience with a crafty and quirky video.

 

Narration:

No narration is used. Only text on screen.  See storyboard

 

 

Storyboard

 

Visual

Narration/Text

Title screen with
catch music is shown 2-5 seconds

Football in Two
Sentences

Display video
of a football with some sort of slow moving graphics.

Football is a
team sport played y two opposing teams.

Show a live , exciting
video of a goal being sored and the jubilation felt from scoring the goal.
(The screams of the crowd should be audible over background music)

 

Show a
timelapse (sped up video) of a field
with players playing the sort from a distance.

The object of
the game is to get the football into the other team’s goal without using your
hands.

Similar title screen
graphic as used in intro.

Thanks for watching!

 

 

 


 

That’s it!

A more complex example is shown in this post: Complex example: Video Brief, Rationale & Script – Professional Video Creation (Part 5)

The Video Rationale Document – Professional Video Creation (Part 3)

Recall:

video rationale document is structured description of your video’s purpose, the intended audience, separate goals for you and your audience and the main supporting information that you need to include in your video’s content.

And our video that was created was :

The example video rationale is shown below:


Video Title: Football In two Sentences

TARGET DURATION:

Less than 30 seconds if possible

AUDIENCE:

Experts and beginner fans

Newcomers

Children around 13 years old in the UK

GOAL:

Goals for me:

  • To get more people interested in football.
  • To create a video that is attractive and short so that the entire video is watched
  • To motivate the younger audience to share the video on social media

Goals for my audience: 

  • To start conversations  on social media that will educate newcomers about the sport.
  • To spread the word on football (increased awareness and popularity)
  • To entertain the audience with a crafty and quirky video.

After considering our Video rationale, we no move onto the final stage of planning, which is the creation of the video script.

See the next post in the series here: The Video Script – Professional Video Creation (Part 4)