gskinner.com: gBlog: Flash 8: Webcam Fire

Posted at Nov 4, 05 by Grant Skinner « Great Pumpkin Showdown ... | Flash 8 Bootcamp... »

I've been building out some new demos for upcoming conference sessions and workshops, and really like this one, which generates fire onscreen based on webcam motion. It basically turns you into the Human Torch. I think it's a nice counterpoint to my Webcam Snowstorm experiment - fire and ice.

Another thing I find really cool about this is that it's only a 1kb swf. Good work Flash engineering team!

Check it out, Flash 8 Player and a webcam is required:

Shameless plug: If you'd like to learn how to build this (and not just dissemble the code, but really understand the underlying logic), check out my Flash 8 Bootcamps coming up in Toronto (Nov 11-12) and Los Angeles (Dec 2-3).

Here's a couple of screenshots for readers without a webcam, though they don't really do it justice:

Follow @gskinner on Twitter for more news and views on Flash, Flex, and ActionScript.

Comments (96)

grant, this is totally awesome.
great job-

Posted by: jg at November 4, 2005 10:09 AM
URL: http://www.mechanical-bull.com

Wonderfull Grant!

Posted by: hal2k at November 4, 2005 11:09 AM
URL:

i like it !!!!
very good effect !

Posted by: jeanphilippe at November 4, 2005 12:07 PM
URL: http://jeanphiblog.media-box.net/

and thanks for source......

Posted by: jeanphilippe at November 4, 2005 12:09 PM
URL: http://jeanphiblog.media-box.net/

awesome effect!!!
thank you for sharing!

Posted by: GRID8400 at November 4, 2005 02:04 PM
URL: http://www.grid8400.nl

I could not find the source file ??

Posted by: Firdosh Tangri at November 4, 2005 02:23 PM
URL:

Flipping the image (like a mirror, MSN video chat style) would make it a lot easier to act coordinated infront of the camera!

Posted by: James at November 4, 2005 05:01 PM
URL:

Asolutely amazing!

Posted by: Kirill at November 5, 2005 03:55 AM
URL: http://www.crossmind.net

this is some awesome stuff man!
great!

Is the source open?? Is it shared ??

Posted by: GRID8400 at November 5, 2005 12:48 PM
URL: http://www.grid8400.nl

Grant,
your sample is genious
i've tried to do the same with my poor code but the result is extavagantless : http://jeanphiblog.media-box.net/dotclear/index.php?2005/11/06/174-flash-8-thresholdlight-my-fire

Posted by: jeanphilippe at November 6, 2005 12:21 PM
URL: http://jeanphiblog.media-box.net/

Awesome work grant!

Just wondering, do you plan on releasing a dvd of any of these workshops? I'm in sydney, I'd love for you to come down under and do a bootcamp here for us, but otherwise a dvd I could buy would be the next best thing ;)

Posted by: Adam at November 7, 2005 07:55 AM
URL:

Thank you to give us hope!
Terrific!

Posted by: anymarc at November 8, 2005 01:59 AM
URL:

Hi,
I've updated my example of video on fire : http://jeanphiblog.media-box.net/dotclear/index.php?2005/11/11/176-flash-8-thresholdlight-my-fire-version2
Regards
JP

Posted by: jeanphilippe at November 11, 2005 05:51 AM
URL: http://jeanphiblog.media-box.net/

wow! it's very cool effect! congratulations!!! how did you do?

Posted by: manuel vidarte at November 12, 2005 05:15 AM
URL: http://www.muchik.com

i borrowed a webcam just to see this cool effect!

Posted by: efishocean at November 14, 2005 06:48 PM
URL: http://zoyoso.com

Toooooooo awesome!!! I've been standing in front of the camera for like 2 hours loll

Posted by: Justin at November 16, 2005 07:18 PM
URL:

Lots of fun! Great work!
Always enjoy creative limits being pushed with flash.
keep it up!

a co-worker and I had some fun with it, check it out:
http://www.jimmygordon.net/flaming_robot.avi

Posted by: ryanrobot at November 25, 2005 11:21 PM
URL: http://www.jimmygordon.net/flaming_robot.avi

:( i can't fiind the source file Èather

Posted by: kyle at November 27, 2005 08:05 PM
URL: http://www.geocities.com/free_me_by_ur_heart/funspooky.html

Can I download this somewhere or something?
so i can use this online :P xD

Posted by: Oil4 at December 17, 2005 09:40 AM
URL: http://-

This is very interesting... Truly allows me to live up to my onscreen moniker... Flashy Frannie...

Posted by: FlashyFrannie at December 21, 2005 01:37 PM
URL: http://www.thepariahpress.com

pas mal du tout!
Tres surprenant...merci de rentrer chez moi a l improviste!

Posted by: SugarGrafiks at December 26, 2005 03:47 PM
URL:

Trop bien excellent !!!

Posted by: Nicocolas at January 5, 2006 02:15 AM
URL: http://yoki.over-blog.net

Very nice work! there's any chance to download or recive the code? Thanks from your brazilian friends!

Posted by: Rafael A. Tsuchiya at January 13, 2006 11:27 AM
URL:

can i use this as a plugin for ymessenger or other other broadcasts from my web cam?... if so could you please tell me where can i get it?
thank you

Posted by: gabriel at January 15, 2006 12:10 PM
URL:

great!

Posted by: MC DoD at January 31, 2006 11:08 PM
URL: http://darkofdoom.cy.ro

can you please explain me how this effects is working i am new to flash development i came to your site by checking the varicose-g project in macromedia site i am very much eager to know the technology behind this

Posted by: subramanian at February 17, 2006 02:03 AM
URL:

Wicked, wicked effect. Keep up the top notch work!

Posted by: seAn at March 1, 2006 09:38 PM
URL:

great affect man
keep up the amazing work

Posted by: freddy at March 28, 2006 09:59 AM
URL: http://www.adgoodness.com

Cool! Check this link, this will help ye! If you'd use the movement detection as a alpha key for a fire animation, and animate the aplha key to move up a bit, you get something like this fire effect.

Posted by: Mr.Ernst at April 9, 2006 01:59 AM
URL: http://www.macromedia.com/devnet/flash/articles/webcam_motion.html

Is there any source for this yet ?

Posted by: mike at April 28, 2006 08:03 AM
URL: http://www.mikewirthart.com

it' s incroyable!!!
you are very stronger^^!!
pls let us your code or then of fluiddynamis in your galery incomplete pls!!!
let us you code
pls pls pls

Posted by: remi at June 7, 2006 08:01 AM
URL:

Hey guys check this out. Somehow it bypassed my webcam and displayed channels from my tv tuner! Check out TLC's Take Home Chef on FIRE!
http://www.alducente.com/takeHomeChef.jpg

Posted by: carlo at June 20, 2006 03:09 PM
URL: http://www.alducente.com

bello!
it would be nice to be able to change color of flame.
Was the source code available?

Posted by: Jukka at June 30, 2006 01:50 AM
URL:

Amazing! is there a file you could share? please? it would be amazing to follow the code and see how this thing functions!

Posted by: Adam at July 9, 2006 04:17 AM
URL: http://discocontinental.com

That is a nice effect especially for the small file size!

Posted by: FGS at July 27, 2006 09:22 AM
URL: http://www.flashgamescript.com

Where do you get the code!!!

Posted by: Wheres the code? at September 4, 2006 01:20 PM
URL:

cool man , it this an open source!

Posted by: Alex bong at October 1, 2006 09:37 AM
URL:

Wow this is an nice effect, but i would b nice if it was released as open source.

But loving this :)

Posted by: Tom at November 1, 2006 02:06 PM
URL:

could sum1 plz tell me if u can dwnload dis sumwhere for msn fnk yooh x

Posted by: riki at November 20, 2006 04:31 PM
URL:

Effect is amazing, keep it up!

Great work.

Posted by: Alex Milligan at November 23, 2006 03:14 AM
URL:

good

Posted by: replay527 at December 2, 2006 02:01 PM
URL:

Hello I'm Italin.
I could not find the source file ?
You Are post me?
Thanks

Posted by: Sergio at March 7, 2007 02:45 PM
URL:

where can i get he sourse for this/....this is awesome...good work thanks

Posted by: kash at March 10, 2007 02:49 AM
URL:

wow...it's COOL

Posted by: ANNA at March 20, 2007 07:32 AM
URL: http://annachiara

Excelent et super genial
Note sur 100 = 100,et c'est clair et net ! ! !

Denis le 21/03/2007.

Posted by: denis at March 20, 2007 10:05 PM
URL:

i can't find the source...
can i get the source???

Posted by: ivaline at March 27, 2007 06:53 AM
URL:

bonjour ,je ne sais pas comment activer ce gadjet sur mon blog et si c'est pobile mais c'est trop cool!

Posted by: alain at March 28, 2007 01:32 PM
URL: http://alainetcarly.spaces.live.com/

Well! this is my first comment on that site and I must say it looks very pretty, and the fonts are particularly well chosen. its good to see the source file nice work keep going.I am glad to post my views and points in this blog.

Posted by: jassica at April 20, 2007 11:57 AM
URL: http://www.bluefountainmedia.com/

How do i download it or do wotever i have 2 do 2 use in on my pc???

Posted by: Mordren Everdark at April 27, 2007 10:20 AM
URL:

c'est genial ce petit programme

Posted by: adel at May 16, 2007 11:07 AM
URL: http://www.bigboss33.webobo.com

c cool sa

Posted by: maxe at May 17, 2007 04:49 AM
URL:

it doesnt work on the new imac & isight

Posted by: eric Lim at June 30, 2007 04:19 AM
URL: http://www.davismw.blogspot.com

WOW!! this is nothing short of amazing! is there any way i'd be able to view the source code? cos well...it's a awesome effect and i like it...and i'd love to know how this thing works...never seen this work before...well..i have, but not this well! it'd be cool if you could point me in the right direction so i could find the source.

thanx alot!

...thats so cool...wow...

Posted by: jacques at July 5, 2007 04:15 AM
URL:

Try this cool one! http://ugly.balooba.se
You'll ned a mac of course, but probably you've already got one.

Posted by: Peter at August 10, 2007 06:28 PM
URL: http://ugly.balooba.se/

cool need source please

Posted by: Ryanb58 at August 19, 2007 07:24 PM
URL: http://100wpd.com

jz vais la nere a moi

Posted by: zakaria at August 22, 2007 03:03 PM
URL: http://roch

SICK

Posted by: Ric* at August 29, 2007 11:35 PM
URL: http://www.myspace.com/rickstaronline

congratulations , u made a really amazing effect in this video many thnx and thnx at the people have written you , cuz i'm italian and i had a very interesting english lesson , thnk u !!!!

Posted by: Mig at September 13, 2007 12:47 PM
URL:

Max... Really a great work man..

Posted by: Jude Fernando at September 25, 2007 08:57 PM
URL:

Hi,
super WoW!!!! is the source code available for commercial purposes? Can you develop other effects like Coke-Bubble, Cigarrette, Do-Re-Mi etc. We are very interested in such kind of effect

Posted by: Indo Ed at October 13, 2007 12:16 AM
URL:

Nice work! there's any chance to download or recive the code? Thanks from your brazilian friends!

Posted by: Paulo at October 23, 2007 06:43 PM
URL:

how can i download it for msn?

Posted by: fartface at November 8, 2007 11:26 AM
URL:

how can I get the source????

Posted by: roadking5 at November 13, 2007 12:38 PM
URL:

on prendre des photo avec ce truc

Posted by: dias at February 2, 2008 11:38 AM
URL:

Is there anyway I can use this with MSN?

Posted by: Joey at February 27, 2008 01:19 PM
URL:

j'adore c'est trop bien
PS :faite bouger les choses otour de vous elle prencron feu !!!!!!!!!!!

Posted by: truc much at March 18, 2008 12:03 PM
URL: http://123456789

sa péte moi je fat de la tectonique devant et je l'envoi a plain de gens et méme dans mon pays natal

Posted by: mattéo at March 21, 2008 10:30 AM
URL:

kes ki dise ??? lol

Posted by: g at March 29, 2008 12:33 PM
URL: http://la-masse

je comprend pas langlais je sui francaises

Posted by: laura at June 2, 2008 05:23 AM
URL:

where can i get the source code???

Posted by: David at June 25, 2008 09:29 AM
URL:

Hello I'm chilean.
I could not find the source file ?

Posted by: Claudio at August 2, 2008 12:02 PM
URL: http://www.w3.cl

wheres the source file or how can i get it?

Posted by: brett McCarron at August 8, 2008 01:38 AM
URL: http://www.x-clusivesounds.com

Amazing effect, wondering if I can get the source, am actually trying to right applications to detect colour and movement to detect animals moving around farms etc.

Posted by: Matt at August 29, 2008 12:41 AM
URL: http://www.robotcity.com.au

There is one kind question.

Will see the flash CS3 technical document and will be able to establish only the webcam in one. In same type establishes the webcam in 2 and the screen where the respectively camera is different receives and is the stereo webcam production impossible?

Uses the flash and tries to produce the holography which is simple wants.

Posted by: chris at October 15, 2008 10:51 PM
URL:

is there a way i can download this but make it my default filter so when i do video chats on AIM messenger that my image will look like this? thnx :0 cool btw

Posted by: Dspagnu366 at December 1, 2008 08:45 PM
URL:

:))please send me source code: miczel11@gmail.com

Posted by: Rayan at December 21, 2008 04:42 PM
URL:

Rayan, you such an idiot

Posted by: G at February 20, 2009 12:09 PM
URL: http://qwwq

can u plez send me the source link my email is bert111591@yahoo.com

Posted by: robert at March 28, 2009 06:48 PM
URL:

can u plez send me the source.
my email is iamblakee@sina.com

Posted by: blakee at April 18, 2009 09:29 PM
URL: http://aasdkj

Hey! I now your not going to send us the code that easy, and I don't now if there is someone in the Earth who thinks that, but thats not me. What can I do to get that damn source code?

Posted by: G_2 at June 10, 2009 11:08 AM
URL:

how can i download it for msn?send for my email: carloswieser@hotmail.com

Posted by: carlos at June 11, 2009 07:21 PM
URL:

RONALDO!

Posted by: Fernando at June 15, 2009 07:02 PM
URL: http://antonio

idiot!!! doom!

Posted by: xzcvsv at June 21, 2009 06:31 AM
URL:

perfect! incredible!

Posted by: wwefan at June 25, 2009 03:19 PM
URL:

Hole Shit! I am two hours in front of the PC see myself burning.

Say Hello to Brazil!

Posted by: Felipe Sylar at June 29, 2009 04:30 PM
URL: http://felipesylar.blogspot.com

Otimoooo !!!! very good!!!!!!!!!!!!!!!!!!!!!!!

Posted by: eric moreira at July 1, 2009 04:06 PM
URL:

How can I download that?

Posted by: chris at July 11, 2009 08:56 PM
URL:

I love you technologie

Posted by: samuel at September 4, 2009 03:13 PM
URL:

O programa é muito bom eu particularmente gostei muito, as chamas, as labaredas, show de bola

Posted by: Killua Zoaldick at September 5, 2009 07:11 PM
URL: http://www.gskinner.com/blog/archives/2005/11/flash_8_webcam_1.html

trop cool

Posted by: yanis at September 12, 2009 10:14 AM
URL: http://cid-ee7e28efed9ea778.profile.live.com/?sa=759415048

Hi, it's really love it...
bro when i am trying to make the preview or the screen size bigger 600 x 800 pix it is pixelating, how do we change the size so that we can view on full screen.

Posted by: Niraj at October 2, 2009 03:29 AM
URL:

trop demant le jeu

Posted by: salim at December 2, 2009 08:02 AM
URL:

foda

Posted by: tia at December 11, 2009 01:16 PM
URL:

ptin trop frai ce jeu

Posted by: ado at December 16, 2009 10:13 AM
URL:

C trp cool !!!!!!! vou devrez y jouer

Posted by: milly at January 23, 2010 03:12 PM
URL:

sibrah le boss de kalliste

Posted by: sibrah at January 28, 2010 05:17 AM
URL:

Comments (96)

Post a comment