Your cart is empty.
Keep shopping
Teach on Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn MoreCreate a game without coding (코딩없이 게임만들기) Construct 3
Rating: 3.3 out of 53.3(4 ratings)
24 students
Create a game without coding (코딩없이 게임만들기) Construct 3
Anyone can complete the game in one day. (누구나 하루만에 게임을 완성할 수 있습니다.)
Created by현섭 유
Last updated 4/2019
Korean
EnglishKorean
What you'll learn
- 간단한 게임을 만들고 그 작동원리에 대해서 배우기 (Create a simple game and learn how it works)
- Construct3 엔진을 통해서 게임만들기 (Create game through Construct3 Game engine)
Explore related topics
Course content
7 sections • 30 lectures • 3h 14m total length
- About CONSTRUCT 3 (컨스트럭트3에 대하여)8:24
Construct 3는 코딩없이 게임을 개발할 수 있는 게임개발엔진 입니다.
웹 브라우저에서 바로 실행해서 편리하고, 미리 완성되어 있는 다양한 기능등을 활용해서
멋진 게임들을 만들 수 있습니다.
하루만에 간단한 게임을 완성할 수도 있습니다.
내 머리속의 게임들을 실제로 완성해보세요.
프로그램을 몰라도 쉽게 배울 수 있습니다.
Construct 3 is a game development engine that can develop games without coding.
You can run it directly from your web browser and use various convenient functions
You can make great games.
You can also complete a simple game in one day.
Please actually complete the games in my head.
It is easy to learn without knowing the program.
- Create pixel art using Photoshop (포토샵을 이용한 픽셀아트 만들기)12:42
포토샵으로 간단한 픽셀아트 만드는 법을 소개합니다.
그래픽 전공자가 아니어도 간단한 픽셀아트를 만들어서 게임에서 쓸 수 있는
포토샵 사용방법을 소개합니다.
Introducing simple pixel art in Photoshop.
You can create simple pixel art even if you are not a graphic person,
Introducing how to use Photoshop.
- Create Sprite Object (스프라이트 이미지 오브젝트 만들기)3:56
첫 프로젝트를 생성하고 스프라이트 오브젝트를 추가 해 봅니다.
Create your first project and add a sprite object.
New Project
Add 'Rocket' Sprite Object
Add Animation Frame
- Adding Behavior (비헤이비어 추가하기)1:21
비헤이비어는 컨스트럭트에서 제공하는 여러가지 기능 스크립트입니다.
비헤이비어를 오브젝트에 추가하면 오브젝트가 다양한 동작을 할 수 있는 기능이 추가됩니다.
Behaviors are a number of feature scripts provided by the construct.
Adding behaviors to objects adds the ability for objects to behave differently.
Add Behavior
8Direction Movement Behavior
Custom controll
- Hero 'Rocket' Movement at Touch object (로켓의 이동 구현하기)3:55
터치 오브젝트를 사용해서 로켓의 기본적인 조작법을 구현합니다.
Use the touch object to implement the basic operation of the rocket.
'Touch' object
Add Sub Event
Set Instance variable
- 'Rocket' Rotate Behavior (로켓에 회전기능 추가하기)1:43
회전 비헤이비어를 이용해서 로켓이 움직일 때 이동방향으로 자연스럽게 기울도록 합니다.
Use the Rotate behavior to tilt the rocket naturally in the direction of movement when the rocket moves.
'Rotate' Behavior
Invert Condition
Compare X or Y
- Create Enemy 'Planet' (적 행성 구현하기)2:40
게임의 기본 구성 요소중 하나인 'Enemy'를 만들어보겠습니다.
총알의 속성을 가지고 위에서 아래로 내려오는 장애물입니다.
Let's create one of the basic components of the game, "Enemy."
It is an obstacle that descends from the top with the properties of the bullet.
Bullet behavior
Preview Play
- Create an enemy every second (매 초마다 적 생성하기)6:58
System 명령어인 'Every X Second'를 이용해서 적을 생성해봅니다.
Random함수등 construct3에서 주어진 내장함수를 활용합니다.
Try to use System command 'Every X Second' to create the enemy.
It takes advantage of built-in functions given in construct3, such as the Random function.
Every X Second
Create Object
Set Angle - Bullet
Random(X,Y)
Choose(X,Y,Z)
- Create score, and check collision (점수기능 만들기, 충돌체크하기)9:48
게임중 점수를 획득하는 작업과 적과 충돌 했을때 게임이 종료되도록 만듭니다.
Gaining points during the game and causing the game to end when the enemy crashes.
Text Box
Global variable
on Collision with another Object
Destroy
Group Activate
Image Import - From Files
- Create 'Ready' screen (준비 화면 만들기)7:45
레이아웃 시작 트리거를 통해서 게임시작시 행동들을 작업합니다.
벽에 충돌 했을시 파괴되도록 조건을 추가합니다.
'on Start layout' triggers and work on the actions at the start of the game.
Add conditions to be destroyed when a wall crashes.
on Start Layout
add another condition
'and' condition 'or' condition
- Draw space background with Photoshop (포토샵으로 배경우주화면 그리기)4:04
포토샵의 Noise 기능으로 배경으로 사용할 우주와 별을 그려봅니다.
Using Photoshop's Noise function to draw stars and stars for background.
Photoshop CC
Noise Filter
Brightness / Contrast
Channel
- Multiple scrolling background images (배경이미지 다중스크롤)16:04
배경이미지를 다중스크롤로 구현하는 방법을 진행합니다.
We are going to implement a multi-scrolling background image.
Custom Movement
BackGround Layer Properties
Image Assign
- Add a flame image to the rocket (로켓에 불꽃 이미지 추가하기)5:39
로켓에 불꽃 이미지를 추가합니다. 불꽃 이미지가 로켓을 따라다니도록 합니다.
Add a flame image to the rocket. Fireworks Images follow the rocket.
Pin behavior
Resize Image Frame
Loop Animation
- Particle Object (파티클 오브젝트)6:12
불꽃 연출에 파티클 오브젝트를 추가합니다. 파티클 오브젝트를 다루는 방법을 배웁니다.
Add a particle object to the flame rendering. Learn how to handle particle objects.
Particle Object
Pin
- Add rotating motion to an enemy planet (적 행성에 회전모션을 추가하기)4:11
적 행성에 회전모션을 추가해서 좀더 재미있는 게임으로 만들어봅니다.
Add a spinning motion to your enemy planet to make it a more fun game.
Rotate Behavior
Bullet - Set Angle Check Box
Choose(X,Y,Z)
- Create gameover UI (게임오버 UI 만들기)4:38
GameOver UI를 만들어봅니다. 9Patch 기능을 알아봅니다.
Create a GameOver UI. Learn about the '9Patch' feature.
9Patch Object
9Patch Margin
- Adding a text object (텍스트오브젝트 추가하기)7:42
텍스트 오브젝트를 추가합니다. 텍스트 오브젝트의 옵션등을 알아봅니다.
Adds a text object. And the options for text objects.
Text Object
BBCode
Set Color
Set Text
- Implementing Game Over (게임오버 구현하기)7:46
'Function' 오브젝트를 사용하여 게임오버를 구현합니다.
Use the 'Function' object to implement a game over.
Function
Restart layout
- Update and record your best scores (베스트스코어 갱신하고 기록하기)4:17
최고 점수를 기록하고 표시하고 갱신하는 방법입니다.
How to record, display, and update the Best score.
Compare Value
Global Variable
- How to award a badge to your score (점수에 맞는 뱃지를 수여하는 방법)7:09
점수에 맞는 뱃지를 수여하는 방법입니다.
This is how to award a badge to match your score.
is between Value
Function Object
Sub Event
- Create Restart button (리스타트 버튼 만들기)7:59
리스타트 버튼을 만들고 클릭하면 피드백을 주는 방법입니다.
This is a way to create a Restart button and give feedback when you click on it.
Set Animation
Animation Stop
Wait X time
- Game initialize & Local Storage (게임초기화와 로컬스토리지)6:24
게임초기화의 개념과 로컬스토리지의 개념에 대해서 배웁니다.
Learn the concept of game initialization and the concept of local storage.
Browser Cash Data
Local Storage Object
- 불러오기와 저장하기7:51
게임을 초기화 하고 저장데이터를 불러오는 방법을 배웁니다.
Learn to initialize the game and load the saved data.
Game initialize
Local Storage
Save Function
Savedata Exist, Get
Missing Savedata
- Register your sound (사운드 등록하기)1:55
사운드를 게임엔진에 등록하는 방법입니다.
How to register the sound with the game engine.
Audio Object
MP3, WAV File Format
- Applying sound to a game (게임에 사운드 적용하기)5:27
오디오 오브젝트를 통해서 게임에 사운드를 적용합니다.
Apply sound to the game through audio objects.
AUDIO Tag
Play and Stop
- Adding Tutorial Images (튜터리얼이미지 만들기)4:42
레디화면에서 튜터리얼 이미지 추가하는 방법입니다.
How to add a tutorial image from the ready screen.
Sine object
- Adding bonus Score feature (보너스점수 기능 추가하기)5:20
보너스 점수를 획득하는 기능을 만드는 법입니다.
How to create bonus points.
Image Sprite From Files / From Strip
- Setting up treasure chest collisions (보물상자 충돌설정하기)14:58
보물상자가 등장하고 로켓이 획득할 수 있도록 하는 기능입니다.
This is a feature that allows the treasure chest to appear and be acquired by the rocket.
- Create a feature to acquire stars (별 획득 연출하기)2:45
보물상자를 획득하면 별이 생성되고 저절로 획득되는 연출을 만듭니다.
If you win the treasure chest, you will create a star and produce a spontaneous acquisition.
- Earn Extra Score (추가점수 얻는 방법)10:01
별을 획득하면 추가점수를 얻는 방법입니다.
Earning a star is a way to earn extra points.
Requirements
- 없습니다. 초보자 환영합니다. (Beginner level.)
Description
프로그래머가 아니어도 좋습니다.
그래픽 디자이너가 아니어도 좋습니다.
누구나 픽셀아트를 이용해서 코딩없이 게임을 완성하는 방법을 소개합니다.
You may not be a programmer.
Not a graphic designer.
Everyone will show you how to complete a game without coding using PixelArt.
Who this course is for:
- 1인 개발에 관심있는 디자이너, 기획자, 학생등의 초보개발자. (Beginner developers of designers, planners and students who are interested in developing one person.)