• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 12:01
CET 17:01
KST 01:01
  • 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 Energy7ByuL: 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
https://www.facebook.com/Silen.Sense.Calm.Ears.Ire 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
Sparkling Tuna Cup - Weekly Open Tournament RSL Season 4 announced for March-April 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
ASL21 General Discussion KK Platform will provide 1 million CNY Recent recommended BW games Gypsy to Korea RepMastered™: replay sharing and analyzer site
Tourneys
[ASL21] Ro24 Group C [ASL21] Ro24 Group A [Megathread] Daily Proleagues [ASL21] Ro24 Group B
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
2024 - 2026 Football Thread Cricket [SPORT] Formula 1 Discussion 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: 1230 users

Making a game (Part 3, Designing particle effects)

Blogs > 0x64
Post a Reply
0x64
Profile Blog Joined September 2002
Finland4609 Posts
May 31 2012 13:16 GMT
#1
Part 1
Part 2

We want our game moody, we want our game smooth.
We have a limited budget when it come to things we can render.

I our little dungeon, we allocate most of the rendering power to useful stuff. Trying to keep it at steady 60 fps on a phone may be a bit of a challenge with real-time lights and shadows.

I still wanted some basic fog in the map.
It's grey, it a bit lighter than the black background and it should be done with less than 10 particles per tile we want to cover.
It shouldn't draw the attention of the player, yet it should be clear and not look like the screen of the phone is a bit dirty.

Here is what we got!
[image loading]


The main attribute for our fog effect are:
-The particle graphics
This one was pretty simple, the best was round, a bit like a cloud
-The level of transparency of the effect
Tricky parameter, as you have the transparency of the particle mixed with the additional transparency of the effect. Overlapping particles create this fog-like effect where you can't distinguish the original particle easily if you have enough transparency. Too much transparency will look like a dirty screen if you use a grey fog. The line between those two trade off is really thin.
-The color of the effect
We reuse the same effect on other fogs like the "Fog of terror" that you can't cross unless you have a light. (Like in Zelda twilight princess at some point)
-The movement style and speed
the movement style shouldn't be computation heavy. One of the lightest algorithm that work well for what we want is the random-walk. Draw a random amount of acceleration for the particle and from the chaos of transparency shall rise the son of darkness, FOG. Anyway, very simple, very good. The speed would be slowly evolving fog that covered the area we required without looking like a square. Additionally we wanted to have an influence on the fog when the player moves through.
This is a more tricky thing to do efficiently. I ended up giving the tile a flow vector which is changed by any characters on the tiles and the flow vector is diminished every time a particle reads it. Additionally so that each particle of that tile wouldn't move at the same speed at the same time we make the particle react less if its further away from the character.
-The time to live of the particle before it fades out and a new one fades in
With the random walk movement of the tiles, the more time they wander, the more probable it is that some particle go over other tiles. This is easy to calibrate, just start the program, ad tweak until you are happy with the average spread of the particles.


Now another particle effect we wanted was in the menu, something to put on the borders.
Here we could be openhanded with the amount of particles.
We made 2 sharp grass shaped particle and a round one, all particles spawning around the border of the screen. The rest was using the same logic as the previous effect.
The rendering was changed to and we removed the effect alpha. The color was black so it would hide the limit of the phones screen.

and the result was:
[image loading]

This is our start screen, the fade in is also nice but that will be shown later in a video.



*****
Dump of assembler code from 0xffffffec to 0x64: End of assembler dump.
Rollin
Profile Joined March 2011
Australia1552 Posts
May 31 2012 13:22 GMT
#2
These progress updates are kinda cool. Keep it up :3
Throw off those chains of reason, and your prison disappears. | Check your posting frequency timeline: http://www.teamliquid.net/mytlnet/post_activity_img.php
Incze
Profile Blog Joined December 2011
Romania2058 Posts
May 31 2012 15:26 GMT
#3
Dude, you make it sound so simple. We did that and that and that. I still have nightmares about vectors after having been terrorized by them for years, never liked them.
Keep up the good work
Religion: Buckethead
Clockworkkkk
Profile Joined October 2011
21 Posts
May 31 2012 15:59 GMT
#4
cool thread ill definitly be following it.
0x64
Profile Blog Joined September 2002
Finland4609 Posts
Last Edited: 2012-05-31 18:01:42
May 31 2012 18:01 GMT
#5
@Rollin Thanks more coming, I'm kinda keeping the more interesting part for later.

@Incze Yeah it's funny these idea about using random walk comes from my satelite positioning study background, you never know what will be useful.

@Clockworkkkk You do that !!
Dump of assembler code from 0xffffffec to 0x64: End of assembler dump.
Arcanefrost
Profile Blog Joined August 2010
Belgium1257 Posts
May 31 2012 18:28 GMT
#6
cool!
Valor is a poor substitute for numbers.
Logo
Profile Blog Joined April 2010
United States7542 Posts
May 31 2012 20:34 GMT
#7
On June 01 2012 03:01 0x64 wrote:
@Rollin Thanks more coming, I'm kinda keeping the more interesting part for later.


Lol wat this is the more interesting part. That or as a programmer I'm weird and care more about how you do tile based fog than your game play (though that's in large part because I don't own a window's phone so I'm not an eligible purchaser of your resulting product until you port it to PC).
Logo
0x64
Profile Blog Joined September 2002
Finland4609 Posts
June 01 2012 11:58 GMT
#8
On June 01 2012 05:34 Logo wrote:
Show nested quote +
On June 01 2012 03:01 0x64 wrote:
@Rollin Thanks more coming, I'm kinda keeping the more interesting part for later.


Lol wat this is the more interesting part. That or as a programmer I'm weird and care more about how you do tile based fog than your game play (though that's in large part because I don't own a window's phone so I'm not an eligible purchaser of your resulting product until you port it to PC).


more interesting stuff also coming on the programming side of things!
Dump of assembler code from 0xffffffec to 0x64: End of assembler dump.
Please log in or register to reply.
Live Events Refresh
PSISTORM Gaming Misc
15:30
FSL s10 FINALS! PTB vs POG
Freeedom25
Liquipedia
Platinum Heroes Events
15:00
PHSC2 Tour S26 Cup #2
SteadfastSC106
CranKy Ducklings65
Liquipedia
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
SteadfastSC 106
gerald23 11
SC2Nice 3
StarCraft: Brood War
Britney 47781
Jaedong 2204
Mini 1013
Stork 464
Soma 451
Shuttle 356
firebathero 308
actioN 255
EffOrt 238
hero 136
[ Show more ]
Hyun 71
Soulkey 70
sSak 63
sorry 43
yabsab 30
Movie 30
ToSsGirL 27
Hm[arnc] 25
Rock 20
HiyA 16
GoRush 14
IntoTheRainbow 13
Terrorterran 12
Light 11
SilentControl 9
ivOry 7
Dota 2
Gorgc7202
qojqva1602
League of Legends
Reynor12
Counter-Strike
fl0m3461
byalli573
kRYSTAL_19
Super Smash Bros
hungrybox162
Heroes of the Storm
Khaldor471
Liquid`Hasu388
Trikslyr33
MindelVK18
Other Games
FrodaN6154
ArmadaUGS2599
singsing2301
B2W.Neo1065
Lowko441
DeMusliM357
mouzStarbuck184
KnowMe153
Fuzer 148
ToD48
Organizations
Other Games
gamesdonequick1648
StarCraft 2
ComeBackTV 593
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 18 non-featured ]
StarCraft 2
• EnkiAlexander 53
• HeavenSC 41
• Shameless 24
• CranKy Ducklings SOOP4
• IndyKCrew
• sooper7s
• Migwel
• LaughNgamezSOOP
• Kozan
• AfreecaTV YouTube
• intothetv
StarCraft: Brood War
• blackmanpl 13
• Michael_bg 2
• Airneanach1
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
League of Legends
• Jankos1950
Upcoming Events
BSL
3h 59m
RSL Revival
17h 59m
ByuN vs Maru
MaxPax vs TriGGeR
WardiTV Team League
19h 59m
BSL
1d 2h
Replay Cast
1d 7h
Replay Cast
1d 16h
Afreeca Starleague
1d 17h
Light vs Calm
Royal vs Mind
Wardi Open
1d 18h
Monday Night Weeklies
1d 23h
OSC
2 days
[ Show More ]
Sparkling Tuna Cup
2 days
Afreeca Starleague
2 days
Rush vs PianO
Flash vs Speed
Replay Cast
3 days
Afreeca Starleague
3 days
BeSt vs Leta
Queen vs Jaedong
Replay Cast
4 days
The PondCast
4 days
Replay Cast
5 days
RSL Revival
5 days
Replay Cast
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
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.