Merge pull request #29 from raspberrypilearning/draft

sashamishcheriakova · web-flow · commit a2c93c4529d9 · 2026-01-27T15:18:09.000Z
Add subtitle files; fix video
diff --git a/en/resources/This is our flatgame - Add a background - part 2.srt b/en/resources/This is our flatgame - Add a background - part 2.srt
@@ -0,0 +1,25 @@
+1
+00:00:00,640 --> 00:00:06,400
+Open the Scratch starter project and in the 
+background sprite, upload one of your photos  
+
+2
+00:00:06,400 --> 00:00:16,960
+to be used as a background. Rename the sprite 
+background and drag it to the top of the costumes.
+
+3
+00:00:16,960 --> 00:00:22,320
+Delete the placeholder costume, but make 
+sure you don't delete the Zoom costume.  
+
+4
+00:00:22,320 --> 00:00:31,840
+Click convert to vector. Rotate and resize 
+the photo so that it covers the paint area.  
+
+5
+00:00:31,840 --> 00:00:39,040
+In the starter code, change the pull down menu 
+in the switch costume block to say background.
+
diff --git a/en/resources/This is our flatgame - Add a player sprite - part 3.srt b/en/resources/This is our flatgame - Add a player sprite - part 3.srt
@@ -0,0 +1,45 @@
+1
+00:00:00,480 --> 00:00:06,800
+The player sprite explores the flatgame, 
+checking out different drawings and textures.  
+
+2
+00:00:06,800 --> 00:00:15,040
+To add a player sprite, upload a new sprite 
+and rename it player. Go to the costumes tab.  
+
+3
+00:00:15,040 --> 00:00:19,600
+Use the eraser tool to remove any part of 
+the image you don't want.  
+
+4
+00:00:19,600 --> 00:00:25,120
+You can change the size of the eraser tool for smaller 
+details. This doesn't have to be perfect.  
+
+5
+00:00:25,120 --> 00:00:32,480
+Flatgames have a very cut-out collage 
+feel so it can be roughly done.
+
+6
+00:00:32,480 --> 00:00:38,880
+With the select tool, drag over the image 
+to select it all and centre and rotate the image. 
+
+7
+00:00:38,880 --> 00:00:45,840
+Convert to vector and use the 
+select tool to resize and  
+
+8
+00:00:45,840 --> 00:00:51,120
+rotate the sprite to how you want it.
+Right click and duplicate the costume.  
+
+9
+00:00:51,760 --> 00:00:59,040
+Move the new costume and rotate it very slightly. 
+This will animate it to look like it is moving.
+
diff --git a/en/resources/This is our flatgame - Add artwork - part 4.srt b/en/resources/This is our flatgame - Add artwork - part 4.srt
@@ -0,0 +1,29 @@
+1
+00:00:00,400 --> 00:00:05,200
+Upload a new sprite and name 
+it "artwork one".
+
+2
+00:00:05,200 --> 00:00:17,120
+Remove any background that you don't want.
+Use the select tool and line up with centre.
+
+3
+00:00:17,120 --> 00:00:21,840
+Convert to vector. And then add the code  
+
+4
+00:00:21,840 --> 00:00:26,960
+so that the sprite moves in the 
+same way as the background.
+
+5
+00:00:31,440 --> 00:00:36,480
+Add text to tell the story of your 
+artwork image. 
+
+6
+00:00:36,480 --> 00:00:39,920
+Change the colours, the size,
+and the position of the text.
+
diff --git a/en/resources/This is our flatgame - Make the artwork - part 1.srt b/en/resources/This is our flatgame - Make the artwork - part 1.srt
@@ -0,0 +1,45 @@
+1
+00:00:00,560 --> 00:00:06,480
+Flatgames are a cross between video games and 
+poetry. They've got very simple controls where  
+
+2
+00:00:06,480 --> 00:00:13,040
+the player moves around the screen to explore 
+artwork, drawings, and cut-out collages.  
+
+3
+00:00:13,040 --> 00:00:18,160
+This is your chance to make something fun or 
+imaginative to share what code club means to you. 
+
+4
+00:00:18,160 --> 00:00:24,800
+When you've decided what your flatgame is 
+about, you can start making artwork.  
+
+5
+00:00:24,800 --> 00:00:29,280
+Remember, the flatgames are messy and quick 
+and don't really need to make sense.  
+
+6
+00:00:29,280 --> 00:00:35,840
+Just get started and make, draw, craft 
+way more than you need.
+
+7
+00:00:35,840 --> 00:00:41,680
+Draw characters, backgrounds, textures, words, or anything 
+else that's related.
+
+8
+00:00:41,680 --> 00:00:46,480
+With a tablet or phone, take some photos of your artwork.
+You can also take photos of things around the room  
+
+9
+00:00:46,480 --> 00:00:51,600
+that can be used as a background or texture, 
+and this gives the flatgame a cut-out look.
+
diff --git a/en/step_9.md b/en/step_9.md
@@ -1,7 +1,7 @@
 ## Add artwork
 <html>
 <div style="position: relative; overflow: hidden; padding-top: 56.25%;">
-<iframe style="position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border: none;" src="https://www.youtube.com/embed/ulgFDYtwbd4rel=0&cc_load_policy=1" allowfullscreen allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share">
+<iframe style="position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border: none;" src="https://www.youtube.com/embed/ulgFDYtwbd4?si=EdFaRS8kLiTjonjZ" allowfullscreen allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share">
 </iframe>
 </div><br>
 </html>
