gSkinner - Home

Flash 8: Webcam Fire

Posted on November 4, 2005 by Grant Skinner

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 interactive media.
110 Comments

grant, this is totally awesome.

great job-

Posted by: jg on Nov 4, 2005 10:09am URL: http://www.mechanical-bull.com

Wonderfull Grant!

Posted by: hal2k on Nov 4, 2005 11:09am

i like it !!!!

very good effect !

Posted by: jeanphilippe on Nov 4, 2005 12:07pm URL: http://jeanphiblog.media-box.net/

and thanks for source......

Posted by: jeanphilippe on Nov 4, 2005 12:09pm URL: http://jeanphiblog.media-box.net/

awesome effect!!!

thank you for sharing!

Posted by: GRID8400 on Nov 4, 2005 2:04pm URL: http://www.grid8400.nl

I could not find the source file ??

Posted by: Firdosh Tangri on Nov 4, 2005 2:23pm

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 on Nov 4, 2005 5:01pm

Asolutely amazing!

Posted by: Kirill on Nov 5, 2005 3:55am URL: http://www.crossmind.net

this is some awesome stuff man!

great!

Is the source open?? Is it shared ??

Posted by: GRID8400 on Nov 5, 2005 12:48pm 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 on Nov 6, 2005 12:21pm 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 on Nov 7, 2005 7:55am

Thank you to give us hope!

Terrific!

Posted by: anymarc on Nov 8, 2005 1:59am

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 on Nov 11, 2005 5:51am URL: http://jeanphiblog.media-box.net/

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

Posted by: manuel vidarte on Nov 12, 2005 5:15am URL: http://www.muchik.com

i borrowed a webcam just to see this cool effect!

Posted by: efishocean on Nov 14, 2005 6:48pm URL: http://zoyoso.com

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

Posted by: Justin on Nov 16, 2005 7:18pm

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 on Nov 25, 2005 11:21pm URL: http://www.jimmygordon.net/flaming_robot.avi

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

Posted by: kyle on Nov 27, 2005 8:05pm URL: http://www.geocities.com/free_me_by_ur_heart/…

Can I download this somewhere or something?

so i can use this online :P xD

Posted by: Oil4 on Dec 17, 2005 9:40am URL: http://-

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

Posted by: FlashyFrannie on Dec 21, 2005 1:37pm URL: http://www.thepariahpress.com

pas mal du tout!

Tres surprenant...merci de rentrer chez moi a l improviste!

Posted by: SugarGrafiks on Dec 26, 2005 3:47pm

Trop bien excellent !!!

=)

Posted by: Nicocolas on Jan 5, 2006 2:15am 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 on Jan 13, 2006 11:27am

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 on Jan 15, 2006 12:10pm

great!

Posted by: MC DoD on Jan 31, 2006 11:08pm 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 on Feb 17, 2006 2:03am

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

Posted by: seAn on Mar 1, 2006 9:38pm

great affect man

keep up the amazing work

Posted by: freddy on Mar 28, 2006 9:59am 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 on Apr 9, 2006 1:59am URL: http://www.macromedia.com/devnet/flash/articl…

Is there any source for this yet ?

Posted by: mike on Apr 28, 2006 8:03am 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 on Jun 7, 2006 8:01am

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 on Jun 20, 2006 3:09pm 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 on Jun 30, 2006 1:50am

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 on Jul 9, 2006 4:17am URL: http://discocontinental.com

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

Posted by: FGS on Jul 27, 2006 9:22am URL: http://www.flashgamescript.com

Where do you get the code!!!

Posted by: Wheres the code? on Sep 4, 2006 1:20pm

cool man , it this an open source!

Posted by: Alex bong on Oct 1, 2006 9:37am

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

But loving this :)

Posted by: Tom on Nov 1, 2006 2:06pm

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

Posted by: riki on Nov 20, 2006 4:31pm

Effect is amazing, keep it up!

Great work.

Posted by: Alex Milligan on Nov 23, 2006 3:14am

good

Posted by: replay527 on Dec 2, 2006 2:01pm

Hello I'm Italin.

I could not find the source file ?

You Are post me?

Thanks

Posted by: Sergio on Mar 7, 2007 2:45pm

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

Posted by: kash on Mar 10, 2007 2:49am

wow...it's COOL

Posted by: ANNA on Mar 20, 2007 7:32am 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 on Mar 20, 2007 10:05pm

i can't find the source...

can i get the source???

Posted by: ivaline on Mar 27, 2007 6:53am

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 on Mar 28, 2007 1:32pm 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 on Apr 20, 2007 11:57am 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 on Apr 27, 2007 10:20am

c'est genial ce petit programme

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

c cool sa

Posted by: maxe on May 17, 2007 4:49am

it doesnt work on the new imac & isight

Posted by: eric Lim on Jun 30, 2007 4:19am 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 on Jul 5, 2007 4:15am

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 on Aug 10, 2007 6:28pm URL: http://ugly.balooba.se/

cool need source please

Posted by: Ryanb58 on Aug 19, 2007 7:24pm URL: http://100wpd.com

jz vais la nere a moi

Posted by: zakaria on Aug 22, 2007 3:03pm URL: http://roch

SICK

Posted by: Ric* on Aug 29, 2007 11:35pm 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 on Sep 13, 2007 12:47pm

Max... Really a great work man..

Posted by: Jude Fernando on Sep 25, 2007 8:57pm

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 on Oct 13, 2007 12:16am

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

Posted by: Paulo on Oct 23, 2007 6:43pm

how can i download it for msn?

Posted by: fartface on Nov 8, 2007 11:26am

how can I get the source????

Posted by: roadking5 on Nov 13, 2007 12:38pm

on prendre des photo avec ce truc

Posted by: dias on Feb 2, 2008 11:38am

Is there anyway I can use this with MSN?

Posted by: Joey on Feb 27, 2008 1:19pm

j'adore c'est trop bien

PS :faite bouger les choses otour de vous elle prencron feu !!!!!!!!!!!

Posted by: truc much on Mar 18, 2008 12:03pm 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 on Mar 21, 2008 10:30am

kes ki dise ??? lol

Posted by: g on Mar 29, 2008 12:33pm URL: http://la-masse

je comprend pas langlais je sui francaises

Posted by: laura on Jun 2, 2008 5:23am

where can i get the source code???

Posted by: David on Jun 25, 2008 9:29am

Hello I'm chilean.

I could not find the source file ?

Posted by: Claudio on Aug 2, 2008 12:02pm URL: http://www.w3.cl

wheres the source file or how can i get it?

Posted by: brett McCarron on Aug 8, 2008 1:38am 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 on Aug 29, 2008 12:41am 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 on Oct 15, 2008 10:51pm

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 on Dec 1, 2008 8:45pm

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

Posted by: Rayan on Dec 21, 2008 4:42pm

Rayan, you such an idiot

Posted by: G on Feb 20, 2009 12:09pm URL: http://qwwq

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

Posted by: robert on Mar 28, 2009 6:48pm

can u plez send me the source.

my email is iamblakee@sina.com

Posted by: blakee on Apr 18, 2009 9:29pm 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 on Jun 10, 2009 11:08am

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

Posted by: carlos on Jun 11, 2009 7:21pm

RONALDO!

Posted by: Fernando on Jun 15, 2009 7:02pm URL: http://antonio

idiot!!! doom!

Posted by: xzcvsv on Jun 21, 2009 6:31am

perfect! incredible!

Posted by: wwefan on Jun 25, 2009 3:19pm

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

Say Hello to Brazil!

Posted by: Felipe Sylar on Jun 29, 2009 4:30pm URL: http://felipesylar.blogspot.com

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

Posted by: eric moreira on Jul 1, 2009 4:06pm

How can I download that?

Posted by: chris on Jul 11, 2009 8:56pm

I love you technologie

Posted by: samuel on Sep 4, 2009 3:13pm

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

Posted by: Killua Zoaldick on Sep 5, 2009 7:11pm URL: http://www.gskinner.com/blog/archives/2005/11…

trop cool

Posted by: yanis on Sep 12, 2009 10:14am URL: http://cid-ee7e28efed9ea778.profile.live.com/…

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 on Oct 2, 2009 3:29am

trop demant le jeu

Posted by: salim on Dec 2, 2009 8:02am

foda

Posted by: tia on Dec 11, 2009 1:16pm

ptin trop frai ce jeu

Posted by: ado on Dec 16, 2009 10:13am

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

Posted by: milly on Jan 23, 2010 3:12pm

sibrah le boss de kalliste

Posted by: sibrah on Jan 28, 2010 5:17am

I don't find where the link how to download it. Someone help :S?

Posted by: Lizardthe on Apr 1, 2010 3:01am URL: http://www.UltraShock.com

Try screaming this at your webcam: FLAME ON!

Posted by: Niels Beekes (Aniforce.nl… on May 5, 2010 10:47am URL: http://www.twitter.com/aniforce

Sauce?

Absolutely excellent work. Love it.

Posted by: Chris on Sep 9, 2010 12:13am

j'adore sa parait vrai(I like this like reals!)

Posted by: alex on Jan 12, 2011 2:52pm

i am happy

Posted by: nicolas on Mar 4, 2011 10:45am URL: http://mamanpapa

ses génial(it is genial !!)

Posted by: Jessica on Mar 21, 2011 6:06pm

good yes !

Posted by: éva on Apr 19, 2011 2:10am URL: http://gskinner

ses trop trop genial mais putin de merde

Posted by: badis on Apr 23, 2011 2:37am URL: http://cool

je suis un homme j 'ai un fire

Posted by: corneil on Jun 13, 2011 2:56am

Can you please send me the program to use this in msn/skype?

Posted by: Marlon on Jun 19, 2011 12:55pm

Awesome stuff Grant! Please send me the source!

Posted by: Taylor on Jun 21, 2011 10:55pm

there are more cool effect in faceto8.blogspot.com
there is also fire effect batter than this

Posted by: musawar on Jul 16, 2011 5:51am URL: http://faceto8.blogspot.com

c trop cool mais comment on fait pour enregister la video?????

Posted by: taarek on Aug 9, 2011 7:08am

cooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooll!!!!

Posted by: lucie et logan on Jan 21, 2012 3:08am URL: http://gskinner.com

Leave a Reply

Your email is never published nor shared.




You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">