• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 06:00
CEST 12:00
KST 19: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
[ASL20] Ro8 Preview Pt2: Holding On8Maestros of the Game: Live Finals Preview (RO4)5TL.net Map Contest #21 - Finalists4Team TLMC #5: Vote to Decide Ladder Maps!0[ASL20] Ro8 Preview Pt1: Mile High15
Community News
PartinG joins SteamerZone, returns to SC2 competition(?)55.0.15 Balance Patch Notes (Live version)67$2,500 WardiTV TL Map Contest Tournament 151Stellar Fest: StarCraft II returns to Canada11Weekly Cups (Sept 22-28): MaxPax double, Zerg wins, PTR12
StarCraft 2
General
5.0.15 Balance Patch Notes (Live version) PartinG joins SteamerZone, returns to SC2 competition(?) ZvT - Army Composition - Slow Lings + Fast Banes Stellar Fest: StarCraft II returns to Canada Had to smile :)
Tourneys
$2,500 WardiTV TL Map Contest Tournament 15 Stellar Fest Sparkling Tuna Cup - Weekly Open Tournament LANified! 37: Groundswell, BYOC LAN, Nov 28-30 2025 Maestros of The Game—$20k event w/ live finals in Paris
Strategy
Custom Maps
External Content
Mutation # 493 Quick Killers Mutation # 492 Get Out More Mutation # 491 Night Drive Mutation # 490 Masters of Midnight
Brood War
General
RepMastered™: replay sharing and analyzer site Thoughts on rarely used units [ASL20] Ask the mapmakers — Drop your questions Recommended FPV games (post-KeSPA) [ASL20] Ro8 Preview Pt2: Holding On
Tourneys
[ASL20] Ro8 Day 3 [ASL20] Ro8 Day 4 Small VOD Thread 2.0 3D!Community Brood War Super Cup №3
Strategy
Current Meta I am doing this better than progamers do. Simple Questions, Simple Answers Cliff Jump Revisited (1 in a 1000 strategy)
Other Games
General Games
Stormgate/Frost Giant Megathread Nintendo Switch Thread Dawn of War IV Path of Exile Liquipedia App: Now Covering SC2 and Brood War!
Dota 2
Official 'what is Dota anymore' discussion LiquidDota to reintegrate into TL.net
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
TL Mafia Community Thread
Community
General
US Politics Mega-thread Russo-Ukrainian War Thread The Games Industry And ATVI Things Aren’t Peaceful in Palestine Canadian Politics Mega-thread
Fan Clubs
The herO Fan Club! The Happy Fan Club!
Media & Entertainment
Anime Discussion Thread Movie Discussion! [Manga] One Piece
Sports
2024 - 2026 Football Thread MLB/Baseball 2023 Formula 1 Discussion TeamLiquid Health and Fitness Initiative For 2023
World Cup 2022
Tech Support
SC2 Client Relocalization [Change SC2 Language] Linksys AE2500 USB WIFI keeps disconnecting Computer Build, Upgrade & Buying Resource Thread
TL Community
Recent Gifted Posts The Automated Ban List BarCraft in Tokyo Japan for ASL Season5 Final
Blogs
Mental Health In Esports: Wo…
TrAiDoS
[AI] Sorry, Chill, My Bad :…
Peanutsc
Try to reverse getting fired …
Garnet
[ASL20] Players bad at pi…
pullarius1
Customize Sidebar...

Website Feedback

Closed Threads



Active: 1775 users

Making a game (Part 3, Designing particle effects)

Blogs > 0x64
Post a Reply
0x64
Profile Blog Joined September 2002
Finland4570 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
Finland4570 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
Finland4570 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 1h
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
RotterdaM 320
OGKoka 228
SortOf 79
ProTech64
StarCraft: Brood War
actioN 2125
Bisu 1087
Shuttle 584
BeSt 451
firebathero 282
EffOrt 279
Leta 212
Zeus 205
sorry 130
Light 124
[ Show more ]
Killer 85
Aegong 85
Hyuk 82
Nal_rA 71
Soma 46
GoRush 46
Rush 30
Sharp 30
ZerO 29
Bale 27
Free 26
Movie 23
SilentControl 21
Noble 11
ajuk12(nOOB) 8
Backho 6
Dota 2
Cr1tdota716
boxi98338
XcaliburYe179
League of Legends
JimRising 385
Counter-Strike
olofmeister1749
shoxiejesuss773
Super Smash Bros
Westballz23
Other Games
singsing1479
ceh9642
C9.Mang0298
Happy251
crisheroes203
NeuroSwarm67
ArmadaUGS27
ZerO(Twitch)1
Organizations
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 13 non-featured ]
StarCraft 2
• LUISG 34
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• LaughNgamezSOOP
• Migwel
• sooper7s
StarCraft: Brood War
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
Dota 2
• WagamamaTV382
• lizZardDota251
Upcoming Events
Wardi Open
1h
Online Event
7h
Online Event
1d 1h
[BSL 2025] Weekly
1d 8h
Safe House 2
1d 8h
Sparkling Tuna Cup
2 days
BSL Team Wars
2 days
Team Bonyth vs Team Dewalt
Dewalt vs kogeT
JDConan vs Tarson
RaNgeD vs DragOn
StRyKeR vs Bonyth
Aeternum vs Hejek
Replay Cast
3 days
The PondCast
6 days
Liquipedia Results

Completed

KCM Race Survival 2025 Season 3
Maestros of the Game
HCC Europe

Ongoing

BSL 20 Team Wars
BSL 21 Points
ASL Season 20
CSL 2025 AUTUMN (S18)
Acropolis #4 - TS2
EC S1
ESL Pro League S22
Frag Blocktober 2025
Urban Riga Open #1
FERJEE Rush 2025
Birch Cup 2025
DraculaN #2
LanDaLan #3
StarSeries Fall 2025
FISSURE Playground #2
BLAST Open Fall 2025
BLAST Open Fall Qual
Esports World Cup 2025
BLAST Bounty Fall 2025
BLAST Bounty Fall Qual
IEM Cologne 2025

Upcoming

IPSL Winter 2025-26
SC4ALL: Brood War
BSL Season 21
BSL 21 Team A
RSL Revival: Season 3
Stellar Fest
SC4ALL: StarCraft II
WardiTV TLMC #15
ESL Impact League Season 8
SL Budapest Major 2025
BLAST Rivals Fall 2025
IEM Chengdu 2025
PGL Masters Bucharest 2025
Thunderpick World Champ.
CS Asia Championships 2025
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 © 2025 TLnet. All Rights Reserved.