• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 07:21
CEST 13:21
KST 20:21
  • 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
[ASL21] Ro24 Preview Pt1: New Chaos0Team Liquid Map Contest #22 - Presented by Monster Energy9ByuL: The Forgotten Master of ZvT30Behind the Blue - Team Liquid History Book20Clem wins HomeStory Cup 289
Community News
Weekly Cups (March 16-22): herO doubles, Cure surprises3Blizzard Classic Cup @ BlizzCon 2026 - $100k prize pool48Weekly Cups (March 9-15): herO, Clem, ByuN win42026 KungFu Cup Announcement6BGE Stara Zagora 2026 cancelled12
StarCraft 2
General
Team Liquid Map Contest #22 - Presented by Monster Energy What mix of new & old maps do you want in the next ladder pool? (SC2) Potential Updates Coming to the SC2 CN Server Behind the Blue - Team Liquid History Book herO wins SC2 All-Star Invitational
Tourneys
RSL Season 4 announced for March-April Sparkling Tuna Cup - Weekly Open Tournament StarCraft Evolution League (SC Evo Biweekly) WardiTV Mondays World University TeamLeague (500$+) | Signups Open
Strategy
Custom Maps
[M] (2) Frigid Storage Publishing has been re-enabled! [Feb 24th 2026]
External Content
The PondCast: SC2 News & Results Mutation # 518 Radiation Zone Mutation # 517 Distant Threat Mutation # 516 Specter of Death
Brood War
General
Pros React To: SoulKey vs Ample ASL21 General Discussion RepMastered™: replay sharing and analyzer site KK Platform will provide 1 million CNY Recent recommended BW games
Tourneys
[Megathread] Daily Proleagues [ASL21] Ro24 Group C [ASL21] Ro24 Group B [ASL21] Ro24 Group A
Strategy
What's the deal with APM & what's its true value Fighting Spirit mining rates Simple Questions, Simple Answers
Other Games
General Games
General RTS Discussion Thread Nintendo Switch Thread Stormgate/Frost Giant Megathread Darkest Dungeon Path of Exile
Dota 2
The Story of Wings Gaming Official 'what is Dota anymore' discussion
League of Legends
G2 just beat GenG in First stand
Heroes of the Storm
Simple Questions, Simple Answers Heroes of the Storm 2.0
Hearthstone
Deck construction bug Heroes of StarCraft mini-set
TL Mafia
TL Mafia Community Thread Five o'clock TL Mafia Mafia Game Mode Feedback/Ideas Vanilla Mini Mafia
Community
General
US Politics Mega-thread The Games Industry And ATVI European Politico-economics QA Mega-thread Canadian Politics Mega-thread Russo-Ukrainian War Thread
Fan Clubs
The IdrA Fan Club
Media & Entertainment
[Manga] One Piece [Req][Books] Good Fantasy/SciFi books Movie Discussion!
Sports
Formula 1 Discussion 2024 - 2026 Football Thread Cricket [SPORT] Tokyo Olympics 2021 Thread General nutrition recommendations
World Cup 2022
Tech Support
[G] How to Block Livestream Ads
TL Community
The Automated Ban List
Blogs
Funny Nicknames
LUCKY_NOOB
Money Laundering In Video Ga…
TrAiDoS
Iranian anarchists: organize…
XenOsky
FS++
Kraekkling
Shocked by a laser…
Spydermine0240
ASL S21 English Commentary…
namkraft
Customize Sidebar...

Website Feedback

Closed Threads



Active: 9113 users

Student Game Dev Part Eight - UI and the Editor

Blogs > Soan
Post a Reply
Soan
Profile Blog Joined August 2010
New Zealand194 Posts
January 17 2014 01:36 GMT
#1
+ Show Spoiler [Previous parts] +
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
Part Seven - User Interface


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. Last week I covered some of the User Interface work that I've done, and showed off a new piece of concept art. No new concept art this week, but I'll be going over the continued work on the user interface, and the start of work on the editor.

User Interface
As mentioned last week, the layout and other information for a specific interface layout is stored in a file. When I want to use a specific interface for a screen, such as a menu screen, the file is simply loaded, the UI system creates everything needed, and then it can be rendered over the top of everything else. Absolutely everything to do with the layout is stored. The number of UI elements like buttons and static images, the art used for each, their positions, their height and width, etc, everything needed to allow my UI system to create an interface that can be displayed.

As I mentioned in last weeks blog, I wasn't too sure how to give each button unique functionality without creating a different class for each button, which is inefficient and doesn't fit with my design goals of making things as generic and reusable as possible. I ended up doing what I talked about last week, using lua in a similar manner to how I used it in my debug console, which I talked about in a previous blog.

I could have also used the observer pattern, (where observers register with a button and can implement an OnClicked function or something similar, that is called anytime the button is clicked), but I'd totally forgotten about it, despite using it elsewhere and having seen it used in this manner before. Even if I had remembered, I'm not entirely sure I would have used it over the approach I have taken. While it would work, and both methods feel like they have about the same amount of work in them, I still prefer the lua method as it generally seems to fit with what I'm wanting to do. With the observer pattern, everything is done in code, but some changes would require a recompile of the project. With lua, I can change more things, like adding/removing UI elements, without having to recompile the code. It also feels like it would be easier to bring this code over to a new project and use it the system straight away.

With all the details for a layout being stored in a file, it is a bit of extra work in filling out all the details manually, and trying to manually position UI elements correctly, but as I was planning on creating a level editor, I've decided to simply expand the level editor by giving it the ability to edit interface layouts visually. More work now to save work later. This would also open up the possibility of giving the editor to an artist, so they can ensure that any UI art they have done is all positioned correctly and looking good.

Editor
Started work on my editor this week. As mentioned, initially it was just going to be a level editor, but with my work on the user interface stuff I've decided to add interface layout editing functionality, turning it into more of a generic editor to go with my framework.

I'm creating the level editor part first, as it will allow me to quickly create/edit levels visually, rather than trying to do them by hand, which is super important for saving time later. So far I've got a grid the size of the level being rendered, and you can scroll around it without going over the edges. This scrolling is done by holding the right mouse button down and moving the mouse around, but I'll probably look at adding scrolling by simply moving the mouse to the edges of the screen as well. I've also thought about adding a minimap, but that's pretty low priority at the moment.

The current plan is for a right click to bring up a menu, allowing me to change what tool I'm using, what tileset is being used for the art, etc. Tiles and other level elements like the player start position, enemy start positions etc is done with a left click. Hitting the Escape key would bring up a menu allowing me to save, load, switch editors, etc. A lot of this stuff would also likely be keybound, so I wouldn't necessarily have to open menus all the time. To make things a bit easier, I won't have to select the right tile piece, such as a corner for a corner, and simply be able to "paint" where I want platforms to be. To make sure the right tiles are selected for each square, I'll have an algorithm detecting the surrounding tiles and selecting the right piece of art. I'm not entirely sure this description will make sense to you, so once I have it all figured out I'll go over it in a future blog, with pictures!

Unfortunately for you, the reader, I'm not planning a public release of the editor at this time, so making the editor easy to use for someone who isn't me is not a big deal right now. I would like to potentially release it and allow for easy sharing of levels through something like the Steam workshop, or setup my own server for this, but there most definitely isn't time to do this right now. I'll have to see how things go after release and after I graduate.

What's next?
I'll continue working on the editor over the next week, the next step is to get tools working, and start being able to place tiles. This will include working on the algorithm to make sure that the right art pieces are selected for the correct tiles.

I should look at documenting what functions are available to Lua, as well as what they do, what their parameters are etc. Should also look at adding some more commands to the debug console, as I've been a bit slack and haven't added any since it was created.

I'd like to start showing off some screenshots, and soon video of the current state of the game as well, but unfortunately I'm a bit embarrassed about the art situation at the moment haha. Tiles and the main character are just white boxes with some text on them at the moment, so there isn't much to show off! Once I start to get more art and things start to take shape, keep an eye out for screenshots/videos!

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!

0x64
Profile Blog Joined September 2002
Finland4609 Posts
January 17 2014 02:45 GMT
#2
You shouldn't probably do your own editor.
Just use http://www.mapeditor.org/ or something and put your focus on your game, not on tools that already exists.
Dump of assembler code from 0xffffffec to 0x64: End of assembler dump.
Soan
Profile Blog Joined August 2010
New Zealand194 Posts
January 17 2014 22:44 GMT
#3
I've got a few reasons for making my own.

1. We've got a development based capstone coming up, where we'll be required to make a tool or something of some sort. I figured an editor of some sort that I can use on my game would be where I'd best spend my time for that. We actually should've gotten the brief for this last week, but nothing yet. :/

2. It allows me to keep all the level formats and everything as I want, without having to learn, or possibly work around something else.

3. As a student, it's something I can put on my portfolio, on top of the game. Which I'm confident will be completed in some form.

4. I like the challenge!
0x64
Profile Blog Joined September 2002
Finland4609 Posts
January 18 2014 02:12 GMT
#4
While all your points are valid. My intuition tells me you are making a mistake.

The strongest point is 1.
but this Tiled map editor is open source, meaning that you could quickly edit it to support features customized for your game.

2. is lazy. You can check the format out in 20 min and decide if there is something wrong with it.

3. True, but now you end up rushing your editor, because you need it for your game. Focus 100% on your game, and the result should be better for your portfolio.

4. If you like the challenge, then take challenge as presented with 2.


I am playing a bit the devil's advocate as I do not think you are wrong in any way, just want you to have the argument for doing the opposite of what you are doing.

Anyway, best of luck with your project!
Dump of assembler code from 0xffffffec to 0x64: End of assembler dump.
Soan
Profile Blog Joined August 2010
New Zealand194 Posts
January 19 2014 19:04 GMT
#5
On January 18 2014 11:12 0x64 wrote:
I am playing a bit the devil's advocate as I do not think you are wrong in any way, just want you to have the argument for doing the opposite of what you are doing.


Yeah no worries, I've always felt it's good to have someone do exactly that, so thanks!
Please log in or register to reply.
Live Events Refresh
WardiTV Team League
11:00
Group A
WardiTV200
Liquipedia
RSL Revival
10:00
Season 4: Playoffs Day 4
MaxPax vs TriGGeRLIVE!
Tasteless894
IndyStarCraft 196
Rex76
CranKy Ducklings62
LiquipediaDiscussion
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
Tasteless 894
IndyStarCraft 196
SortOf 113
Rex 76
MindelVK 28
Railgan 2
StarCraft: Brood War
Britney 26609
Jaedong 1227
BeSt 599
Zeus 348
Shuttle 348
actioN 333
firebathero 308
Mini 253
Rush 236
Stork 228
[ Show more ]
Killer 205
EffOrt 192
Hyuk 191
Last 187
Larva 171
Dewaltoss 151
ggaemo 136
PianO 111
Light 106
Soulkey 99
Hyun 93
ToSsGirL 89
JYJ 88
ZerO 87
sSak 77
Backho 74
sorry 58
Bale 53
Sharp 43
HiyA 37
Sea.KH 25
hero 18
Sacsri 18
GoRush 17
Noble 16
SilentControl 12
ajuk12(nOOB) 10
ivOry 4
Movie 3
Dota 2
Gorgc3703
XaKoH 922
XcaliburYe213
NeuroSwarm127
Counter-Strike
fl0m2533
shoxiejesuss2303
x6flipin214
Super Smash Bros
Westballz13
Other Games
FrodaN3607
singsing1720
B2W.Neo1245
crisheroes402
Fuzer 197
KnowMe118
Mew2King47
ZerO(Twitch)8
Organizations
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 14 non-featured ]
StarCraft 2
• LUISG 21
• Adnapsc2 17
• CranKy Ducklings SOOP3
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• LaughNgamezSOOP
• Migwel
• sooper7s
StarCraft: Brood War
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
Dota 2
• WagamamaTV45
Upcoming Events
BSL
7h 39m
Replay Cast
12h 39m
Replay Cast
21h 39m
Afreeca Starleague
22h 39m
Light vs Calm
Royal vs Mind
Wardi Open
23h 39m
Monday Night Weeklies
1d 4h
OSC
1d 12h
Sparkling Tuna Cup
1d 22h
Afreeca Starleague
1d 22h
Rush vs PianO
Flash vs Speed
Replay Cast
2 days
[ Show More ]
Afreeca Starleague
2 days
BeSt vs Leta
Queen vs Jaedong
Replay Cast
3 days
The PondCast
3 days
Replay Cast
4 days
RSL Revival
4 days
Replay Cast
5 days
RSL Revival
5 days
BSL
6 days
RSL Revival
6 days
Liquipedia Results

Completed

Proleague 2026-03-27
WardiTV Winter 2026
Underdog Cup #3

Ongoing

BSL Season 22
CSL Elite League 2026
CSL Season 20: Qualifier 1
ASL Season 21
Acropolis #4 - TS6
2026 Changsha Offline CUP
StarCraft2 Community Team League 2026 Spring
RSL Revival: Season 4
Nations Cup 2026
NationLESS Cup
BLAST Open Spring 2026
ESL Pro League S23 Finals
ESL Pro League S23 Stage 1&2
PGL Cluj-Napoca 2026
IEM Kraków 2026
BLAST Bounty Winter 2026
BLAST Bounty Winter Qual

Upcoming

CSL Season 20: Qualifier 2
Escore Tournament S2: W1
CSL 2026 SPRING (S20)
Acropolis #4
IPSL Spring 2026
BSL 22 Non-Korean Championship
CSLAN 4
Kung Fu Cup 2026 Grand Finals
HSC XXIX
uThermal 2v2 2026 Main Event
IEM Cologne Major 2026
Stake Ranked Episode 2
CS Asia Championships 2026
IEM Atlanta 2026
Asian Champions League 2026
PGL Astana 2026
BLAST Rivals Spring 2026
CCT Season 3 Global Finals
IEM Rio 2026
PGL Bucharest 2026
Stake Ranked Episode 1
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.