I have a platform game. It doesn’t have a game name yet; the file name is CatStuff and it’s a cat and a zoomba (kinda like a cross between a trademarked robot vacuum cleaner and a drone). I have some very cool code in my pocket for this game. Jumping. for example.
In Snap, you animate by changing costume and moving the sprite. My cat has 12 costumes—eight walking and four jumping. Walking animation is pretty simple. You cycle through the costumes and change the x-coordinate by an amount. depending on how fast you want to move. Jumping involves the y-coordinate as well and you have to do both at the same time. It’s tricky. Here’s my code to walk right.
You see the variable for the number of steps to move. That can be set for all the walking the cat does (and it figures into jumping too) in one place. That’s the point of having it there. -240 and 240 are magic numbers in Snap as they are the farthest left and right x-coordinates on the standard stage.
Now for jumping. Because jumping is not an even process, I couldn’t easily abstract it into a loop like I did walking. It’s long messy code. I don’t have comments in the code I’m posting here because it makes it difficult to share the images neatly.You’ll notice there’s an if-else at the bottom. This is to deal with repeating presses of the space bar that don’t resolve fluidly. The cat will fall if too high and if somehow it gets below ground, it’ll pop back up. That’s an in-case because I’ve not observed it, but it is theoretically possible.
Jumping is faster than walking but not twice as fast and I wanted a finagle factor so there’s a place to set one. I’m math-impaired (really) so my formulas aren’t always mathematically sound. They work for the game though.
Next time, I’ll talk about scrolling the scenery.
Before Pong we had to do a nursery rhyme. With animation, not simply a storyboard with text. In Snap, the main way to animate is to change the sprite’s costume. There are two costume-switching blocks. These are in the Looks section. One is which changes to the next costume in the set of costumes loaded for that particular sprite. The other iswhich allows the coder to choose which of the loaded costumes to switch to at that point in the code.
Animation also often involves movement from one position on the screen to another and there are two blocks for that, too. (well, several actually, but two that are useful in animation). These are found in the Motion section and are and Both of these take numbers or variables as parameters in the little ovals that I left blank.
There was a rubric for the nursery rhyme. Students can earn up to 20 points for their project. Here is a screenshot of my nursery rhyme.You can see it here. Assets are from clker.com except the background (included with Snap) and the waterspout (created in GIMP). The text sprite was also done in GIMP. Most assets were modded in some way—either to make a second costume or (in the case of the sun) to make the text sprite more readable.
Apparently, Unit 3 is a “platform game” and I don’t even like those (except maybe Cosmo’s Cosmic Adventure). Watch this space for more exciting Snap stuff as I figure out what kind of platform game I’m going to create and how it will work.
Ever had one of those days when your IDE decides to rebel? Today was that day for me in Snap and what it did was lost several of the blocks in the Variables category that I needed to do my Pong. Namely, I lost the ability to set variables and the ability to change them. These were the blocks I lost.This meant I couldn’t track the score or change the speed of the ball (the particular things I was attempting to do when I noticed the blocks had gone missing from the palette). This was highly annoying.
About all I could do was open another Snap in another browser window and rebuild my code. Because exporting to XML and importing back into Snap brought the anemic palette with me.
It took a long time, as I was mostly finished, too. I was struggling with reflections and had finally figured them out (including how to apply what I think is called “English”). And I was to the part of putting in sounds. I got all my sounds from freesound.org which is searchable.
Of course my Pong is baseball-themed—what else would you expect? I use sprites for all the edges because I know how to easily test for that and play a sound when sprites touch (and I heard there was a glitch with other kinds of detection and rather than explore them, I figured I’d be lazy). I don’t know if my sprites need to be as big as I make them, but I’ve noticed that size does not equate to pixels, but to “steps” and (again) I’m too lazy to figure it out.
On the off-chance someone messes with my field, when the green flag is clicked, I put things in their places. I uncheck the box at the top of each sprite for draggability but that might not stop someone who is determined. Here’s a screenshot of the pregame.
You can see it here. Don’t know that I’m off hiatus, but I may be.
No, Pong is not the next Snap project—a kaleidoscope is. Here is the example of the kind of thing they mean by a kaleidoscope.
Four sprites moving in synchrony. This example was presented as you see it—in .gif format. No clues on how to make one like it except some platitudes. “You will need four sprites.” Well no shaving cream, Sherlock! “The easiest way to create three more is to duplicate the one you have.” You mean there are other ways? The only way I could figure out to make more sprites without cracking the manual (there is one) is by right-clicking the existing sprite and clicking duplicate. That also duplicates the code. So I did break down and look at the manual.
It turns out that green flag is at the top of the stage. Quick peeky-see at the names of all the areas on the Snap screen—from the actual homework that I actually did that had the actual kaleidoscope program assigned. Here’s that picture.
See the flag? When you click that, it counts for all the sprites that have that block of code so you can start …. say, four sprites, and have them do synchronous stuff. This is what I came up with. It is similar, but different, you can look at the code by exiting full-screen mode. I think that it’s more of the sort of thing I think of as kaleidoscopic. I think the color should be the same for all sprites but change over time.
Now, I’m ready for Pong. Well, no, that’s not right, now the next major project i turn in is Pong. I’ll probably do some other things in the meanwhile. Pong has a rubric. For those who don’t know, a rubric is a scoring chart that lists aspects of my program and how many points each is worth. Everything from “Players can control paddles with required keys” to “Program is well-documented and exhibits good style.” Whoa, documented? I don’t think I saw comment blocks in Snap (not that I was looking, mind you). I’m usually adequate at commenting. I hope that’s good enough for my grader. I guess I’ll find out.
Wish me luck!
Snap is a programming language that is intended to teach programming concepts without the pesky need to learn syntax. If you’ve ever worked with Legos, K’nex, Erector or other component systems, it’s a similar concept. Sounds easy, right? It’s harder than it looks.
Here’s the screenshot of Snap, which can be run entirely online.The area on the left is the set of blocks you can pick from; at the top there are eight options for sets of blocks you can have displayed there. The default is the first one, Motion.
So, when I loaded Snap for the first time, I did what any respectable programmer would do—I set about writing a “Hello, world” program in Snap. Oh, my! Where to begin. Well, you need to start the program and you need to “say” the text “Hello, world!” and you need to end the program. Well it turns out the start and end stuff is under Control. The stuff to say things is under Looks. And the stuff to tell it, no, you can stop saying it already (forever is an option but ewww!) is under Controls too but the condition you need to test is under Sensing.
After fiddling around with it, I discovered if you only say “Hello, world!” and end, it disappears before the user even is aware it was said. Not good. There are options. You can set a duration or you can set until an event. I chose an event and the event I chose was a mouse-click. Here is my version of “Hello, world!” in Snap.Next up. Pong. Yes, you read that right. I’m going to be a teaching assistant for a school in Hillsboro, North Dakota (remotely) and I’ll be introducing high school students to programming through Snap and then Python. So for the next while, you’ll be reading more about TEALS than FreeCodeCamp.
TEALS (Technology Education and Literacy in Schools) is the program through which I’m lucky enough to get to reach out and teach the next generation. I have five(!) kids and of them, only one did any amount of coding (and that was a phase—he’s becoming a paralegal). This is my way of sharing my passion.