• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EST 03:46
CET 09:46
KST 17:46
  • 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
Behind the Blue - Team Liquid History Book13Clem wins HomeStory Cup 289HomeStory Cup 28 - Info & Preview13Rongyi Cup S3 - Preview & Info8herO wins SC2 All-Star Invitational14
Community News
LiuLi Cup: 2025 Grand Finals (Feb 10-16)1Weekly Cups (Feb 2-8): Classic, Solar, MaxPax win2Nexon's StarCraft game could be FPS, led by UMS maker7PIG STY FESTIVAL 7.0! (19 Feb - 1 Mar)11Weekly Cups (Jan 26-Feb 1): herO, Clem, ByuN, Classic win2
StarCraft 2
General
Rongyi Cup S3 - Preview & Info Behind the Blue - Team Liquid History Book Nexon's StarCraft game could be FPS, led by UMS maker Terran Scanner Sweep How do you think the 5.0.15 balance patch (Oct 2025) for StarCraft II has affected the game?
Tourneys
PIG STY FESTIVAL 7.0! (19 Feb - 1 Mar) LiuLi Cup: 2025 Grand Finals (Feb 10-16) Sparkling Tuna Cup - Weekly Open Tournament RSL Season 4 announced for March-April WardiTV Mondays
Strategy
Custom Maps
Map Editor closed ? [A] Starcraft Sound Mod
External Content
Mutation # 512 Overclocked The PondCast: SC2 News & Results Mutation # 511 Temple of Rebirth Mutation # 510 Safety Violation
Brood War
General
Gypsy to Korea [ASL21] Potential Map Candidates BGH Auto Balance -> http://bghmmr.eu/ BW General Discussion Liquipedia.net NEEDS editors for Brood War
Tourneys
[Megathread] Daily Proleagues Escore Tournament StarCraft Season 1 Small VOD Thread 2.0 KCM Race Survival 2026 Season 1
Strategy
Fighting Spirit mining rates Zealot bombing is no longer popular? Simple Questions, Simple Answers Current Meta
Other Games
General Games
Battle Aces/David Kim RTS Megathread Nintendo Switch Thread Diablo 2 thread ZeroSpace Megathread EVE Corporation
Dota 2
Official 'what is Dota anymore' discussion
League of Legends
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
Mafia Game Mode Feedback/Ideas Vanilla Mini Mafia TL Mafia Community Thread
Community
General
YouTube Thread US Politics Mega-thread Sex and weight loss Russo-Ukrainian War Thread The Games Industry And ATVI
Fan Clubs
The herO Fan Club! The IdrA Fan Club
Media & Entertainment
Anime Discussion Thread [Manga] One Piece
Sports
2024 - 2026 Football Thread
World Cup 2022
Tech Support
TL Community
The Automated Ban List
Blogs
Play, Watch, Drink: Esports …
TrAiDoS
My 2025 Magic: The Gathering…
DARKING
Life Update and thoughts.
FuDDx
How do archons sleep?
8882
StarCraft improvement
iopq
Customize Sidebar...

Website Feedback

Closed Threads



Active: 1740 users

Making a game (Part 3, Designing particle effects)

Blogs > 0x64
Post a Reply
0x64
Profile Blog Joined September 2002
Finland4602 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
Finland4602 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
Finland4602 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
Next event in 14m
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
SortOf 180
ProTech136
FoxeR 81
StarCraft: Brood War
Horang2 1640
GuemChi 472
Shuttle 450
actioN 358
Tasteless 241
Leta 195
Mong 146
PianO 99
Mini 70
ToSsGirL 40
[ Show more ]
NaDa 25
Sharp 19
soO 15
Noble 14
Sacsri 13
HiyA 12
zelot 11
ajuk12(nOOB) 9
Dota 2
XaKoH 458
League of Legends
C9.Mang0274
Counter-Strike
shoxiejesuss171
kRYSTAL_23
Super Smash Bros
Mew2King171
Other Games
summit1g9084
Liquid`RaSZi1108
ceh9361
KnowMe33
Fuzer 31
Organizations
Other Games
gamesdonequick590
StarCraft: Brood War
UltimateBattle 88
lovetv 19
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 13 non-featured ]
StarCraft 2
• LUISG 6
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• LaughNgamezSOOP
• Migwel
• sooper7s
StarCraft: Brood War
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
League of Legends
• Jankos1468
• Stunt546
Upcoming Events
Replay Cast
14m
LiuLi Cup
2h 14m
Clem vs Rogue
SHIN vs Cyan
Replay Cast
15h 14m
The PondCast
1d 1h
KCM Race Survival
1d 1h
LiuLi Cup
1d 2h
Scarlett vs TriGGeR
ByuN vs herO
Replay Cast
1d 15h
Online Event
2 days
LiuLi Cup
2 days
Serral vs Zoun
Cure vs Classic
Big Brain Bouts
2 days
Serral vs TBD
[ Show More ]
RSL Revival
2 days
RSL Revival
3 days
LiuLi Cup
3 days
uThermal 2v2 Circuit
3 days
RSL Revival
3 days
Replay Cast
3 days
Sparkling Tuna Cup
4 days
LiuLi Cup
4 days
Replay Cast
4 days
Replay Cast
5 days
LiuLi Cup
5 days
Wardi Open
5 days
Monday Night Weeklies
5 days
Replay Cast
5 days
WardiTV Winter Champion…
6 days
Liquipedia Results

Completed

Proleague 2026-02-09
Rongyi Cup S3
Underdog Cup #3

Ongoing

KCM Race Survival 2026 Season 1
LiuLi Cup: 2025 Grand Finals
Nations Cup 2026
IEM Kraków 2026
BLAST Bounty Winter 2026
BLAST Bounty Winter Qual
eXTREMESLAND 2025
SL Budapest Major 2025
ESL Impact League Season 8

Upcoming

Escore Tournament S1: W8
Acropolis #4
IPSL Spring 2026
HSC XXIX
uThermal 2v2 2026 Main Event
Bellum Gens Elite Stara Zagora 2026
RSL Revival: Season 4
WardiTV Winter 2026
CCT Season 3 Global Finals
FISSURE Playground #3
IEM Rio 2026
PGL Bucharest 2026
Stake Ranked Episode 1
BLAST Open Spring 2026
ESL Pro League Season 23
ESL Pro League Season 23
PGL Cluj-Napoca 2026
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.