SlideShare ist ein Scribd-Unternehmen logo
1 von 14
Adobe Flash
Past, Present and Future
Adobe Flash - Past
• Flash started out as a tool for creating vector
  animations that you could show on the web
  via the Flash plug-in.
• At the time, there was no way to create
  decent layouts on the web, use special
  fonts, play audio or show animation or add
  interactivity.
• Flash was used to fill these gaps and make
  the web a much more interesting place.
Adobe Flash - Past
• To show video you needed to use truly
  horrible plug-ins like Real Player that most
  users didn’t have installed.
• In Flash version 7, developer Macromedia
  added video playback, making web video
  ubiquitous and making YouTube possible.
• Flash also included webcam support, making
  Chat Roulette possible!
Adobe Flash - Past
• Advertising agencies and networks used Flash
  to make web advertising more “engaging” with
  animation, interactivity and video. See
  TheFWA.com for examples.
• Independent “bedroom coders” and animators
  used Flash to create cartoons and games and
  uploaded them to sites like NewGrounds.com.
• The massive audience of Facebook allowed
  companies like Zynga to turn Flash games into
  big business.
Adobe Flash - Past
• Adobe added the fully object-oriented
  ActionScript 3.0 programming language to
  Flash making more complex projects
  possible.
• Corporations used the “Flex” framework to
  create business applications.
• Adobe AIR allows these applications to be
  turned into installable desktop software, like
  BBC iPlayer.
Adobe Flash - Present
• A few years ago, “smart phones” and tablet
  computers became available. Unlike desktop
  operating systems where users could install
  any software they wanted, here the
  manufacturers controlled what you could
  install.
• Apple chose not to allow the Flash plug-in
  within their mobile Safari browser, spelling
  the beginning of the end for Flash as a web
  technology.
Adobe Flash - Present
• At the same time the HTML5 and CSS3
  standards began being adopted, bringing
  most of Flash’s advantages to the web
  without plug-ins.
• “Web standards” technologies now allow
  special fonts, animation and games via the
  Canvas tag, video and audio, that (mostly)
  work cross-platform across all devices.
• The Flash industry is now tiny compared to
  the status it once held.
Adobe Flash - Future
• Flash continues to be widely used to make
  online games and kids “virtual world” sites.
• Flash is still widely used for video as it allows
  for DRM.
• Adobe are trying to reposition Flash as a
  gaming technology. You can now publish
  Flash games into the iOS and Android
  appstores.
• Flash professional remains a widely known
  and used tool for 2D animators.
Adobe Flash
• Flash designs, layouts and animations are created
  with Adobe Flash Professional (sometimes called the
  Flash IDE, even though it isn’t an IDE).
• Flash professional files use the .fla file extension.
  Once you publish/compile the file it becomes a .swf
  file.
• Flash games and applications (often called Flash
  “movies”) are coded using ActionScript. ActionScript
  is based on JavaScript, so it should look quite
  familiar, but it adds lovely things like data types for
  variables, and classes.
ActionScript
• You can write ActionScript code on the
  timeline in Flash Professional, or in
  external class files with a .as file
  extension.
• You can compile Flash projects from
  Flash Professional, or from an external
  code editor like FlashBuilder, Eclipse FDT
  or FlashDevelop (which I use).
Assignment!
• Create a real-time game or simulation.
• Real-time means it’s constantly running a
  “game loop” and responding to user
  input.
• You can use Flash or Canvas via
  CreateJS, I’ll be covering both.
Marking Criteria
•   Is it fun or engaging?
•   Is it doing something clever technically?
•   Does it look good?
•   Does it animate well?
•   Does it work properly?
•   Is it free of bugs?
Due for presentation and
hand-in on the last lesson
    of this semester.
    (exact date to be
       confirmed)
Try to get it finished a few
weeks before the deadline
so I can help you improve
        your grade.

Weitere ähnliche Inhalte

Was ist angesagt?

Introduction To Flash
Introduction To FlashIntroduction To Flash
Introduction To FlashNisarg Raval
 
Macromedia flash presentation2
Macromedia flash presentation2Macromedia flash presentation2
Macromedia flash presentation2Zeeshan Ahmed
 
Group 2 macromedia flash
Group 2   macromedia flashGroup 2   macromedia flash
Group 2 macromedia flashMark Eneria
 
Adobe Animate CC: Tool for the Changing Tech Landscape
 Adobe Animate CC: Tool for the Changing Tech Landscape Adobe Animate CC: Tool for the Changing Tech Landscape
Adobe Animate CC: Tool for the Changing Tech LandscapeJoseph Labrecque
 
Getting Familiar with Animate CC
Getting Familiar with Animate CCGetting Familiar with Animate CC
Getting Familiar with Animate CCJoseph Labrecque
 
Intro to Flash 8 welcome & course outline (2008)
Intro to Flash 8 welcome & course outline (2008)Intro to Flash 8 welcome & course outline (2008)
Intro to Flash 8 welcome & course outline (2008)Matteo Wyllyamz
 
Adobe Flex: Creating Widgets for the Desktop and Web
Adobe Flex: Creating Widgets for the Desktop and WebAdobe Flex: Creating Widgets for the Desktop and Web
Adobe Flex: Creating Widgets for the Desktop and WebColin Loretz
 
Designing Special Feature Pages
Designing Special Feature PagesDesigning Special Feature Pages
Designing Special Feature PagesJackie Hai
 
Publshing to amazon kindle and apple i bookstore
Publshing to amazon kindle and apple i bookstorePublshing to amazon kindle and apple i bookstore
Publshing to amazon kindle and apple i bookstoreMatt Sullivan
 
Lava con 2011 amazon and apple publishing workshop2
Lava con 2011 amazon and apple publishing workshop2Lava con 2011 amazon and apple publishing workshop2
Lava con 2011 amazon and apple publishing workshop2Matt Sullivan
 
Class 1 lecture slides flash cs4
Class 1 lecture slides flash cs4Class 1 lecture slides flash cs4
Class 1 lecture slides flash cs4Fred Carbine
 
Adobe flex an overview
Adobe flex  an overviewAdobe flex  an overview
Adobe flex an overviewSubin Sugunan
 
What Developers Need Designers to Know about WordPress
What Developers Need Designers to Know about WordPressWhat Developers Need Designers to Know about WordPress
What Developers Need Designers to Know about WordPressEast Bay WordPress Meetup
 
Debugging Web Apps on Real Mobile Devices
Debugging Web Apps on Real Mobile DevicesDebugging Web Apps on Real Mobile Devices
Debugging Web Apps on Real Mobile DevicesDale Lane
 
Word press guide_-_makeuseof.com
Word press guide_-_makeuseof.comWord press guide_-_makeuseof.com
Word press guide_-_makeuseof.comTan Pham
 

Was ist angesagt? (20)

Introduction To Flash
Introduction To FlashIntroduction To Flash
Introduction To Flash
 
Macromedia flash presentation2
Macromedia flash presentation2Macromedia flash presentation2
Macromedia flash presentation2
 
Simple flash animation
Simple flash animationSimple flash animation
Simple flash animation
 
Group 2 macromedia flash
Group 2   macromedia flashGroup 2   macromedia flash
Group 2 macromedia flash
 
Adobe Animate CC: Tool for the Changing Tech Landscape
 Adobe Animate CC: Tool for the Changing Tech Landscape Adobe Animate CC: Tool for the Changing Tech Landscape
Adobe Animate CC: Tool for the Changing Tech Landscape
 
Getting Familiar with Animate CC
Getting Familiar with Animate CCGetting Familiar with Animate CC
Getting Familiar with Animate CC
 
Flash is your Friend
Flash is your FriendFlash is your Friend
Flash is your Friend
 
Intro to Flash 8 welcome & course outline (2008)
Intro to Flash 8 welcome & course outline (2008)Intro to Flash 8 welcome & course outline (2008)
Intro to Flash 8 welcome & course outline (2008)
 
Bootstrap Fundamentals
Bootstrap FundamentalsBootstrap Fundamentals
Bootstrap Fundamentals
 
Adobe Flex: Creating Widgets for the Desktop and Web
Adobe Flex: Creating Widgets for the Desktop and WebAdobe Flex: Creating Widgets for the Desktop and Web
Adobe Flex: Creating Widgets for the Desktop and Web
 
Dreamweaver & Me PPT
Dreamweaver & Me PPTDreamweaver & Me PPT
Dreamweaver & Me PPT
 
Designing Special Feature Pages
Designing Special Feature PagesDesigning Special Feature Pages
Designing Special Feature Pages
 
Publshing to amazon kindle and apple i bookstore
Publshing to amazon kindle and apple i bookstorePublshing to amazon kindle and apple i bookstore
Publshing to amazon kindle and apple i bookstore
 
Lava con 2011 amazon and apple publishing workshop2
Lava con 2011 amazon and apple publishing workshop2Lava con 2011 amazon and apple publishing workshop2
Lava con 2011 amazon and apple publishing workshop2
 
Class 1 lecture slides flash cs4
Class 1 lecture slides flash cs4Class 1 lecture slides flash cs4
Class 1 lecture slides flash cs4
 
Adobe flex an overview
Adobe flex  an overviewAdobe flex  an overview
Adobe flex an overview
 
What Developers Need Designers to Know about WordPress
What Developers Need Designers to Know about WordPressWhat Developers Need Designers to Know about WordPress
What Developers Need Designers to Know about WordPress
 
Debugging Web Apps on Real Mobile Devices
Debugging Web Apps on Real Mobile DevicesDebugging Web Apps on Real Mobile Devices
Debugging Web Apps on Real Mobile Devices
 
Innovative internet marketing content syndication
Innovative internet marketing content syndicationInnovative internet marketing content syndication
Innovative internet marketing content syndication
 
Word press guide_-_makeuseof.com
Word press guide_-_makeuseof.comWord press guide_-_makeuseof.com
Word press guide_-_makeuseof.com
 

Andere mochten auch

Andere mochten auch (6)

Animation and Video
Animation and VideoAnimation and Video
Animation and Video
 
Animação (2)
Animação (2)Animação (2)
Animação (2)
 
Animação na web
Animação na webAnimação na web
Animação na web
 
Flash Animations
Flash  AnimationsFlash  Animations
Flash Animations
 
Adobe flash cs3
Adobe flash cs3Adobe flash cs3
Adobe flash cs3
 
Animation
AnimationAnimation
Animation
 

Ähnlich wie Adobe Flash - Past, Present and Future

2 d animation application software
2 d animation application software2 d animation application software
2 d animation application softwareKulu Studio
 
FLASH AND AIR IN EDUCATION
FLASH AND AIR IN EDUCATIONFLASH AND AIR IN EDUCATION
FLASH AND AIR IN EDUCATIONJoseph Labrecque
 
Adobe and the Flash Gaming Landscape
Adobe and the Flash Gaming LandscapeAdobe and the Flash Gaming Landscape
Adobe and the Flash Gaming LandscapeJoseph Labrecque
 
AN INTRODUCTION TO APACHE FLEX
AN INTRODUCTION TO APACHE FLEXAN INTRODUCTION TO APACHE FLEX
AN INTRODUCTION TO APACHE FLEXJoseph Labrecque
 
Getting Familiar with Adobe Edge Tools and Services
Getting Familiar with Adobe Edge Tools and ServicesGetting Familiar with Adobe Edge Tools and Services
Getting Familiar with Adobe Edge Tools and ServicesJoseph Labrecque
 
Adobe Max 2009 - Learnings
Adobe Max 2009 -  LearningsAdobe Max 2009 -  Learnings
Adobe Max 2009 - Learningsziblu
 
What’s Going On with the Adobe® Flash® Platform and why it is still Relevant ...
What’s Going On with the Adobe® Flash® Platform and why it is still Relevant ...What’s Going On with the Adobe® Flash® Platform and why it is still Relevant ...
What’s Going On with the Adobe® Flash® Platform and why it is still Relevant ...Joseph Labrecque
 
Screw HTML5, make cool shit with AIR
Screw HTML5, make cool shit with AIRScrew HTML5, make cool shit with AIR
Screw HTML5, make cool shit with AIREric Fickes
 
Flash Catalyst at Flex Camp Orange County
Flash Catalyst at Flex Camp Orange CountyFlash Catalyst at Flex Camp Orange County
Flash Catalyst at Flex Camp Orange CountyJuan Sanchez
 
Flash-based audio and video communication
Flash-based audio and video communicationFlash-based audio and video communication
Flash-based audio and video communicationKundan Singh
 
Using Adobe Gaming Tools for Education
Using Adobe Gaming Tools for EducationUsing Adobe Gaming Tools for Education
Using Adobe Gaming Tools for EducationJoseph Labrecque
 
Flash/ActionScript
Flash/ActionScriptFlash/ActionScript
Flash/ActionScriptguestc0b52c5
 
Impact of Adobe Edge Tools and Services in Higher Education
Impact of Adobe Edge Tools and Services in Higher EducationImpact of Adobe Edge Tools and Services in Higher Education
Impact of Adobe Edge Tools and Services in Higher EducationJoseph Labrecque
 
Adobe MAX 2015 - Giving Flash Professional Another Look
Adobe MAX 2015 - Giving Flash Professional Another LookAdobe MAX 2015 - Giving Flash Professional Another Look
Adobe MAX 2015 - Giving Flash Professional Another LookJoseph Labrecque
 
Chapter i(flash basic)
Chapter i(flash basic)Chapter i(flash basic)
Chapter i(flash basic)Chhom Karath
 
Distributing Information Online
Distributing Information OnlineDistributing Information Online
Distributing Information OnlineLethbridge College
 
The Evolution of the Flash Platform
The Evolution of the Flash PlatformThe Evolution of the Flash Platform
The Evolution of the Flash PlatformPeter Elst
 

Ähnlich wie Adobe Flash - Past, Present and Future (20)

2 d animation application software
2 d animation application software2 d animation application software
2 d animation application software
 
FLASH AND AIR IN EDUCATION
FLASH AND AIR IN EDUCATIONFLASH AND AIR IN EDUCATION
FLASH AND AIR IN EDUCATION
 
Adobe and the Flash Gaming Landscape
Adobe and the Flash Gaming LandscapeAdobe and the Flash Gaming Landscape
Adobe and the Flash Gaming Landscape
 
AN INTRODUCTION TO APACHE FLEX
AN INTRODUCTION TO APACHE FLEXAN INTRODUCTION TO APACHE FLEX
AN INTRODUCTION TO APACHE FLEX
 
Getting Familiar with Adobe Edge Tools and Services
Getting Familiar with Adobe Edge Tools and ServicesGetting Familiar with Adobe Edge Tools and Services
Getting Familiar with Adobe Edge Tools and Services
 
Adobe Max 2009 - Learnings
Adobe Max 2009 -  LearningsAdobe Max 2009 -  Learnings
Adobe Max 2009 - Learnings
 
What’s Going On with the Adobe® Flash® Platform and why it is still Relevant ...
What’s Going On with the Adobe® Flash® Platform and why it is still Relevant ...What’s Going On with the Adobe® Flash® Platform and why it is still Relevant ...
What’s Going On with the Adobe® Flash® Platform and why it is still Relevant ...
 
Screw HTML5, make cool shit with AIR
Screw HTML5, make cool shit with AIRScrew HTML5, make cool shit with AIR
Screw HTML5, make cool shit with AIR
 
Flash Catalyst at Flex Camp Orange County
Flash Catalyst at Flex Camp Orange CountyFlash Catalyst at Flex Camp Orange County
Flash Catalyst at Flex Camp Orange County
 
Flash-based audio and video communication
Flash-based audio and video communicationFlash-based audio and video communication
Flash-based audio and video communication
 
Using Adobe Gaming Tools for Education
Using Adobe Gaming Tools for EducationUsing Adobe Gaming Tools for Education
Using Adobe Gaming Tools for Education
 
Flash/ActionScript
Flash/ActionScriptFlash/ActionScript
Flash/ActionScript
 
inset presentation tle.pptx
inset presentation tle.pptxinset presentation tle.pptx
inset presentation tle.pptx
 
Impact of Adobe Edge Tools and Services in Higher Education
Impact of Adobe Edge Tools and Services in Higher EducationImpact of Adobe Edge Tools and Services in Higher Education
Impact of Adobe Edge Tools and Services in Higher Education
 
Ffd 05 2012
Ffd 05 2012Ffd 05 2012
Ffd 05 2012
 
Adobe MAX 2015 - Giving Flash Professional Another Look
Adobe MAX 2015 - Giving Flash Professional Another LookAdobe MAX 2015 - Giving Flash Professional Another Look
Adobe MAX 2015 - Giving Flash Professional Another Look
 
Chapter i(flash basic)
Chapter i(flash basic)Chapter i(flash basic)
Chapter i(flash basic)
 
Distributing Information Online
Distributing Information OnlineDistributing Information Online
Distributing Information Online
 
The Evolution of the Flash Platform
The Evolution of the Flash PlatformThe Evolution of the Flash Platform
The Evolution of the Flash Platform
 
RMAUG miniMAX: Adobe Edge
RMAUG miniMAX: Adobe EdgeRMAUG miniMAX: Adobe Edge
RMAUG miniMAX: Adobe Edge
 

Adobe Flash - Past, Present and Future

  • 2. Adobe Flash - Past • Flash started out as a tool for creating vector animations that you could show on the web via the Flash plug-in. • At the time, there was no way to create decent layouts on the web, use special fonts, play audio or show animation or add interactivity. • Flash was used to fill these gaps and make the web a much more interesting place.
  • 3. Adobe Flash - Past • To show video you needed to use truly horrible plug-ins like Real Player that most users didn’t have installed. • In Flash version 7, developer Macromedia added video playback, making web video ubiquitous and making YouTube possible. • Flash also included webcam support, making Chat Roulette possible!
  • 4. Adobe Flash - Past • Advertising agencies and networks used Flash to make web advertising more “engaging” with animation, interactivity and video. See TheFWA.com for examples. • Independent “bedroom coders” and animators used Flash to create cartoons and games and uploaded them to sites like NewGrounds.com. • The massive audience of Facebook allowed companies like Zynga to turn Flash games into big business.
  • 5. Adobe Flash - Past • Adobe added the fully object-oriented ActionScript 3.0 programming language to Flash making more complex projects possible. • Corporations used the “Flex” framework to create business applications. • Adobe AIR allows these applications to be turned into installable desktop software, like BBC iPlayer.
  • 6. Adobe Flash - Present • A few years ago, “smart phones” and tablet computers became available. Unlike desktop operating systems where users could install any software they wanted, here the manufacturers controlled what you could install. • Apple chose not to allow the Flash plug-in within their mobile Safari browser, spelling the beginning of the end for Flash as a web technology.
  • 7. Adobe Flash - Present • At the same time the HTML5 and CSS3 standards began being adopted, bringing most of Flash’s advantages to the web without plug-ins. • “Web standards” technologies now allow special fonts, animation and games via the Canvas tag, video and audio, that (mostly) work cross-platform across all devices. • The Flash industry is now tiny compared to the status it once held.
  • 8. Adobe Flash - Future • Flash continues to be widely used to make online games and kids “virtual world” sites. • Flash is still widely used for video as it allows for DRM. • Adobe are trying to reposition Flash as a gaming technology. You can now publish Flash games into the iOS and Android appstores. • Flash professional remains a widely known and used tool for 2D animators.
  • 9. Adobe Flash • Flash designs, layouts and animations are created with Adobe Flash Professional (sometimes called the Flash IDE, even though it isn’t an IDE). • Flash professional files use the .fla file extension. Once you publish/compile the file it becomes a .swf file. • Flash games and applications (often called Flash “movies”) are coded using ActionScript. ActionScript is based on JavaScript, so it should look quite familiar, but it adds lovely things like data types for variables, and classes.
  • 10. ActionScript • You can write ActionScript code on the timeline in Flash Professional, or in external class files with a .as file extension. • You can compile Flash projects from Flash Professional, or from an external code editor like FlashBuilder, Eclipse FDT or FlashDevelop (which I use).
  • 11. Assignment! • Create a real-time game or simulation. • Real-time means it’s constantly running a “game loop” and responding to user input. • You can use Flash or Canvas via CreateJS, I’ll be covering both.
  • 12. Marking Criteria • Is it fun or engaging? • Is it doing something clever technically? • Does it look good? • Does it animate well? • Does it work properly? • Is it free of bugs?
  • 13. Due for presentation and hand-in on the last lesson of this semester. (exact date to be confirmed)
  • 14. Try to get it finished a few weeks before the deadline so I can help you improve your grade.