• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 06:43
CEST 12:43
KST 19:43
  • Home
  • Forum
  • Calendar
  • Streams
  • Liquipedia
  • Features
  • Store
  • EPT
  • TL+
  • StarCraft 2
  • Brood War
  • Smash
  • Heroes
  • Counter-Strike
  • Overwatch
  • Liquibet
  • Fantasy StarCraft
  • TLPD
  • StarCraft 2
  • Brood War
  • Blogs
Forum Sidebar
Events/Features
News
Featured News
[ASL22] Ro8 Preview: Within Reach5[ASL22] Ro8 Preview: In A Tizzy11[ASL22] Ro16 Preview: Holy Diver5[ASL22] Ro16 Preview: Rough Waters10[ASL22] Ro24 Preview: Siren's Call8
Community News
StarCraft II 5.0.17 PTR Patch Notes (Sept 30, 2026)38Weekly Cups (Sept 21-27): herO and ByuN double2Weekly Cups (Sep 13-20): herO scores triple3BSL Season 2313Weekly Cups (Sep 7-12): SHIN, ByuN, MaxPax double down1
StarCraft 2
General
StarCraft II 5.0.17 PTR Patch Notes (Sept 30, 2026) How do you feel about the mass reverts in the 5.0.17 PTR? StarCraft open world shooter announced at BlizzCon Weekly Cups (Sept 21-27): herO and ByuN double Recent Patches and the Future
Tourneys
Stellar Fest TWO the Moon (Dec 16-20) 2026 GSTL Grand Finals SC2 INu's Battles#21 [ 3-Days tournament ] ScienceCraft (October 24-25) - Live Event Sparkling Tuna Cup - Weekly Open Tournament
Strategy
[H] ZvP Mid-Late Game: Stalkers Collossi HT
Custom Maps
[M] (2) Sweltering Sands [M] (2) Frigid Storage
External Content
The PondCast: SC2 News & Results Mutation # 545 And Drops and Rifts Mutation # 544 Double Trouble Mutation # 543 Enhanced Defenses
Brood War
General
Fantasy returning? Bot on ladder BW General Discussion a Announcement on the JEDI Ringing Where can I find Flash replays that work?
Tourneys
[Megathread] Daily Proleagues [ASL22] Ro8 Day 4 [ASL22] Ro8 Day 3 [ASL22] Ro8 Day 2
Strategy
Cliff Jump Revisited (1 in a 1000 strategy) Replay Review Process - What do you do? Simple Questions, Simple Answers Odyssey Mineral Stack Saturation
Other Games
General Games
General RTS Discussion Thread Warcraft III: The Frozen Throne Stormgate/Frost Giant Megathread Total Annihilation Zero Nintendo Switch Thread
Dota 2
Dota 2 Champions League Season 3 Begins April 25! Official 'what is Dota anymore' discussion
League of Legends
[TL LoL EUW IHs] Teemo shall perish
Heroes of the Storm
Heroes of the Storm 2.0
Hearthstone
Deck construction bug
TL Mafia
TL Mafia Community Thread
Community
General
Things Aren’t Peaceful in Palestine US Politics Mega-thread All you football fans (soccer)! Russo-Ukrainian War Thread Artificial Intelligence Thread
Fan Clubs
MarineLorD Fan Club The Creator Fan Club The ShoWTimE Fan Club
Media & Entertainment
Movie Discussion! [Manga] One Piece Diablo Animated Series on Netflix
Sports
Football (Soccer) Thread MLB/Baseball 2023
World Cup 2022
Tech Support
Computer Build, Upgrade & Buying Resource Thread
TL Community
Recent Gifted Posts
Blogs
[ASL22] Ro4 Day1 Ticket Giv…
bITt.mAN
Escaping Into Video Games: G…
TrAiDoS
38 yo Retired SWE loo…
PurE)Rabbit-SF
Can Bots Beat Pros?? Starcr…
namkraft
[meme] I finally understa…
LUCKY_NOOB
Regacy Esports:Our Goa…
regacyesports
Customize Sidebar...

Website Feedback

Closed Threads



Active: 8293 users

Student Game Dev Part Seven - User Interface

Blogs > Soan
Post a Reply
Soan
Profile Blog Joined August 2010
New Zealand194 Posts
January 10 2014 06:14 GMT
#1
Part One - It begins
Part Two - Technical Foundation
Part Three - Game Design
Part Four - Input and Physics
Part Five - More Physics Things
Part Six - Even More Physics

This Week
Hello again TeamLiquid!

Welcome back to my blog about the development of The Adventures of Sam the Pirate, the 2D platformer I'm creating as the final game project for my Bachelor of Software Engineering degree. Hope you all had a great Christmas and New Years, I spent far too much time playing Hearthstone, a bit of Civ5, and spending time with my family to do any work. I have managed to get a bit of work done on some user interface related things over this past week, and have a new piece of concept art to show off today as well. I had some thoughts over the holidays on fixing the remaining physics issues, but have not got around to implementing any of them yet.

User Interface
Most of the work done on the user interface so far has been pretty basic low level stuff, setting up for the more interesting stuff later. At the moment, an interface layout will be stored in a file, and be loaded when needed. When the player forces the displayed interface to change, through starting a game from the main menu for example, the displayed interface will simply be switched. In the case of opening a menu while in a level with the level interface displayed, I'll be able to directly force an separate interface to be displayed over the top of that. So basically I'll have interface layouts stored in different files, and be able to display multiple layouts at once.

As well as creating the basics mentioned above, I've created a generic button class, with normal, hover, and click states. Creating this generic class has given me a little bit of a problem however. If I want to create multiple buttons that each take different actions, I'll have to create extra class, each inheriting from the generic button class. While this would work, I don't really want to do it as it is inefficient, and I want the user interface system to be fairly generic, so I can more easily reuse it in future projects. As I've used Lua scripting on my debug console, allowing me to add commands without changing code, I'm considering doing something similar here. As the interface layouts are stored in files, I could also store the name of a Lua file, and function within that file for each button, allowing me to ensure that each button has unique functionality without creating tons of different classes. Still thinking about how best to implement this however, so we'll see how it goes.

The user interface system in general will also need to scale based on display resolution. I have a target resolution of 1920x1080 (art will be created with this resolution in mind), but it's unrealistic to assume that everyone uses that resolution. It should be relatively easy to compare the resolution the game is running in, with the target resolution, and make adjustments based on that.

New Concept Art
[image loading]

What's next?
Officially back to class next week, where we'll also be getting a new capstone assignment. We finished a research based capstone before Christmas, and this new capstone will be development focused. With any luck, I'll be able to use the capstone to create a level editor, which I was planning to do already! I have a feeling the tutors might want me to do a bit more though, so I'm also considering turning it into more of a general engine editor. So as well as creating levels, it'd be able to create interface layouts, preview sprites in the game engine, etc. It would certainly make things easier, as currently levels and interface layouts are created by hand in text files!

So until Monday, and I know what I'm doing on the capstone, I won't know 100% what I'll be working on next. Likely I'll be continuing with the user interface stuff, planning out the level editor, and continuing to adjust/fix the physics.

Keep up to date!
Be sure to follow me on Twitter, and like the Facebook page to stay up to date on future content and blog posts when they happen. If you have any questions don't hesitate to ask, either through Twitter or Facebook!

****
MrShankly
Profile Blog Joined October 2009
United Kingdom371 Posts
January 10 2014 22:44 GMT
#2
Never noticed your blog before! Rated 5 stars!

I graduated as games programmer but I switched to doing regular software development. At the moment I work for a company that builds 3d Visualisations for mobile tablets and stuff so i still get to use my 3D/gfx skills and do regular mobile Dev.

Sometimes I kinda miss working on games though. I'm currently building an iOS app in my spare time. Maybe when it is done I will try build a game.
DONATE SC2 BETA KEY TO ME PLEASE
Yferi
Profile Joined April 2010
United States90 Posts
January 14 2014 09:59 GMT
#3
For your buttons, you could use the observer model and have all classes that you want to respond to the button click implement a certain function (like onButtonClicked() or something). When you create the button, register each listener and when the button is clicked, call the onButtonClicked() method for each listener. That way, what the button does (receiving input) is decoupled from your listeners (doing stuff once you've received input).

By the way, it would be cool if you could post some videos/screenshots of your game so far. Keep up the work!
Soan
Profile Blog Joined August 2010
New Zealand194 Posts
January 15 2014 19:24 GMT
#4
haha, I totally forgot about using the Observer pattern like that. I'm using it elsewhere in the project, so I did know it existed, just didn't occur to me to use it like that, even though I've seen it used elsewhere. Ended up going with a similar Lua implementation to what I used for my debug console, and I'll probably talk about it in this weeks blog.

I do want to do videos/screenshots of the game, but there isn't much to look at at the moment. Currently the tiles and character are just white boxes with black letters to indicate what type of tile/what animation should be playing.
Please log in or register to reply.
Live Events Refresh
The PondCast
10:00
Episode 111
CranKy Ducklings39
CranKy Ducklings SOOP12
LiquipediaDiscussion
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
ProTech126
StarCraft: Brood War
Shuttle 2484
Bisu 1023
Horang2 634
Jaedong 588
BeSt 438
Hyuk 426
actioN 280
firebathero 240
Light 228
Zeus 204
[ Show more ]
Stork 172
Leta 139
EffOrt 125
Soma 96
Sexy 95
Last 81
ZerO 79
Soulkey 72
Pusan 70
Killer 60
Rush 40
Mong 40
Shinee 39
Mind 39
ggaemo 34
Aegong 30
soO 29
Bale 24
hero 24
ToSsGirL 22
Terrorterran 18
Yoon 17
sorry 16
PianO 16
Sharp 16
NaDa 10
HiyA 9
Free 9
JulyZerg 7
Noble 6
Dota 2
Fuzer 94
League of Legends
Reynor41
Counter-Strike
olofmeister1405
shoxiejesuss768
x6flipin144
Super Smash Bros
Mew2King161
Heroes of the Storm
Khaldor1947
crisheroes348
Other Games
gofns33330
singsing1724
XBOCT302
DeMusliM205
Livibee102
ArmadaUGS102
QueenE50
ZerO(Twitch)11
Organizations
Dota 2
PGL Dota 2 - Main Stream296
[ Show 13 non-featured ]
StarCraft 2
• Berry_CruncH301
• LUISG 45
• Letter145
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• Migwel
StarCraft: Brood War
• FirePhoenix2
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
League of Legends
• Jankos2095
Upcoming Events
OSC
2h 17m
Stellar Fest
2h 17m
OSC
13h 17m
Stellar Fest
1d 2h
CranKy Ducklings
1d 23h
Online Event
2 days
FEL
2 days
AI Arena Tournament
2 days
BSL: Ladder Tournament
2 days
Sparkling Tuna Cup
2 days
[ Show More ]
INu's Battles
3 days
herO vs Classic
Percival vs Rogue
BSL Open Qualifier
3 days
BSL Open Qualifier
3 days
Replay Cast
3 days
Afreeca Starleague
3 days
Rush vs Light
WardiTV Weekly
4 days
Replay Cast
4 days
Afreeca Starleague
4 days
Soma vs Soulkey
INu's Battles
5 days
SHIN vs Cure
ByuN vs Zoun
PiGosaur Cup
5 days
The PondCast
6 days
Liquipedia Results

Completed

Proleague 2026-09-27
Blizzard Classic Cup 2026
Calamity Invitational

Ongoing

ASL Season 22
Super Anchor Qualifying S3
CSL 2026 AUTUMN (S22)
Acropolis #5
Stake Ranked Episode 4
1win Private Club #1
Logitech G Play Connect 2026
SL StarSeries Fall 2026
FISSURE Playground #3
BLAST Open Fall 2026
Esports World Cup 2026
BLAST Bounty Summer 2026
BLAST Bounty Summer Qual

Upcoming

Acropolis #5 - GSB
Acropolis #5 - GSC
BSL Season 23
SC4ALL II: Brood War
BSL 23: Non-Korean Championship
HSC XXX
Stellar Fest 2: Lunar Cup
SC4ALL II: StarCraft II
Kung Fu Cup 2026 Grand Finals
RSL Offline Finals
Custodian Cup
Copium Cup
PGL Major Singapore 2026
Stake Ranked Episode 6
BLAST Rivals Fall 2026
IEM Beijing 2026
Stake Ranked Episode 5
PGL Masters Bucharest 2026
1win Private Club #2
Thunderpick World Champ. '26
ESL Pro League Season 24
TLPD

1. ByuN
2. TY
3. Dark
4. Solar
5. Stats
6. Nerchio
7. sOs
8. soO
9. INnoVation
10. Elazer
1. Rain
2. Flash
3. EffOrt
4. Last
5. Bisu
6. Soulkey
7. Mini
8. Sharp
Sidebar Settings...

Advertising | Privacy Policy | Terms Of Use | Contact Us

Original banner artwork: Jim Warren
The contents of this webpage are copyright © 2026 TLnet. All Rights Reserved.