ГЛАВА 15. ИГРА ПЛАТФОРМЕР.
Давайте сделаем простейший платформер. Кот бежит домой через три экрана. Если Кот упадет в красную лаву, то конец игры.
Игра будет выглядеть вот так.
Сначала нарисуем фон. Выберите сцену и залейте весь фон голубым цветом. Выберите инструмент «Заполнить цветом».
Возьмите голубой цвет.
Залейте фон голубым.
Потом нарисуйте солнце инструментом «Эллипс».
Цвет, конечно, жёлтый.
Выберите закрашенный овал.
Удерживая клавишу Shift, нарисуйте ровный круг.
Инструментом «Линия» нарисуйте солнечные лучи.
Земля и лава будут нарисованы в виде отдельных спрайтов. Кот всегда будет находиться в центре экрана, и двигаться только вверх и вниз. Спрайты с землёй и лавой перемещаясь справа налево будут создавать эффект движения. Игроку будет казаться, что это не земля двигается влево, а что Кот идёт вправо.
Нарисуйте 4 спрайта с землей и лавой. Постарайтесь участки лавы делать не очень широкими. Нарисуйте первый спрайт. Нажмите на кнопку «Нарисовать новый спрайт».
Выберите инструмент «Кисть».
Возьмите зелёный цвет.
Толщину кисти сделайте почти самую большую, широкой кистью удобней рисовать.
Теперь выберите красный цвет и нарисуйте лаву.
Толщину кисти лучше немного уменьшить.
Нарисуйте не очень большое озеро лавы.
Затем нарисуйте второй спрайт. Нажмите на кнопку «Нарисовать новый спрайт».
Красной и зелёной кистью нарисуйте землю и реки лавы.
Снова нажмите на кнопку «Нарисовать новый спрайт» и нарисуйте третий спрайт.
А теперь нарисуйте четвёртый спрайт. Лаву на нём рисовать не надо, нарисуйте домик Кота с помощью инструментов «Прямоугольник, «Линия», «Заполнить цветом». Цвет домика должен быть синим.
Переименуйте все имеющиеся спрайты. Кота назовите Котом.
Первую картинку назовите Экран1.
Следующим спрайтам дайте имена Экран2, Экран3 и Экран4.
Начинаем программировать. Сделайте программу Кота. В ней будет шесть скриптов. В первом скрипте описано начало программы. Кот появится, перейдёт в исходную точку, и спросит где его домик. Заодно обнулится переменная «Скроллинг».
В блоке «всегда» запрограммирован прыжок Кота. Для того, чтобы Кот подпрыгнул, должно выполниться два условия. Должна быть нажата стрелка вверх и Кот должен касаться зелёного цвета. То есть, если стрелка вверх будет нажата, когда Кот стоит на земле и касается зелёного цвета, то он подпрыгнет вверх, изменяя координату Y тридцать раз по десять, то есть на триста пикселей вверх. А если стрелку вверх нажать во время прыжка, то есть когда кот не касается зелёного, то он не подпрыгнет. Из лавы выпрыгнуть тоже не получится, так как она красного цвета.
Второй скрипт Кота отвечает за то, чтобы Кот мог ходить по земле и не проваливаться.
Если Кот касается зелёного цвета, то он понемногу поднимается вверх, изменяя Y на два пикселя. Как только Кот окажется на поверхности земли, то он немного подпрыгнет и перестанет касаться зелёного цвета. Тут же сработает блок «изменить Y на -3», и он опять коснётся земли. В результате Кот будет немного дрожать, стоя на земле. Это не страшно, играть всё равно интересно.
Третий скрипт Кота отвечает за касание лавы.
Если Кот коснётся красного цвета, то скажет печальную фразу, и скроется. Работа программы будет остановлена.
Четвёртый скрипт отвечает за возвращение Кота домой. Если Кот дойдёт до дома, и коснётся синего цвета, то он скажет весёлую фразу и наступит конец игры.
Последние два скрипта отвечают за движение Кота влево и вправо.
Кот управляется стрелками, но не как обычно, изменяя координату Х, а изменяя значение переменной. Ведь на самом деле в этом проекте Кот никуда не двигается. Двигаются только спрайты Экран1, Экран2, Экран3 и Экран4. Если мы нажимаем стрелку влево, то Экраны будут смещаться вправо. Из-за этого будет казаться, что Кот идёт влево.
Теперь сделайте программу для Экрана1. В ней всего один скрипт
Давайте внимательно посмотрим, как работает этот скрипт. В самом начале работы программы переменная «Скроллинг» равна нулю. 480 умноженное на ноль, тоже равно нулю. Ноль плюс ноль тоже равно нулю. Значит в начале игры Экран1 будет стоять в точке (Х=0; Y=0) которая соответствует центру сцены.
Совет. Если вытащить формулу и дважды кликнуть на неё, то вверху отобразиться её значение.
У Экрана2 программа немного другая.
Здесь 480 умножается на один. Значит в начале работы программы Экран2 будет находиться в точке (Х=480; Y=0), а это справа за границей экрана, поэтому Экран2 совсем не видно.
У Экрана3 программа очень похожа на программу Экрана1 и Экрана2.
Отличается только числом, на которое умножается 480. В начале игры Экран3 окажется в точке (Х=960; Y=0), а это справа за границей экрана, еще правее чем Экран2.
Какая программа будет у Экрана4 вы уже, наверное, догадались.
Таким образом, все экраны расположились в ряд.
Запустите игру. Попытайтесь пройти Котом до домика. Не касайтесь лавы!
Вопросы. Как ускорить движение Кота.
Задание. Подрисуйте ещё два Экрана так, чтобы домик Кота находился на Экране6.
How to Make a Platformer on Scratch (Beginners 8+)
Today, we’re going to show you how to make a basic platformer on Scratch from scratch!
What is a platform game? Also called a platformer, this popular type of video game features a character moving to and from platforms or over obstacles. One of the all-time greatest examples is Super Mario Bros. With a few simple steps, you’ll be on your way to making your own fun games!
Why Make a Platform Game?
As highlighted in our What is Scratch Coding article, Scratch is a user-friendly application for coding practice and creative fun. Coders of all ages can let their imaginations run wild through their own games, animations, and interactive stories!
As a high-level visual programming language—you create with colorful drag-and-drop blocks instead of text-based code—it’s an intuitive (and inspiring) way to learn coding for kids.
Platform game design is great for exploring level design, sprite movement, and more. Recommended for children over the age of 8, Scratch makes it easy!
What You Need to Start
New to Scratch 3.0? All you need is a device (laptop, desktop, or tablet), web browser, internet connection, and Scratch accountto run it.
Once set up, a coder age 8+ is ready to learn Scratch programming language.
Platforming games work with more complex concepts, including gravity and physics. This helps Scratchers improve their logical and creative thinking skills.
If you’re completely new to Scratch, here are basic Scratch tutorials to get started:
- Getting Started Coding in Scratch (first Scratch project)
- How to make a Scratch sprite jump (an essential game mechanic)
- How to Make a Scratch Game (step by step)
Don’t be nervous, though. Once you get the hang of the basics, it’s simple & fun to make a game in Scratch!
Ready to make your first basic platformer game? Good luck!
Platformer Game Tutorial
Step 1: Make Your Sprites
In a platformer, sprites are used to create a character, ground, and platforms. Check out the Scratch Wiki for a great introduction to sprites and more about Scratch 3.0!
First, select a character.
Feel free to use the Scratch Cat or another premade sprite. To select a new one, click the button labeled “Choose a Sprite” located in the lower right corner of your screen. (You can also switch costumes to add even more customization.)
Rename “sprite” to “player.” Then, delete the Scratch Cat with a right click (if you’re not using). Decrease size of player to allow room for moving around the game screen.
You’ll need to program your new character for movement. Check out how to make a sprite move to freshen up on scripts with Scratch blocks!
Remember to rename your game, too. Get creative with the title!
Next, make a simple ground sprite. Select a new sprite and rename it “ground” for clear labeling. Draw a ground block that fills the bottom width of the drawing window.
Finally, create simple horizontal platforms on which to run, hop, and jump. This is what makes a platformer game fun! Keep in mind that you can make different (and unique) shapes as you get more comfortable building your own games.
Select a new sprite and draw your first platform. Name this “platform 1” and duplicate it for new platforms (“platform 2” and so on). Start with two or three to keep things simple.
Got your sprites ready? Awesome!
Step 2: Create Simple Sprite Script
Gravity is an important element for any platform game. It controls your character’s tendency to fall off of platforms and other obstacles (as well as determining whether it’s on the ground, platform, or in the air.)
Above, there’s a simple block script for your platformer sprite. This will allow your character to move along the ground, onto platforms, jumping in the air, and falling back onto the ground during gameplay.
For gravity, there are two new variables. One is «gravity» (which holds the value strength of falling) and «x velocity» (which holds the value of horizontal speed).
Start with a «when green flag clicked» block. Then add a «forever» block to the bottom of it. Insert the various other blocks (with corresponding values) as shown in the above image.
Towards the bottom of the script, the «change y by» contains «gravity» (falling), while the «change x by» contains «x velocity» (horizontal speed).
Step 3: Make Your Character Jump
Can’t have a game if your character stands still, right? Let’s get it moving!
To make your character jump, use the above code.
To begin, drag in a “when green flag clicked” block. Then add a “forever” block below it and place an “if () then” block inside the forever block.(Blocks inserted in this way create what’s called a Forever Loop, which means it constantly loops through blocks during gameplay).
As you can see, to make your character jump, you’ll need to add a «key () pressed? then” block to select the «up arrow» for jumping.
(Note: The «change x by ()» block moves your character left and right, while the «change y by ()» block moves your character up and down.)
Y Position is where your character is located vertically. A value of 0 places it at the middle of the stage. A value of 180 puts it at the top, and a value of -180 positions it at the bottom.
There you go. you’re moving and grooving now!
Step 4: Create Backdrop
To give your game a great look, select or draw a backdrop!
Default backgrounds can be found in the Backdrops Library. Categories include All, Fantasy, Indoors, Music, Outdoors, Patterns, Space, Sports, and Underwater.
For the purpose of this Scratch tutorial, please select a premade backdrop.
Later on, you can make your own. Let your imagination fly. Draw trees, a castle, the sun… whatever makes the platformer your own!
Remember that you already have a ground sprite. Make sure the ground and backdrop work well together in the game view.
Step 5: Test Your Game
Now, the fun part! Once you’ve set up your character, ground, platforms, and code blocks, double-check your game is running properly:
- Left and right movement
- Jumping movement with up key
- Running animation (on ground, not in air)
- Jumping from ground to platforms (up key)
- Dropping down from platforms (down key)
Everything working well? Congratulations!
Once you’ve mastered the basics, you can level up with objects to collect and a scrolling platformer feature (or multiple levels) for added challenge.
You’ve Made It! Now Keep Practicing
Great job! You now know how to make a basic platform game. Continue to discover new techniques and game strategies. You can even share your project with the Scratch community. There’s so much fun stuff to do!
Read more about how Juni teaches coding for kids, or speak with a Juni Advisor by calling (650) 263-4306 or emailing advisors@learnwithjuni.com.
You can also read more about how we use Scratch to teach beginner coding.
Go further with Juni
Find your potential through our exclusive educational content, guides, and resources only available to Juni Subscribers.
Касание поля, потолка, стен в игре-платформере на Scratch
Урок Татьяны Владимировны Худик, учителя информатики из г.Гродно, который она назвала «Сенсорный спрайт», поможет продвинутым разработчикам, тем, кто хочет создать в Scratch игру-платформер. В профессиональных программах для разработки игр (например, Unity) для обработки касаний объектов используются так называемые коллайдеры (Collider, от англ. collide — «сталкиваться» ), и это входит в состав физики игрового движка. В Scratch коллайдеры приходится создавать самим, но, оказывается, это не так уж и сложно. И если разобраться, то со временем можно будет и свой игровой движок создать ��
Урок создан в рамках конкурса для учителей «Моя Scratch-история-2020» в номинации «Опыт мастера». Татьяна Владимировна Худик — финалист конкурса и докладчик конференции «Scratch conference Belarus 2020».
А как вы обрабатываете касания элементов локации платформера в ваших играх? Делитесь ссылками и идеями в комментариях! ��
Знакомство со Scratch. Создание игр на Scratch. Основы
Детская программа-конструктор Scratch идеально подходит для создания первой игры. Все, что для этого нужно, – умение читать. Ребенок сам придумает механику, сюжет, героев и собственными руками соберет настоящую игру.
Своя игра | Анализ кода | Работа в команде | Разработка игрового сюжета
- Длительность курса – 1,5 месяца
- Количество занятий в месяц – 4, 1 раз в неделю по 2 часа
- Возраст – 6-9 лет
Scratch программирование для детей – универсальная и занимательная программа-конструктор, с помощью которой ваш ребенок получит базовые знания, усвоит логику программирования, поймет принципы выполнения команд и создаст свою первую настоящую компьютерную игру. К тому же юных программистов в Scratch привлекает возможность создания мультфильмов, мультимедийных пособий, обучающих и музыкальных программ, анимированных и интерактивных открыток/историй, тестов и викторин. Этот графический язык довольно прост в изучении, так был специально разработан Массачусетским университетом для обучения ребят в возрасте 6-9 лет.
Особенности курса «Scratch» и преимущества обучения в КиберШколе
Курс Скретч программирования для детей в международной КиберШколе состоит из 6 занятий, в ходе которых вместе с тьюторами (нашими креативными практикующими в сфере IT-технологий наставниками) мальчики и девочки в игровом формате ознакомятся с основными идеями «взрослого» программирования. Они легко усвоят понятия переменных, циклов, ветвлений, проверок, вычислений, подпрограмм и других не менее важных элементов для работы с кодами. Уже на первом уроке в нашей IT-школе дети составят свои программы с красивой и живой графикой, с перемещающимися, меняющими внешний вид и говорящими персонажами. В дальнейшем они освоят все возможности Scratch, научатся черпать идеи из своих фантазий, создавать ремиксы любимых популярных игр. А к окончанию модуля смогут читать программы своих однокурсников, находить в них ошибки и исправлять их.
Обучение программированию для детей на базе школы KIBERone в Актобе – это фундамент, позволяющий понять логику языков программирования и перейти на более сложные уровни. Все новые знания о компьютерных технологиях будут ложиться на прочную, заложенную нашими преподавателями основу. Мы сможем научить вашего ребенка программированию и алгоритмическому мышлению играя: складывая и перетаскивая визуально понятные блоки Scratch по принципу конструктора Lego самостоятельно собрать коды программ, корректировать их и дорабатывать под свои требования/желания. К тому же результат каждого внесенного изменения в среде Scratch виден сразу.
Со Scratch программирования детям легче будет перейти на Python, более сложный многофункциональный язык, на котором создают серьезные проекты. На занятиях наши тьюторы часто проводят параллели между визуальным (Scratch) и текстовым (Python) программированием, чтобы не отбить в дальнейшем у ребенка желание к обучению.
В ходе курса обучения программированию в КиберШколе дети:
- учатся концентрации внимания, усидчивости и целеустремленности;
- продумывая будущий сценарий и формируя идеи развивают творческую фантазию, логику, абстрактное и алгоритмическое мышление;
- создают анимацию со звуками по собственной задумке;
- получают представление о многих математических понятиях (системы координат, переменные, случайные числа);
- проектируют игровую механику;
- ставят и решают задачи, при чем несколькими способами, а также четко понимают взаимосвязь «условие-результат»;
- программируют 2D-игры, в которые можно играть самому и с друзьями, размещают их в интернете;
- работая в команде быстрее находят общий язык со сверстниками;
- получают навыки в создании полезных и интересных на сегодняшний день проектов.