12. The User Interface
by Chris Dickinson, John P. Doran, Greg Lukosek
Unity 5: Learning C# by Developing Games
- Unity 5: Learning C# by Developing Games
- Table of Contents
- Unity 5: Learning C# by Developing Games
- Unity 5: Learning C# by Developing Games
- Credits
- Preface
- 1. Module 1
- 1. Discovering Your Hidden Scripting Skills and Getting Your Environment Ready
- Prerequisite knowledge to use this book
- Dealing with scriptphobia
- Downloading Unity
- Teaching behavior to GameObjects
- C# documentation – where to find it? Do I need it at all?
- Working with C# script files
- Creating a C# script file
- Introducing the MonoDevelop code editor
- Instance? What is it?
- Summary
- 2. Introducing the Building Blocks for Unity Scripts
- 3. Getting into the Details of Variables
- Writing C# statements properly
- Understanding component properties in Unity's Inspector
- Changing a property's value in the Inspector panel
- Private variables
- Naming your variables properly
- Beginning variable names with lowercase
- Using multiword variable names
- Declaring a variable and its type
- Assigning values while declaring a variable
- Where you declare a variable is important
- Variable scope – determining where a variable can be used
- Summary
- 4. Getting into the Details of Methods
- 5. Lists, Arrays, and Dictionaries
- 6. Loops
- 7. Object, a Container with Variables and Methods
- 8. Let's Make a Game! – From Idea to Development
- 9. Starting Your First Game
- 10. Writing GameManager
- 11. The Game Level
- 12. The User Interface
- 13. Collectables — What Next?
- 1. Discovering Your Hidden Scripting Skills and Getting Your Environment Ready
- 2. Module 2
- 01. 2D Twin-stick Shooter
- Project overview
- Setting up the project
- Creating our scene
- Implementing player movement
- Shooting behavior
- Creating enemies
- Adding GameController to spawn enemy waves
- Particle systems for enemy explosion
- Adding in sound effects/music
- Adding in points, score, and wave numbers
- Publishing the game
- Summary
- Challenges
- 2. Creating GUIs
- 3. GUIs Part 2 – Clicker Game
- 4. Mobile Endless Game – Procedural Content
- Project overview
- Prerequisites
- Project setup
- Adding the background
- Adding a simple animated character
- Making a repeating background
- Working with sorting layers
- Creating our player behaviour
- Creating obstacles
- Spawning obstacles at runtime
- Game start and end behaviours
- Keeping score
- Summary
- Challenges
- 5. Shooting Gallery – Working with Animations and Tweens
- 6. Side-scrolling Platformer
- 7. First Person Shooter Part 1 – Creating Exterior Environments
- 8. First-person Shooter Part 2 – Creating Interior Environments
- 9. First Person Shooter Part 3 – Implementing Gameplay and AI
- 10. Building an In-Game Level Editor
- 11. Finishing Touches
- 01. 2D Twin-stick Shooter
- 3. Module 3
- 1. Detecting Performance Issues
- 2. Scripting Strategies
- Cache Component references
- Obtaining Components using the fastest method
- Removing empty callback declarations
- Avoiding the Find() and SendMessage() methods at runtime
- Disabling unused scripts and objects
- Consider using distance-squared over distance
- Avoid retrieving string properties from GameObjects
- Update, Coroutines, and InvokeRepeating
- Consider caching Transform changes
- Faster GameObject null reference checks
- Summary
- 3. The Benefits of Batching
- 4. Kickstart Your Art
- Audio
- Loading audio files
- Encoding formats and quality levels
- Audio performance enhancements
- Minimize active Audio Source count
- Minimize Audio Clip references
- Enable Force to Mono for 3D sounds
- Resample to lower frequencies
- Consider all encoding formats
- Beware of streaming
- Apply Filter effects through Mixer groups to reduce duplication
- Use "WWW.audioClip" responsibly
- Consider Audio Module files for background music
- Texture files
- Mesh and animation files
- Summary
- Audio
- 5. Faster Physics
- Physics Engine internals
- Physics performance optimizations
- Scene setup
- Use Static Colliders appropriately
- Optimize the Collision Matrix
- Prefer discrete collision detection
- Modify the FixedUpdate frequency
- Adjust the Maximum Allowed Timestep
- Minimize cast and bounding-volume checks
- Avoid complex Mesh Colliders
- Avoid complex physics components
- Let physics objects sleep
- Modify Solver Iteration Count
- Optimizing ragdolls
- Know when to use physics
- Consider upgrading to Unity 5
- Summary
- 6. Dynamic Graphics
- Profiling rendering issues
- Front end bottlenecks
- Back end bottlenecks
- Fill rate
- Overdraw
- Occlusion Culling
- Shader optimization
- Consider using Shaders intended for mobile platforms
- Use small data types
- Avoid changing precision while swizzling
- Use GPU-optimized helper functions
- Disable unnecessary features
- Remove unnecessary input data
- Only expose necessary variables
- Reduce mathematical complexity
- Reduce texture lookups
- Avoid conditional statements
- Reduce data dependencies
- Surface Shaders
- Use Shader-based LOD
- Memory bandwidth
- VRAM limits
- Fill rate
- Lighting and Shadowing
- Optimizing graphics for mobile
- Summary
- 7. Masterful Memory Management
- 8. Tactical Tips and Tricks
- A. Bibliography
- Index
This is a great time to introduce some UI (User Interface) into our game. We will construct and implement a simple, dynamic user interface using Unity's built-in UI system.
In this chapter, we will cover the following topics:
- Introducting the Unity UI
- Creating UI Views
- Connecting buttons to actions
- Switching UI views
So far, our sole focus was on learning how to code. I would like to make a little exception in this chapter and talk about coding the UI functionality as well as creating a good-looking UI. You probably already know what a user interface is, right? If not, we will cover it very briefly.
A UI is a bridge between a human and a computer program. All user interactions with your game will be happening in the user interface. In simple words, all buttons on the screen, labels, as well as mouse- and keyboard-driven events are part of the UI.
The main part of the UI is the Graphical User Interface (GUI). The GUI is simply whatever is visible on the screen. All graphical elements that the user can interact with to control the game constitute the GUI:
This is an example of a very simple GUI panel that allows the user to choose what to do. It contains four simple buttons. They are easy for the user to interact with. We will also create a simple and easy-to-operate UI for our game.
There are some great UI solutions available on the Unity Asset store. One of the best and my favorite is NGUI. I have used it for many years without any major issues. In fact, NGUI was so good that Unity Technologies decided to hire its developer to create a new UI system for Unity 4.6. Currently, the Unity UI system is the best choice. It is also built-in and does not require any Asset store purchases. Let's learn how to use it.
Good to mention here is that Unity UI is a tiny part of the Unity source code that is actually open source. What does this mean? It means you can download and edit Unity UI code to fit your purpose. I understand that your coding skills are not up to that level yet, but I thought it is worth mentioning for future reference.
If you ever decide to play around with the UI source code, here is the link: https://bitbucket.org/Unity-Technologies/ui.
-
No Comment