Hype Professional and Swift Game creation

11/30/2016 - ⇨ 

 by: Nick Gressle

Tutorials for Hype Professional 3.5 and Xcode using Swift 3.0

 

In this video series you will learn how to make a simple tapping game using Hype Professional 3.5 and Swift 3.0.
By combining Hype with Swift in Xcode you can now make native apps that you can sell in Apple’s App Store.

Originally the project was intending to use Swift 2. However the upgrade to Xcode 8.1 gave me the opportunity to roll this series out for the latest version of Swift.

Enjoy!

Nick

 

intro Movie

[embedyt]https://www.youtube.com/watch?v=79VapcNAtcg[/embedyt]

 

Introduction to a group of tutorials for Hype Professional and Xcode using Swift 2.3

 

Part 1: Hype Pro and Xcode

[embedyt]https://www.youtube.com/watch?v=8_X60leZdmw[/embedyt]

 

In this video we will set up the scenes and the stage for the game that we will develop in this series of tutorials.
You will need a copy of Hype Professional 3.5 if you want to follow along.

 

Part 2: Hype Pro and Xcode

[embedyt]https://www.youtube.com/watch?v=w3EigU2njYg[/embedyt]

 

In this video we will begin to learn how to use the basic shape elements in Hype Professional 3.5 to create our game characters and scenery. You will need a copy of Hype Pro 3.5 if you would like to follow along with the lesson.

Part 3 CleanupArt

[embedyt]https://www.youtube.com/watch?v=j2PP17R5Uwk[/embedyt]

 

In Part 3 of the Hype and Swift Game building we are going to make multiple versions of our Germy characters.
You will learn some Hype drawing efficiencies in this one.

 

Part 4 create an intro screen

[embedyt]https://www.youtube.com/watch?v=n_fbgYw4Qw0[/embedyt]

 

In this video we create the intro screen composition for our game Sanitize in Hype Professional 3.5 by using our simple Hype Elements in combination to make more complex shapes.

 

Part 5 Intro Screen animation

[embedyt]https://www.youtube.com/watch?v=TZeqXVgct6g[/embedyt]

 

In this video we will add the type to our intro screen and add some animation to make it interesting for our user.

 

Part 6 Instructions screen

[embedyt]https://www.youtube.com/watch?v=43nF0cSORVE[/embedyt]

 

This is step 6 of the Hype to Xcode and Swift tutorial.
in this step we will build the instruction screen and setup the first button.

 

Part 7 Game Scene Background

[embedyt]https://www.youtube.com/watch?v=RCvQfo1mG-g[/embedyt]

 

In Part 7 of Hype to Xcode Swift
We will create the artwork for the background of the game
and get ready to add some physics to make some interesting game play.

 

Part 8 Physics Primer

[embedyt]https://www.youtube.com/watch?v=rykjGwl2DVU[/embedyt]

 

In this step we are going to work on a basic Physics Primer that will help you set up your physics for the game play

 

Part 9 Final Physics

[embedyt]https://www.youtube.com/watch?v=94WfvlyOqNw[/embedyt]

 

In this video we will build the game scaffold and animate one of the scaffold pieces so we have bouncing characters all over our game play scene.

Part 10 Adding Actions to your Hype Game

[embedyt]https://www.youtube.com/watch?v=jjYDIIWcLcY[/embedyt]

 

In this lesson we add the Winning Screen and add actions to our buttons and Game Play Scene.

 

Part 11 Losing Screen

[embedyt]https://www.youtube.com/watch?v=iHc3ExLgLEg[/embedyt]

 

In this video we add the losing screen add some actions to our non hero germs and wrap up the Hype portion of the lesson.
Come back to lesson 12 to see how we wrap this all up in Xcode and Swift!

 

Step 12 XCODE 8.1 Swift 3.0

[embedyt]https://www.youtube.com/watch?v=kvsDCBrP7b8[/embedyt]

 

In this video you will take your Hype Pro 3.5 Project export it as an HTML 5 file and take it into Xcode 8.1 and wrap it up using Swift 3.0 to make a native iOS hybrid application.
All code for this project can be found at

 


Written by: Nick Gressle      Website


I like it Loading...