Office hacks: easy to make listening to the sound selection picture courseware

You want your babies to practice listening to English by reading the sounds to select the corresponding pictures and record the score. In fact, such a small game lesson is easy to implement using the layer occlusion function in Articulate Storyline 3 (Figure 1). Let’s take a look at how it was created.

1817A-TYXT-1

1. Interface design

Open Articulate Storyline 3, create a new project, in the “Story View” state, double-click on the “Untitled Scene” slide to enter the editing window, right-click to set its background; use “Insert the required animal pictures using the “Insert” tab, and double-click on the corresponding timeline to change the timeline name, for example, the corresponding timeline name for picture 1 should be changed to “Giraffe “, so that the name of the corresponding picture 1 also becomes “giraffe”; use the alignment tool to align the pictures in groups, and then use the “rounded rectangle” in the shape to draw a rounded rectangle, place it on the bottom layer, as The background of the animal picture. Then use the other shapes in the self-selected graphics to add fractional statistics, the number of animals clicked and other labels, that is, right-click on the shape, select “Edit Text”, and the PPT operation is similar (Figure 2).

1817A-TYXT-2

2. Add sound

Double-click the base layer tab at the slide layer on the right side of the window and rename the layer to “Animation Gallery”. Click “New Layer” at the slide layer, name the new layer “Cat”, select the layer, choose the “Insert” tab, click “Audio → Audio from File Audio”, select the corresponding animal reading file. Of course, you can also click “Audio → Record by Microphone”, in the pop-up window to record the required reading, click “Save” can be (Figure 3).

1817A-TYXT-3

Tip: If you are not satisfied with the recorded effect, you can select the audio on the “Timeline” and press “Delete” to delete it. Of course, you can also right-click the audio, select “Edit Audio”, and make the necessary edits to the audio in the pop-up window (Figure 4).

1817A-TYXT-4

Similarly, create a new layer named “dog” and insert the pronunciation of the word “dog”, and insert the pronunciation of other animal words similar to this.

3. Add interactive effects

On the right side of the window, click “Manage Project Variables” in the “Triggers” panel, add three variables, variable 1 is named “dqdy”, and the type is The name of variable 1 is “dqdy”, type “text”, used to record the current pronunciation; the name of variable 2 is “fen”, type “data”, value “0 “, which is used to record the number of correct answers; variable 3 is named “ydshu”, type “data”, value “0”, which is used to record the number of animals that completed the answer.

Return to the “Cat” layer and insert the sound icon. In the “Triggers” panel, click “New Trigger”, select “Stop Media” in the pop-up window action, “Audio 1” in the media, and “Time” in the time. “, select “Timeline Start” at the time, and select “Layer-Cat” at the object, so that the sound is not played first when the layer is displayed.

Add a new trigger, select “Play Media” at the pop-up window action, select “Audio 1” at the media, select “User Click” at the time, and select “Picture 1” at the object. “Picture 1”, so that when the sound icon is clicked, the sound of the layer animal is played.

Add a new trigger, select “Adjust Variable” in the pop-up window action, select “dqdy” in the variable, select “=assign” in the operator, and select “value” in the value. “value”, enter “cat”, select “user click” at time, and select “picture 1” at object. . Thus, when the sound icon is clicked, the value of the variable “dqdy” becomes “cat”. Other layers on the corresponding location also add a good sound icon, the interactive addition of the trigger is similar, here is not repeated (Figure 5).

1817A-TYXT-5

Switch to the “Base Layer” (i.e. “Animal Atlas” layer) and delete the other contents of the trigger. Add a new trigger, select “Adjust Variable” in the pop-up window, select “fen” in the variable, select “+ Add” in the operator, select “Value” in the value, and select “5” in the time. “value”, enter “5”, select “user click” at the time, select “cat” at the object, click “Show conditions”, add conditions, select “Variable” at the list, select “dqdy” at the if, select “== equal to “, select “value” at the type, and enter “cat” at the value. In this way, when the pronunciation is “cat” and the picture of a cat is clicked, the variable fen is added by 5.

To add a new trigger, select “Adjust Variable” in the pop-up window action, select “ydshu” in the variable, select “+Add” in the operator, select “value” in the value, and enter “value”. “Value”, enter “1”, select “user click” at the time, and select “cat” at the object. In this way, when the picture of the cat is clicked, the variable ydshu is added by 1.

Add a new trigger, select “Show Layer” at the pop-up window action, select “Wolf” at the layer, select “User Click” at the time, and select “Cat” at the object. “Cat”. You can also select other layers at this trigger layer selection. Other animal picture triggers are added similar to the above, so we will not repeat them here (Figure 6).

1817A-TYXT-6

Add a new trigger, select “Show Layers” in the pop-up window action, select “Tiger” at the layer, select “Timeline Start” at the time, and select “1.1 Animal Atlas” at the object. “1.1 Animal Gallery”. You can also select other layers in this trigger layer selection.

Position the cursor behind the score 0, click “Insert → Reference”, select the variable “fen” in the pop-up window, and then delete the 0 in front of “%”; position the cursor behind the animal number 0, click “Insert→Quote”, select the variable “ydsh” in the pop-up window, and then delete the “%” in front of the 0. Thus, the text box will display the value of the corresponding variable (Figure 7).

1817A-TYXT-7

4. Publish your work

Click the “Player” button, in the pop-up window, remove all the checkboxes of resources, menu and so on. Finally, click the “Publish” button, select the Web tab in the pop-up window, enter the title, set the publish folder, and publish it.

Leave a Comment