Construct 2 Game Development for Kids Platformer Tutorial: Part 1 Shahed Chowdhuri.

Slides:



Advertisements
Similar presentations
Windows 8 Windows Phone 8 Web Mobile … and WakeUpAndCode.com.
Advertisements

Derived from Kirill Muzykov’s Rocket Mouse Tutorial WakeUpAndCode.com.
Copyright © 2012 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Starting Out with Alice: A Visual Introduction to Programming Third Edition.
© Anselm Spoerri Lecture 11 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall Navigation Layout, Import Images & Organize.
Windows 8 Windows Phone 8 Web Mobile … and WakeUpAndCode.com.
03 | Exploring Construct 2 Templates
Windows 8 Windows Phone 8 Web Mobile … and WakeUpAndCode.com.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
Create a Narrated Story with PowerPoint. Basics Enter Text. (Click in the text box and start typing. If a text box is not visible, go to Insert > Text.
Roentgen photo effect. This detailed, thoroughly explained lesson will show you how to create very attractive roentgen photo effect. You can use this.
Using Flash Animations In PowerPoint
GameMaker.  A lot of Different Definitions  Easier to Say What is NOT a Game  Movie is Not a Game  No Active Participation  Final Outcome is Fixed.
GAME:IT Junior Pacman To create original sprites To animate sprites
Construct 2 Game Development Shahed Chowdhuri Sr. Technical Evangelist
Game Design Creating a game called PING Phase 3: Steps for building basic game.
Introduction to TouchDevelop
Exercise : Animated Navigation Structure in Flash 1.Develop Answers to “What did you learn in ITI program?” “What do you have to offer?” “What are your.
CIS 205—Web Design & Development Flash Chapter 1 Getting Started with Adobe Flash CS3.
Game Maker Day 2 Making a Maze Game.
Tutorial 6 Working with Bitmaps and Gradients, and Publishing Flash Files.
VIDEO GAME PROGRAMMING Video Game Programming Junior – DigiPutt INSTRUCTOR TEACHER’S ASSISTANT.
Tutorial 2 Drawing Text, Adding Shapes, and Creating Symbols.
VIDEO GAME PROGRAMMING Video Game Programming Level One – Breakout INSTRUCTOR Big Dan Teague TEACHER’S ASSISTANT Delmar O'Donnell.
Making a Playable DVD movie using your digital photos And adding music to the movie.
CIS 205—Web Design & Development Fireworks Chapter 1.
 Objectives Objectives  Introduction Introduction  Exploring Excel Exploring Excel  Navigating a Worksheet Navigating a Worksheet  Workbook Workbook.
Learning Unity. Getting Unity
Right-click to Rename each sprite Name them: Player Monster Bullet Explosion.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
LATTICE TECHNOLOGY, INC. For Version 10.0 and later XVL Web Master Tutorial For Version 10.0 and later.
Game Maker Terminology
Shooters in GameMaker J Parker.
Chapter 9 Advanced Assembly Modeling Techniques. After completing this chapter, you will be able to perform the following: –Create sketch blocks –Create.
Game Maker Galactic Mail Advanced Group: Complete Galactic Mail, then start developing an independent project.
Game Maker Tutorial.
2D Platform Game Game Maker Terminology. Object  Item in a game that has behavior, such as a main character who can move.
Derived from Kirill Muzykov’s Rocket Mouse Tutorial WakeUpAndCode.com.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Chapter2 Create animation. Objectives Import image Use the blank keyframe Add sound Publish the movie as an SWF file Use a motion tween animation.
Tutorial 7 Creating Animations. XP Objectives Learn about animation Create a timeline Add AP divs and graphics to a timeline Move and resize animation.
Chapter 9 Advanced Assembly Modeling Techniques. After completing this chapter, you will be able to perform the following: –Create sketch blocks –Create.
Animations in GIMP GIMP Lesson 4 Animations: Chapter 3 pp Beginning GIMP From Novice to Professional.
GAME:IT Junior Paddle Ball Objectives: Review skills from Introduction Create a background Add simple object control (up and down) Add how to create a.
Computer Programming with Scratch JAOIT 8. Scratch Scratch is a programming language that makes it easy to create your own interactive stories, animations,
GAME:IT Mario Creating Platform Games Level 4 with GML Game Maker Language (GML) allows users more flexibility in game design. GML is similar to how real.
Adobe ® Photoshop ® CS6 Chapter 1 Editing a Photo.
Game Maker Tutorials Introduction Clickball IntroductionClickball Where is it? Shooting Where is it?Shooting.
Prof. Anselm SpoerriMultimedia Production Rutgers Lecture 11 Flash –Build Flash Website with Animated Navigation Structure –Decide on Overall.
Tutorial 3 Creating Animations.
Using Flash Animations In PowerPoint
Game Maker Intro to Programming Game Maker Pop Quiz (Both Groups)
Background Shapes & Collision Resolution (Top-down and Side-scrolling)
Flash Interface, Commands and Functions
Macromedia Flash Tutorial
Chapter 1 Editing a Photo
Animate Workspace. Objective % Utilize appropriate tools and methods to produce digital animation.
Introduction to TouchDevelop
Animated picture collection: left picture moves to front center
Motion Path Mouse Maze 1. Right-click & Copy the Maze from this slide.
The work of moving ice Chapter 8 Animated snow scene (Difficult)
Using the QGIS Layout Manager to create
Intro to Construct 2 Game Development
Game Maker Intro to Programming Game Maker Pop Quiz (Both Groups)
Tank Game Int 10 Unit 3 – Game Maker.
ANIMATE WORKSPACE Stage Timeline Properties Panel Library Panel
Exercise : Animated Navigation Structure in Animate (= Flash)
So you want to be a Game Designer
TEXT FORMAT Textured and layered background with title - Advanced
Construct 2 Game Development: Flapping Bird
Exercise : Animated Navigation Structure in Flash
Presentation transcript:

Construct 2 Game Development for Kids Platformer Tutorial: Part 1 Shahed Chowdhuri

Step 1: Save a New Project, “platformer.capx” Save! Enter File name

Step 2: Change Layout size Layout Size Width = 4000 Height = 2048

Step 3: Prepare Your Layers Bottom layer Rename it “Background” Remember to Lock it later! New layer Add new layer Rename it “Main”

Step 4: Add Background, update properties Update: Name Position Size

Step 5: Add New Sprite -> Tile Tips: Rename sprite object to “Tile” Check “Snap to Grid”. Ctrl-Click and Drag to create more.

Step 6: Add New Sprite -> Player Tips: Rename sprite object to “Player” Rename Default animation to “Idle” Set origin to bottom center point

Step 7: Add New Sprite -> PlayerBox Tips: Rename sprite object to “PlayerBox” Set origin to bottom center point

Step 8: Cover Player with PlayerBox Tips: Resize PlayerBox to match Player Position PlayerBox over Player

Step 9: Add Behaviors to PlayerBox Add the following behaviors: Platform ScrollTo

Step 10: Update PlayerBox Properties Update the following for Platform: Jump Strength = 750 Gravity = 2500 Also update: Initial visibility = Invisible

Step 11: Add Behaviors to Tile object Add the following behaviors: Solid

Step 12: Add Event for Player to follow Box Add Event Object: System Condition: Every tick Action: Object: Player Event: Set position to PlayerBox (image point 0)

Step 13: Add Keyboard Support Tips: Insert New Object  Keyboard Add 2 events for Left/Right

Step 14: Update Project Window Size Tip: Set Window Size: 800, 600

Step 15: Create More Tiles Tip: Ctrl-Click and Drag to create more tiles

Step 16: Add Run and Jump Animations Tips: Right-Click Animations window to Add each animation Import Sprite Strip as 4x4 for each Remove empty frames Clean up any stray pixels Rename to “Run” and “Jump”, respectively Set origin to bottom center point for all frames

Step 17: Add Events for Running and Stopping Add Events Object: PlayerBox Condition: (Platform) On moved Action: Object: Player Event: Set animation to “Run” Add Events Object: PlayerBox Condition: (Platform) On stopped Action: Object: Player Event: Set animation to “Idle”

Step 18: Add Event for Jumping and Landing Add Event Object: PlayerBox Condition: (Platform) On jump Action: Object: Player Event: Set animation to “Jump” Add Event with sub-events Object: PlayerBox Condition: (Platform) On landed Sub-events: (see details below)

Step 19: Add New Sprite -> Enemy Tips: Rename sprite object to “Enemy” Set origin to bottom center point

Step 20: Place enemies on blocks Tip: Ctrl-Click and Drag to copy enemy

Step 21: Add Behaviors to Player object Add the following behaviors: Flash

Step 22: Add New Event for Collision Add Event Object: PlayerBox Condition: On collision with another object  Enemy Action:

Step 23: Add New Event for Collision Add Sub-Event: Object: PlayerBox Condition: (Platform) is falling Add another condition: Object: PlayerBox Condition: (Compare Y) < Enemy.Y Add Actions: Object: Enemy Event: Destroy Object: PlayerBox Event: Set (Platform) vector Y Value: -700

Step 24: Add Else for Collision Add Else condition: Object: System Condition: Else Action: Object: Player Action: Flash 0.1 on 0.1 off after 1.0 seconds

(END of Platformer tutorial: Part 1) Derived from ‘How to make a Platform game’ originally published by AshleyHow to make a Platform game Ashley Updated with different graphics and simplified animations