• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 08:00
CEST 14:00
KST 21:00
  • 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] Ro24 Preview: Siren's Call5[ASL22] Ro24 Preview: Summer's End9Serral wins HomeStory Cup 2915Serral wins Maestros of the Game 244ByuL, and the Limitations of Standard Play3
Community News
Weekly Cups (August 17-23): Zerg dominate the week0Weekly Cups (August 10-16): SHIN doubles2GSTL Returns in 2026!45Weekly Cups (Aug 3-9): Protoss get shut out7RSL goes to London! 2026 Offline Finals Nov 21-2212
StarCraft 2
General
How would you feel about frequent/monthly balance patches for SC2? SC4ALL II: SC2 Player Announcement 6/8 - Maru Weekly Cups (August 17-23): Zerg dominate the week Geoff 'iNcontroL' Robinson has passed away GSTL Returns in 2026!
Tourneys
PIG STY FESTIVAL 8.0! (13 - 23 August) Sparkling Tuna Cup - Weekly Open Tournament WORTEX 2026 - Hungarian SC2 Finals Budapest SC2 AI Tournament 2026 Fall 2026 GSTL Announcement
Strategy
[G] Having the right mentality to improve
Custom Maps
Nexus Wars 2021 GUIDE [M] (2) Industrial Park
External Content
Mutation # 540 Dodge This The PondCast: SC2 News & Results Mutation # 539 Thunder Dome Mutation # 538 Media Blackout
Brood War
General
[ASL22] Ro24 Preview: Siren's Call BW General Discussion BGH Auto Balance -> http://bghmmr.eu/ Pros React To: First 'Fastest' Map in ASL History [Personal Project Share] Terran Defense v0.60
Tourneys
[ASL22] Ro24 Group D [Megathread] Daily Proleagues Toronto invitational lan 22 august Brood War in Budapest ! WORTEX 2026 BW Finals
Strategy
Replay Review Process - What do you do? Odyssey Mineral Stack Saturation Fighting Spirit mining rates Any training maps people recommend?
Other Games
General Games
General RTS Discussion Thread Nintendo Switch Thread Anyone here play Quakeworld back in the day? Stormgate/Frost Giant Megathread EVE Corporation
Dota 2
Official 'what is Dota anymore' discussion
League of Legends
[TL LoL EUW IHs] Teemo shall perish TSM pausing esports and CLG Dead
Heroes of the Storm
Heroes of the Storm 2.0
Hearthstone
Deck construction bug
TL Mafia
TL Mafia Power Rank TL Mafia Community Thread NeO.D_StephenKing vs This Guy From 1 Million Dance
Community
General
US Politics Mega-thread Dating: How's your luck? Russo-Ukrainian War Thread Canadian Politics Mega-thread Artificial Intelligence Thread
Fan Clubs
The Creator Fan Club MarineLorD Fan Club The ShoWTimE Fan Club
Media & Entertainment
Movie Discussion! Anime Discussion Thread
Sports
TeamLiquid Health and Fitness Initiative For 2023 Football (Soccer) Thread MLB/Baseball 2023 NBA General Discussion
World Cup 2022
Tech Support
Computer Build, Upgrade & Buying Resource Thread Simple Questions Simple Answers FPS when play League Of Legend on laptop
TL Community
The Automated Ban List Northern Ireland Global Starcraft
Blogs
Young Players Exit Esports E…
TrAiDoS
LOCKPICKING NOOB
LUCKY_NOOB
Cathedral Of CS And NY pizza a…
FuDDx
Please support my new stand…
Peanutsc
Hello guys!
LIN1s
Customize Sidebar...

Website Feedback

Closed Threads



Active: 4007 users

Making a game (Part 3, Designing particle effects)

Blogs > 0x64
Post a Reply
0x64
Profile Blog Joined September 2002
Finland4635 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
Finland4635 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
Finland4635 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
WardiTV Weekly
11:00
#101
WardiTV654
IntoTheiNu 555
Rex109
Liquipedia
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
Lowko351
Rex 109
BRAT_OK 32
StarCraft: Brood War
Jaedong 4133
Bisu 3518
EffOrt 1619
BeSt 820
Horang2 636
Soma 467
Hyuk 434
Pusan 269
Light 262
Hyun 215
[ Show more ]
Zeus 192
Stork 180
Last 146
Killer 104
ToSsGirL 80
Aegong 70
Rush 63
Sharp 61
Mind 50
Sea.KH 46
sSak 35
Bale 33
Free 28
soO 24
Noble 24
yabsab 21
Shine 20
Sexy 16
Terrorterran 15
Sacsri 15
SilentControl 12
sorry 12
ajuk12(nOOB) 12
Dota 2
qojqva2091
BananaSlamJamma41
Counter-Strike
byalli788
Other Games
singsing2505
B2W.Neo592
crisheroes294
Happy187
Organizations
StarCraft: Brood War
Afreeca ASL 3916
StarCastTV_EN93
UltimateBattle 93
[ Show 10 non-featured ]
StarCraft 2
• Berry_CruncH361
• StrangeGG 50
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• Migwel
StarCraft: Brood War
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
Upcoming Events
The Patches Monday
4h 16m
Afreeca Starleague
22h 1m
Soulkey vs PianO
JyJ vs sSak
GSL
23h 1m
PiGosaur Cup
1d 12h
Afreeca Starleague
1d 22h
Mini vs Calm
Queen vs EffOrt
Replay Cast
2 days
The PondCast
2 days
Replay Cast
3 days
Escore
3 days
IntoTheTV X SOOP
3 days
[ Show More ]
Korean StarCraft League
4 days
GSL
4 days
Replay Cast
5 days
Sparkling Tuna Cup
5 days
WardiTV Weekly
5 days
Liquipedia Results

Completed

Proleague 2026-08-23
PiG Sty Festival 8.0
META DYMY #4

Ongoing

KCM Race Survival 2026 Season 3
K-JUNGMAN
ASL Season 22
Super Anchor Qualifying S3
CSL Season 22: Qualifier 1
RSL Revival: Season 6
Esports World Cup 2026
Esports World Cup 2026: LCQ
BLAST Bounty Summer 2026
BLAST Bounty Summer Qual
Stake Ranked Episode 3
XSE Pro League 2026
IEM Cologne Major 2026

Upcoming

CSL Season 22: Qualifier 2
BSL 2026 LAN: Kraków
CSL 2026 AUTUMN (S22)
Acropolis #5
Acropolis #5 - TRS
Blizzard Classic Cup 2026
Acropolis #5 - GSA
HSC XXX
SC4ALL II: StarCraft II
Kung Fu Cup 2026 Grand Finals
RSL Offline Finals
Calamity Invitational
Big Dog Cup 2026 Div 1
IEM Beijing 2026
Stake Ranked Episode 5
PGL Masters Bucharest 2026
Thunderpick World Champ. '26
ESL Pro League Season 24
Stake Ranked Episode 4
1win Private Club #1
Logitech G Play Connect 2026
SL StarSeries Fall 2026
FISSURE Playground #3
BLAST Open Fall 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.