• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 12:16
CEST 18:16
KST 01:16
  • 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
Serral wins Maestros of the Game 227ByuL, and the Limitations of Standard Play3Team Liquid Map Contest #22: Results and Winners7Code S Season 2 (2026): RO4 and Finals Preview12TL.net Map Contest #22 - Voting & Ladder Map Selection7
Community News
Weekly Cups (June 29-July 5): Solar Doubles0MC vs IdrA, Boxer vs Nal_rA to be Legacy Matches @ BlizzCon415.0.16 Hotfix (June 30) - Balance + Bug Fixes40Weekly Cups (June 22-28): Zergs thrive in new patch5[TLMC] Summer 2026 Ladder Map Rotation0
StarCraft 2
General
Serral wins Maestros of the Game 2 Is the larve respawn broken? 5.0.16 patch for SC2 goes live (8 worker start) 5.0.16 Hotfix (June 30) - Balance + Bug Fixes Weekly Cups (June 29-July 5): Solar Doubles
Tourneys
Crank Gathers Season 4: BW vs SC2 Team League GSL CK #5 Race War HomeStory Cup 29 RSL Revival: Season 6 - Qualifiers and Main Event Vespene Cup #1 — $300+ USD, July 10
Strategy
[G] Having the right mentality to improve
Custom Maps
New Map Maker - Looking for Advice - Love or Hate Work In Progress Melee Maps [D]RTS in all its shapes and glory <3
External Content
Mutation # 533 Die Together The PondCast: SC2 News & Results Mutation # 532 Nuclear Family Mutation # 531 Experimental Artillery
Brood War
General
BW General Discussion BGH Auto Balance -> http://bghmmr.eu/ Snow On New ASL S22 Map, Zerg Nerf Starcraft vs Retro Category on Twitch Data needed
Tourneys
CSLAN 4 is Coming! Escore Tournament StarCraft Season 2 The Casual Games of the Week Thread [Megathread] Daily Proleagues
Strategy
Simple Questions, Simple Answers Creating a full chart of Zerg builds Relatively freeroll strategies Why doesn't anyone use restoration?
Other Games
General Games
Dawn of War IV Nintendo Switch Thread Stormgate/Frost Giant Megathread Summer Games Done Quick 2026! ZeroSpace at Steam NextFest - Last free demo
Dota 2
Looking for a Dota Mentor 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
TL Mafia
NeO.D_StephenKing vs This Guy From 1 Million Dance TL Mafia Community Thread TL Mafia Power Rank Vanilla Mini Mafia
Community
General
US Politics Mega-thread Russo-Ukrainian War Thread UK Politics Mega-thread YouTube Thread Canadian Politics Mega-thread
Fan Clubs
The HerO Fan Club!
Media & Entertainment
Anime Discussion Thread Movie Discussion! Series you have seen recently... [Req][Books] Good Fantasy/SciFi books [TV/BOOK] *SPOILERS* Game of Thrones Discussion
Sports
2024 - 2026 Football Thread McBoner: A hockey love story Tennis[sport] Formula 1 Discussion TeamLiquid Health and Fitness Initiative For 2023
World Cup 2022
Tech Support
FPS when play League Of Legend on laptop How to clean a TTe Thermaltake keyboard? Computer Build, Upgrade & Buying Resource Thread
TL Community
The Automated Ban List
Blogs
Major Shifts in the Gaming I…
TrAiDoS
An Exploration of th…
waywardstrategy
Gauntlet SC2: A Retrospectiv…
Ctone23
ramps on octagon
StaticNine
Funny Nicknames
LUCKY_NOOB
Evil Gacha Games and the…
ffswowsucks
Customize Sidebar...

Website Feedback

Closed Threads



Active: 5951 users

Making a game (Part 3, Designing particle effects)

Blogs > 0x64
Post a Reply
0x64
Profile Blog Joined September 2002
Finland4628 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
Finland4628 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
Finland4628 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
BSL: GosuLeague
14:00
S22 - Final Stream
Spine vs OctZerg
Radley vs WIZARD
ZZZero.O91
Liquipedia
CrankTV Team League
11:00
Crank Gathers S4: Group Stage
LiquipediaDiscussion
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
RushiSC 115
StarCraft: Brood War
Britney 30010
Shuttle 2022
Jaedong 1222
Sea 1075
Mini 562
Soma 500
EffOrt 474
firebathero 402
Light 360
Hyuk 313
[ Show more ]
BeSt 309
Snow 291
Larva 271
Stork 212
ggaemo 175
Mong 168
Hyun 110
Rush 106
ZZZero.O 91
hero 88
JYJ 82
Sharp 68
Zeus 68
Sea.KH 51
sorry 37
ToSsGirL 30
Bale 26
Hm[arnc] 21
Barracks 16
Sexy 15
IntoTheRainbow 12
Sacsri 10
Terrorterran 3
Dota 2
Gorgc7918
qojqva1429
XcaliburYe105
Counter-Strike
fl0m1207
x6flipin366
edward61
kRYSTAL_43
Super Smash Bros
Mew2King99
Heroes of the Storm
XaKoH 188
Other Games
FrodaN1230
B2W.Neo658
ArmadaUGS87
C9.Mang034
Organizations
Other Games
gamesdonequick30837
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
[ Show 16 non-featured ]
StarCraft 2
• StrangeGG 107
• mYiSmile139
• intothetv
• AfreecaTV YouTube
• Kozan
• IndyKCrew
• LaughNgamezSOOP
• Migwel
• sooper7s
StarCraft: Brood War
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
Dota 2
• WagamamaTV428
League of Legends
• Nemesis4142
• TFBlade987
Other Games
• Shiphtur267
Upcoming Events
OSC
44m
Cure vs SKillous
Lambo vs goblin
Cham vs YoungYakov
ArT vs Harstem
Krystianer vs Iba
Replay Cast
7h 44m
Replay Cast
17h 44m
CrankTV Team League
18h 44m
OSC
20h 44m
Big Brain Bouts
23h 44m
Replay Cast
1d 7h
RSL Revival
1d 16h
Serral vs Bunny
ByuN vs GgMaChine
CranKy Ducklings
1d 17h
Afreeca Starleague
1d 17h
Snow vs Jaedong
YSC vs hero
[ Show More ]
RSL Revival
2 days
Solar vs Rogue
Maru vs NightMare
Sparkling Tuna Cup
2 days
GSL
3 days
Replay Cast
4 days
WardiTV Weekly
4 days
The PondCast
5 days
Replay Cast
6 days
CrankTV Team League
6 days
Liquipedia Results

Completed

CSL Season 21: Qualifier 2
HSC XXIX
Eternal Conflict S2 E1

Ongoing

IPSL Spring 2026
Acropolis #4
YSL S3
CSL 2026 Summer (S21)
CranK Gathers Season 4: BW vs SC2 Team League
SCTL 2026 Spring
Heroes Pulsing #3
XSE Pro League 2026
IEM Cologne Major 2026
Stake Ranked Episode 2
CS Asia Championships 2026
Asian Champions League 2026
IEM Atlanta 2026
PGL Astana 2026
BLAST Rivals Spring 2026

Upcoming

Escore Tournament S3: W2
ASL Season 22: Wild Card Qualifier
CSLAN 4
Blizzard Classic Cup 2026
SC4ALL II: StarCraft II
Kung Fu Cup 2026 Grand Finals
RSL Revival: Season 6
Light Tournament 2026
Eternal Conflict S2 Finale
Eternal Conflict S2 E3
Eternal Conflict S2 E2
Logitech G Connect 2026
StarSeries Fall 2026
FISSURE Playground #5
BLAST Open Fall 2026
Esports World Cup 2026
BLAST Bounty Summer 2026
BLAST Bounty Summer Qual
Stake Ranked Episode 3
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.