Jump to content
  • Advertisement

Graphics: Week 3 of #8WeekGameDev. FlipTiles:Runner



Latest iOS beta version link on TestFlight https://testflight.apple.com/join/IJDl9FXC

This is the third of a weekly series on about a casual mobile game I will try to develop from start to release in #8WeekGameDev. This weeks PC browser demo is up on Kongregate here . This week I worked on graphics and avatar selection.

I added many avatars and a system to choose them. I also changed the tiles.


For the avatar selection screen, I have grouped the avatars into themes. Each theme has a number of avatars in it. Currently, themes are only used for grouping avatars. Next weeks work will be implementing features related to themes. The avatars with a solid black material have not yet been acquired yet. Also a feature for a later week. Getting the the picker UI to work with 3D models was not bad I just put the canvas on a camera, not in screen space. The overall structure of the screen code is pretty messy. I learned a lot about what works and what does not, so it will be cleaner if I need to something like this again. Setting the picked item from code was pain and I did not get it working very well. The problem is the order things run in. Most code runs in Awake(), Start(), Update(), LateUpdate() or PhysicsUpdate(). UGUI code does not, it runs in its own set of UGUI calls and you should not do somethings in UGUI code like destroying GameObjects. Also emulating UGUI events like clicks is not well documented.

ExecuteEvents.Execute(button.gameObject, new BaseEventData(eventSystem), ExecuteEvents.submitHandler);

I found is on Unity Answers https://answers.unity.com/questions/945299/how-to-trigger-a-button-click-from-script.html?childToView=1604638#comment-1604638
It is the second answer and works on all UI objects, not just buttons.

Different avatars have different powers. Some powers are new and others duplicate the existing powers. Having a second button with the same power means not having to wait for cool down. For animation I only used basic idle, walk, jog, and sprint animations. I use separate animations for male and female characters but the female walk is pretty exaggerated. There is a problem with this combo of model and animation. When walking, the moving foot's toes go lower than the stationary foot's sole. So they go underground, maybe this can be fixed in the avatar setup, by switching from using heels to toes.  It is not really visible at the scale I am using so I doubt I will fix it.



The new tracks took a bit of setup because the old code for tiles could also change the colour of the tracks in 1/8th sections at runtime. This is not needed in this game but being able to make tiles with different graphics, easily at design time is needed. I did not have curved models for tracks so used Mega-Fiers (mesh modifiers) to bend some models 90º. The original models were low poly so I also used Cheetah3D (OSX modeler) to split some triangles so the models would bend nicer.


I had the camera at 45º orthogonal but switched to 30º because the avatars look better from the side than the top. This squashed the tiles vertically, so increased the board to 15 rows from 10. 15 rows play tested better because it lets you make a mistake and then recover.  I changed the colour of the tile outline to pink from green. I am planning on having green squares used only for buttons. All of the graphics stuff is try and see. My goal was to get something up now and see how I feel about it over the next week or four.



I added three manager objects. AvatarManager to manage avatar data. PartyManager to manage who is in the party, only one avatar so far.
ScreenManager, to manager switching between gameplay and party management. I will also need a screen for acquiring new avatars.


I added lots more icons. The came from icons8.com  They were black on transparent pngs. I inverted them in photoshop and am resizing them to powers of 2 for IOS compression.

I added stats to track which avatar is used in each game. Yeah, I love my stats, even though I will probably never use most of them.

What I learned from playing this week.
Bouncing at the top would keep the game challenging at the beginning
A play balance stat on avatars would be useful. For example, rouge is fast and has good power, so setting a balance attribute to -2 would reducing scoring by 2 for each row dropped off the bottom and each edge bounce.
Slow game mode might be too slow

Some links

The avatars are from Synty Studios 
        PolyGon Fantasy Characters
        Polygon Dungeon
Avatar animation from EveryDayMotionPack 
The tracks from   Tile and Bridge Pack 

I bent the curves with Mega-Fiers - Mesh modifiers inside Unity. I increased the triangle count with  Cheetah3D  (a Mac 3D modeler)  because the original work was very low poly which is great for straight sections on a mobile but they need about 4 more triangles to bend nicely.
The avatar selection side-scrolling UI used Picker for UGUI 
The new icons (everything except the old powers ) were from icons8.com

Please try out the game on Kongregate here, feedback is always welcome.


Recommended Comments

There are no comments to display.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Advertisement
  • Advertisement
  • What is your GameDev Story?

    In 2019 we are celebrating 20 years of GameDev.net! Share your GameDev Story with us.

    (You must login to your GameDev.net account.)

  • Blog Entries

  • Similar Content

    • By Rof
      Hello guys! I am new to Unity3D and also new with C#. I am currently working on a 2D Platformer game. This would be my first game ever. I really need some help in coding and animation. I was able to create script already for my Player Movement. I already have the basics coded and working (Walking, Jumping, Attack, Dash). I also have an extra feature which allows the player to jump longer if he/she presses Space for a longer period of time.

      I just need help in fixing the Jump + Attack. Whenever the player Jumps and Attacks at the same time, the character will ignore the x velocity of the object and will only continue the x velocity after the attack animation.

      I'll really appreciate any help that you can give me 
      Have a great day!
    • By TreektusPL
      Hi everyone!
      I'd like to introduce you to my android game.
      Sphere Control is a simple adventure and recreation game. In the game, we move the ball. The game has currently completed 10 levels. Each level differs from the previous one and introduces new elements to the game, eg a new trap, obstacle, mechanism. Our task is to get all the crystals at a given level. We will be hindered by various traps, obstacles such as moving objects and tasks that we must solve earlier. The game is in a low-poly style.
      The game is now available on Google Play: play.google.com/Sphere-Control
      Website: worthout.com
      FB: facebook.com/Worthout

    • By snacktime
      Looking for feedback from someone who has done this, mainly just to confirm that my guestimates are not way off.  I know enough to be dangerous not my area of expertise.
      Trying to budget for a custom 3D skeletal animation system with cross fading and 2 layer blending.  Context is Unity.
      My thought is someone who has done it before could probably get the core features working in some form in a month.  But by the time you factor in everything like bugs, performance refactors, platform specific gotcha's, whatever, it's probably around a 6 month job to get something actually usable in game.
      Does that sound reasonable?
    • By Data7 Games
      Roles Required: Experienced Animator/Rigger
      My Role: Creative Director, Game Designer & Writer
      My Previous Projects: 2 small mobile games

      Team Size: 6 At The Moment (including me)
      Project Length: Estimated to be completed sometime in 2020/2021

      Project Description: Rift One is a half-life inspired FPS game, you play as mark maxin, a police detective who is mysteriously kidnapped by a secret organisation! They want you to enter a portal, to another world, or they will kill you if you don’t, but before you can, the lab is invaded! And you are forced to enter, in order to survive the crumbling lab.

      - Create Animations as told by Project leads.
      - Polish Animations as told.
      - Working closely with other team members.

      - At least a tiny bit of experience in game development
      - Ability to solve problems creatively and effectively
      - knowledge of Animation/Rigging, the unity engine & FPS Games such as Doom, half life etc.
      - Ability to Create Animation and rig
      - Strong communication required
      this is currently **A KICKSTARTER PROJECT** Meaning you won’t be paid until we are funded!
      we are currently planning and researching for our kickstarter.
      Email me at Data7games@gmail.com if interested

Important Information

By using GameDev.net, you agree to our community Guidelines, Terms of Use, and Privacy Policy.

GameDev.net is your game development community. Create an account for your GameDev Portfolio and participate in the largest developer community in the games industry.

Sign me up!