HTM

L5vFLASH

HTML5 and FlashUnderstanding the Technology

Joe Pietruchjcpigm@rit.edu

HTM

L5vFLASHMy Background

• BFA New Media Design, RIT• MS Game Design & Development, RIT• Lecturer, School of Interactive Games &

Media

• ActionScript for 7+ years (saturated)• HTML for 13+ years (intermittent)

HTM

L5vFLASHWhy Flash Won Me

• HTML Browser Compatibility (IE6)• Flash Ran the Same Everywhere

(I’m a lazy perfectionist. The lazy usually wins.)

• Flash makes Interactive, Fun Experiences

HTM

L5vFLASHWhat’s Changed Since?

Today and into the future:• Standards-Compliant(-ish) Browsers• Flash Doesn’t run Everywhere (thanks, Steve)

• I still make Interactive, Fun Experiences– Now I have more choices.

HTM

L5vFLASHFlash is Dying?

• Apple Declares War on Flash– iOS will not run Flash content– Flash Player for Mac was historically terrible

• Google Maps Flash API deprecated• Adobe ceases development for FP Mobile

• Ubiquitous Mobile Internet is the Future!

HTM

L5vFLASHFlash is Adapting:

• StageVideo / Stage3D / Molehill API– Hardware-accelerated video / 3D graphics

• Adobe Integrated Runtime (AIR)– write in ActionScript 3– deploy to Mac / Linux / PC / iOS / Android / TVs

HTM

L5vFLASHWhat is Flash’s Place?

• Ask Google!• Google still uses Flash for:– GMail Attachment Uploader– Sound for its Doodles (PacMan, Les Paul)

• Casual Games (fb, Kongregate, Newgrounds)• Rich Media Players (YouTube)• Rich Animations

HTM

L5vFLASHA Brief History of Flash Dev.

‘00 - AS 1.0 … mainly animation control‘03 - AS 2.0 … games and apps (mild OOP)’06 - AS 3.0 / Flex / AIR … solid OOP framework‘?? - AS 4.0? … Threading? Generics? Overloading?

FlashLite … the forgotten one– embedded in devices (early mobile, cameras, Wii)– subset of AS / AS 2.0

HTM

L5vFLASHFlash HTML5/JS/CSS

Display Organization Display List DOM

DisplayManipulation

transform(x, y, scale, rotation)

Box Model(margin, padding)

Procedural Graphics

BitmapData,Graphics API

<canvas> Drawing,SVG

Client-sideScripting ActionScript 3.0 JavaScript

3D3D Transforms,

Stage3D/Molehill APIs,many other 3rd-party APIs

CSS Transforms,WebGL, O3D,

Unity Web Player

HTM

L5vFLASH[ insert stolen slides here ]

• slides.html5rocks.com• Marcin Wichary and the Google Chrome team• Thanks for doing a lot of work for me! :-)

HTM

L5vFLASH@fwa – Favourite Website Awards

I love it when someone right clicks on a site just to make sure it's Flash before hating it.

@zeh – Zeh Fernando (firstborn)

I right click before being impressed.It's slow and shitty, right click;flash? "This is slow and shitty".HTML? "Impressive."

HTM

L5vFLASHBig Spaceship:

“Our stance has always been one of technology agnosticism. We've always felt a bit pigeon holed into the whole notion that we're a Flash shop... we never were that at all. We love Flash, but we also love making things for mobile devices and huge screen devices and video game devices and any other device we can learn about and build for.”

HTM

L5vFLASH

@airdeck – Eric Decker (firstborn)

great video on the flash vs html5 debate http://digs.by/hLERNj (via @zeh)

HTM

L5vFLASH

“It's a practical, not ideological, decision to use Flash. HTML5 audio is weak in comparison to Flash's handling of audio and inconsistently supported across browsers (eg. Firefox doesn't play mp3s and never will). Standards are great but when they are so far below other existing, widely-supported technologies, what's the point?”

JimmyFlip:

HTM

L5vFLASH

http://dft.ba/-webtalkmaterials, links, readings

Joe Pietruchjcpigm@rit.edu