The Bitten Bit Piergiorgio Niero

11
The Bitten Bit new BitmapData() as Pigiuz Piergiorgio Niero Flash platform developer specialized in games and visualization development mail: info@flashfuck.it blog: www.flashfuck.it 1 giovedì 11 dicembre 2008

description

My presentation at FlexCamp Italy 2008 at Adobe Max Europe in Milan. You can find examples and code at www.flashfuck.it

Transcript of The Bitten Bit Piergiorgio Niero

Page 1: The Bitten Bit   Piergiorgio Niero

The Bitten Bitnew BitmapData() as Pigiuz

Piergiorgio NieroFlash platform developer

specialized in games and visualization development

mail:[email protected]

blog:www.flashfuck.it

1giovedì 11 dicembre 2008

Page 2: The Bitten Bit   Piergiorgio Niero

What is an image?

A bunch of Pixels!2giovedì 11 dicembre 2008

Page 3: The Bitten Bit   Piergiorgio Niero

What is a Pixel!?

x:61, y:54red: 0green: 200blue: 15

it’s a color at a certain position3giovedì 11 dicembre 2008

Page 4: The Bitten Bit   Piergiorgio Niero

Defining Colors

• A color is stored as an unsigned integer

• A color is composed by 24 OR 32 bits (8 bit a channel)

• A color is computed as a HEX

color hex demochannel separation demo

histogram demo

4giovedì 11 dicembre 2008

Page 5: The Bitten Bit   Piergiorgio Niero

Generating Bitmaps

• BitmapData.draw(someIDrawableInstance)

• Perlin Noise magic

cloud generator demo

5giovedì 11 dicembre 2008

Page 6: The Bitten Bit   Piergiorgio Niero

Applying Filters

• Filters applied to BitmapData are more performing but DESTRUCTIVE

• You can apply only BitmapFilters (BevelFilter, BlurFilter, ColorMatrixFilter, ConvolutionFilter, DisplacementMapFilter, DropShadowFilter, GlowFilter, GradientBevelFilter, GradientGlowFilter, ShaderFilter*)

• (take a look at Image Processing library by Joa Ebert) http://blog.joa-ebert.com/imageprocessing-library/

convolution demodisplacement demo

6giovedì 11 dicembre 2008

Page 7: The Bitten Bit   Piergiorgio Niero

Masking, Detecting Interacting

• Use BitmapData.threshold() to mask a color within a bitmapData

• Use BitmapData.getColorBoundsRect() to locate it

• THEN INTERACT! :D

threshold demomotion demo

7giovedì 11 dicembre 2008

Page 8: The Bitten Bit   Piergiorgio Niero

Play Time

rippler demo

8giovedì 11 dicembre 2008

Page 9: The Bitten Bit   Piergiorgio Niero

Data Provider

25lines demoPV3D demo

9giovedì 11 dicembre 2008

Page 10: The Bitten Bit   Piergiorgio Niero

The bit has been bitten

10giovedì 11 dicembre 2008

Page 11: The Bitten Bit   Piergiorgio Niero

Thank You!new BitmapData() as Pigiuz

Piergiorgio NieroFlash platform developer

specialized in games and visualization development

mail:[email protected]

blog:www.flashfuck.it

11giovedì 11 dicembre 2008