Category Archives: InteractiveMedia Design

IMD1 _ Game App Final

In this class, finally we finished our Game App.

There’s several things that we can change.

First, we can remove all the badguys from the badGuys array.

스크린샷 2016-06-14 오전 10.40.50

And we will set the background music to the beginning when we reset.

스크린샷 2016-06-14 오전 10.53.39

I made my own game app! I added a background image, and changed the refresh button and countdown sound. So fun~

스크린샷 2016-06-20 오후 9.42.32.png

I exported to my iPhone~~~ Wow!




IMD1 _ levelLabel, add clouds

In this class, we’ve learned how to get to higher level and how to add clouds.

We created a variable for the level.

스크린샷 2016-06-07 오전 10.51.52.png

And we’ve set the levelLabel’s position.

스크린샷 2016-06-07 오전 10.56.24.png

We’ve set the levelLabel text.

스크린샷 2016-06-07 오전 10.58.13.png

If the current score divided by 5, then the levelLabel will update.

스크린샷 2016-06-07 오전 11.27.55.png

You can see that if you get score 5, your level goes up each time.

스크린샷 2016-06-07 오전 11.00.21.png

스크린샷 2016-06-07 오전 11.09.37.png

스크린샷 2016-06-07 오전 11.36.50.png

Now we are going to add clouds.

I downloaded the assets from our class website.

스크린샷 2016-06-07 오전 11.42.58.png

스크린샷 2016-06-07 오전 11.42.53.png

Put the cloud image in assets.xcassets.

스크린샷 2016-06-07 오전 11.47.37.png

스크린샷 2016-06-07 오전 11.47.45.png

And we will add a new swift file.

스크린샷 2016-06-07 오전 11.48.11.png

스크린샷 2016-06-07 오전 11.48.33.png

스크린샷 2016-06-07 오전 11.49.13.png

스크린샷 2016-06-07 오전 11.50.54.png

This is our code for cloudStatus.

스크린샷 2016-06-07 오후 12.01.47.png

And go to the gameScene.swift.

스크린샷 2016-06-07 오후 12.07.18.png

스크린샷 2016-06-07 오후 12.10.28.png

And we’ve set the cloud’s positions.

스크린샷 2016-06-07 오후 12.20.54.png

We gave the names to the clouds.

스크린샷 2016-06-07 오후 12.25.43.png

We’ve set the original and maximum position. And add the clouds.

스크린샷 2016-06-07 오후 12.28.33.png

We created a random number for the clouds.

스크린샷 2016-06-07 오후 12.40.35.png

스크린샷 2016-06-07 오후 12.50.44.png

Now there’s a clouds in my game~

스크린샷 2016-06-07 오후 12.52.18.png

IMD1 _ Add background music and sound effect

This time, we will going to add background music and collision sound effect.

Find the bgm and collision sound and drag them into the your project name folder.

Then you’ll see this screen. Just click finish.

스크린샷 2016-05-31 오전 11.23.19.png

Change the name ‘explosion’, ‘bgMusic’.

스크린샷 2016-05-31 오전 11.25.19.png

Go to GameScene.swift, and let’s add some code. We will  import library for audio and video.

스크린샷 2016-05-31 오전 11.30.15.png

And we will create variable for our audio files.

스크린샷 2016-05-31 오전 11.32.27.png

We will set up the audio player and create the path to the audio files.

스크린샷 2016-05-31 오전 11.48.26.png

And we associate the audio variables with their files.

스크린샷 2016-05-31 오후 12.02.06.png

If your music sound is too big, you can change the volume. Mine was okay.

스크린샷 2016-05-31 오후 12.15.48.png

Now we will add collision sound. If the hero get hit, the bgm will stop and only collsion sound will play, and after the countdown the bgm will start again.

스크린샷 2016-05-31 오후 12.17.47.png

스크린샷 2016-05-31 오후 12.18.15.png

And you can also change background color.

스크린샷 2016-05-31 오후 12.25.14.png

스크린샷 2016-05-31 오후 12.25.07.png

스크린샷 2016-05-31 오후 12.26.18.png

And in badguy.swift, we can change the angle or range of motion.

스크린샷 2016-05-31 오후 12.34.40.png

Speed also! These function will going to decide your game’s difficulty.

스크린샷 2016-05-31 오후 12.39.44.png

And I downloaded countdown sound effect. I tried to add a countdown effect. The sound was played well, but didn’t stopped when the game restart. I have to add some code about stop the sound when the game begins.

스크린샷 2016-06-05 오후 3.42.10.png

스크린샷 2016-06-05 오후 3.42.24.png

스크린샷 2016-06-05 오후 3.43.03.png

IMD1 _ Mobile Game App (3)

In this class we learned how to make a score.

And add a refresh button and reload the game.

First, we created a variable for the score label.

스크린샷 2016-05-24 오전 10.22.55.png

We’ve set the font for the score label, and set the score label’s position.

스크린샷 2016-05-24 오전 10.23.04.png스크린샷 2016-05-24 오전 10.28.33.png

And we made the score to update.

스크린샷 2016-05-24 오전 10.40.05.png스크린샷 2016-05-24 오전 10.40.18.png

스크린샷 2016-05-24 오전 10.39.51.png

스크린샷 2016-05-24 오전 10.47.10.png

스크린샷 2016-05-24 오전 10.47.18.png

스크린샷 2016-05-24 오전 10.48.07.png

스크린샷 2016-05-24 오전 10.48.18.png

스크린샷 2016-05-24 오전 10.53.11.png

We have various way to set the position.

스크린샷 2016-05-24 오전 10.53.18.png

스크린샷 2016-05-24 오전 10.55.14.png

Now we will make a reset function.

스크린샷 2016-05-24 오전 11.35.06.png

스크린샷 2016-05-24 오전 11.35.13.png

We will add a refresh icon.

Go to Assets.xcassets, and make a new image set “refresh”.

스크린샷 2016-05-24 오전 11.40.36.png

스크린샷 2016-05-24 오전 11.41.02.png

Also we’ll going to make a countdown.

스크린샷 2016-05-24 오전 11.51.47.png

스크린샷 2016-05-24 오전 11.55.16.png

스크린샷 2016-05-24 오전 11.56.12.png

스크린샷 2016-05-24 오후 12.01.26.png

스크린샷 2016-05-24 오후 12.05.43.png

And we wrote about reload code.

스크린샷 2016-05-24 오후 12.16.16.png

스크린샷 2016-05-24 오후 12.41.09.png

스크린샷 2016-05-24 오후 12.48.34.png

IMD1 _ Mobile Game App (2)

I’ve redesigned my hero, and other characters.


스크린샷 2016-05-23 오후 7.21.11.png

So I added characters to the Assets.xcassets.

Change the name of the characters. I changed them ‘boris’, ‘natasha’ and ‘paul’.

Jeff will be our hero, and boris, natasha, paul are baddies.

스크린샷 2016-05-23 오후 7.26.41.png

We will going to add a new file.

스크린샷 2016-05-23 오후 7.27.38.png

Choose ‘swift file’, and make its name BadGuy.swift.

And this is the code for BadGuy.swift.

스크린샷 2016-05-23 오후 7.55.54.png

스크린샷 2016-05-23 오후 7.56.01.png

Then go to the GameScene.swift.

This is the code for GameScene.swift.

스크린샷 2016-05-23 오후 7.24.39.png

스크린샷 2016-05-23 오후 7.24.52.png

스크린샷 2016-05-23 오후 7.25.03.png

스크린샷 2016-05-23 오후 7.25.13.png

스크린샷 2016-05-23 오후 7.25.26.png

스크린샷 2016-05-23 오후 7.25.35.png

스크린샷 2016-05-23 오후 8.22.03.png

You can see that baddies keep moving upside down.

You can also move jeff vertically by clicking.

Now we are going to add a particle effect.

스크린샷 2016-05-17 오전 11.58.05.png

Choose spark. Then you’ll see this.

스크린샷 2016-05-17 오전 11.59.30.png

You can modify its shape, color, etc. I made it like this.

스크린샷 2016-05-23 오후 7.26.08.png

Our Hero.swift code is like this.

스크린샷 2016-05-23 오후 8.29.29.png

Now when the baddies touch with hero, the particle appears.

스크린샷 2016-05-23 오후 8.22.20.png

Also when the hero get hit, the ‘OUCH!’ sign appears. And when baddie go through the screen out, you can get a score. So cool!!

스크린샷 2016-05-17 오전 11.50.57.png