Upgrade to Pro — share decks privately, control downloads, hide ads and more …

GameIS - Developing Flash Games for The Wii

Almog Koren
November 09, 2010
69

GameIS - Developing Flash Games for The Wii

GameIS - Developing Flash Games for The Wii

Almog Koren

November 09, 2010
Tweet

Transcript

  1. I’m  an  interac,ve  developer  &  designer  specializing  in  Flash,  Flex,

     Adobe  Air,  3D   Experiences,  Interac,ve  games  and  Mobile  Devices.  Working  under  “Almog   Design”,  a  recently  established  design  studio  based  in  Tel  Aviv,  Israel.  I  provide   development,  design,  and  consultant  solu,ons  for  a  broad  range  of  reputable   clients  to  include  Nokia  Asia,  Fac,on  Media,  Intel  Israel  and  various  local  and   interna,onal  companies.     I’m  ac,vely  involved  in  the  community,  run  the  Adobe  user  group  “Flash  and  Flex   Israel”,  organizer    of  the  annual  conference  “Flash  Israel”  and  have  spoken  in  a   number  of  events  and  conferences.     I  contribute  to  Flash  and  Flex  magazine,  on  line  sites,  blogs  and  publish  my  own   blog  when  not  crea,ng  I  enjoy  scuba  diving  and  photography.    My  site  &  blog  -­‐  almogdesign.net     almogdesign  -­‐   Who Am I Almog Koren “Almog Design” - Interactive Developer & Designer
  2. Flash  and  Flex  Israel  is  the  official  Adobe  user  group

     in  Israel  (non-­‐profit).  Flash  and     Flex  Israel  consists  of  professionals  of  all  skill  levels  who  gather  monthly  to  share   informa,on  and  stay  on  top  of  what  is  new  in  our  ever-­‐  changing  industry,  as  well     as  experience  new  ideas  and  concepts.     All  About  ConnecBons  -­‐  11/25/10   Augmented  Reality  &  Gaming  -­‐  12/23/10   Flash  Israel  is  an  annual  tech  event  bring  together  great  speakers  from  aboard   covering  a  number  of  topics.       Flash and Flex Israel – Flash Israel 2011
  3. 1.  Introduc,on:  The  Wii   •  About  the  Wii  

    •  History,  Stats,  Demographics   •  The  Wii  browser •  Flash and the Wii •  What  can  be  done   •  Real  world  examples     2.  Wii  Flash  Development     •  What  you  need   •  GeXng  started  in  3  ease  steps     •  Tips  and  Tricks       •  Live  examples  lets  look  at  some  code!   Agenda Table of Contents
  4. 3.  Beyond  the  session!   •  Great  game  development  tools

     for  Flash   •  Game  development  ,ps  and  tricks   4.  Cool  examples   •  VR  Displays     •  Phidgets  ServoMotor       •  Self  Portrait  Generator   •  Umap   •  kurukuru Kart •  Whiteboard   Agenda Continued Table of Contents
  5. As  of  September  2010,  Nintendo  has  sold  nearly  80  million

     Wii  game  consoles.  This  makes  the   Wii  Remote  one  of  the  most  common  computer  input  devices  in  the  world  which  has  great   benefits.     The  Wii  remote  contains  a  1024x768  infrared  camera  with  built-­‐in  hardware  blob  tracking  of  up   to  4  points  at  100Hz.  It  also  contains  a  +/-­‐3g  8-­‐bit  3-­‐axis  accelerometer  also  operaBng  at  100Hz   and  an  expansion  port  for  even  more  capability.      A  disBnguishing  feature  of  the  console  is  its  wireless  controller,     the  Wii  Remote,  which  can  be  used  as  a  handheld  poinBng  device   and  detects  movement  in  three  dimensions.     About  the  Wii?     IntroducBon:  The  Wii  
  6. •   The  console  was  conceived  in  2001,  as  the  Nintendo

     GameCube  was  first  seeing  release.   •   Released  by  Nintendo  on  November  19,  2006.  As  a  seventh-­‐generaBon  console.   •   As  of  November  2010,  the  Wii  leads  the  generaBon  over  the  PlayStaBon  3  and  Xbox  360  in          worldwide  sales.   •   In  December  2009  broke  the  record  for  best-­‐selling  console  in  a  single  month  in  the  United              States.   •   Nintendo  first  spoke  of  the  console  at  the  2004  E3          press  conference  and  later  unveiled  the        system  at  the  2005  E3.   •   Nintendo  CEO  Satoru  Iwata  revealed  a  prototype  of        the  controller  at  the  September  2005  Tokyo  Game        Show,  at  E3  2006.   History,  Stats,  Demographics   IntroducBon:  The  Wii  History,  Stats,  Demographics  
  7. History,  Stats,  Demographics  ConBnued   IntroducBon:  The  Wii  History,  Stats,

     Demographics   •   First  Bme  a  Nintendo  console  had  led  its  generaBon  in  sales  since  the  Super  Nintendo            Entertainment  System.   •   On  September  23,  2009,    announced  its  first  price  drops  for  the  console,    sold  more  than                three  million  Wii  consoles  in  the  U.S.  in  December  2009.   •   "We're  not  thinking  about  fighBng  Sony,  but  about          how  many  people  we  can  get  to  play    games.”   •   Nintendo  first  spoke  of  the  console  at  the        2004  E3  unveiled  the  system  at  the  2005  E3      CEO  Satoru  Iwata  revealed  a  prototype  of  the      controller  at  the  September  2005  Tokyo  Game  Show  
  8. On  May  10,  2006,  the  Opera  Socware  company  announced  plans

     to  develop  a  web  browser  for   the  Wii.  The  full  version  of  the  Internet  Channel  was  released  in  April  2007.   The  Opera-­‐based  Wii  browser  allows  users  full  access  to  the  Web  and  supports  all  the  same   web  standards  that  are  included  in  the  desktop  versions  of  Opera,  including  CSS  and  JavaScript.   As  the  browser  supports  Flash,  users  have  the  ability  to  interact  with  Flash-­‐based  socware   using  the  Wii  Remote.     Adobe  Flash  Lite  3.1  which  corresponds  to  a  full  implementaBon  of  Adobe  Flash  version  8  with   certain  features  of  Flash  9  (updated)   The  Wii  browser   IntroducBon:  The  Wii  
  9. Flash  and  the  Wii   IntroducBon:  The  Wii   Johnny

     Chung  Lee  created  a  number  of  Wii  remote  projects  opening  up  the  Wii  remote  and   was  featured  at  TED  and  numerous,  acerwards  was  hired  by  Microsoc  to  work  on  project   NATAL      -­‐  hip://johnnylee.net/projects/wii/         WiiFlash  -­‐  A  sever  based  applicaBon  that  lets  you  communicate  between  the  Wiimote  and   Flash,  it  consists  of  two  main  parts  WiiFlash  Server  and  WiiFlash  AcBonScript  API  developed  by   Joa  Ebert  and  Thibault  Imbert.  -­‐  hip://code.google.com/p/wiiflash/       Using  the  WiiFlash  sever,  Bluetooth,  and  WiiFlash  API  we  can  we  create  Wii  Flash  based  games   or  applicaBons.         The  WiiFlash  API  supports  more  then  the  Wii  Remote,  it  also  has  support  for  Balance  Board   Nunchuk,  mulBple  remotes  or  mulBplayer  games.            
  10. Deploy  engaging  game  experiences  to  the  desktop  -­‐  Create  Wii

     customized  and  branded  games  for   the  desktop  using  Adobe  Air.   Enhance  your  product  or  message  -­‐  Create  a  customized  and  branded  game  for  events,  shows,  special   occasions  and  convenBons.     Achieve  great  B2B  adverBsing  -­‐  Create  a  customized  and  branded  game  for  a  B2B  adverBsing.   EducaBon  -­‐  Create  a  customized    applicaBon  to  help  teach  students,  or  custom  applicaBons  for   museums  and  galleries.       Extended  beyond  -­‐  Think  outside  of  the  box  and  create  engaging  experiences.   Artworks  and  more  -­‐  Create  cool  unique  artwork  applicaBons.     What  can  be  done   IntroducBon:  The  Wii  
  11. Stella  Artois  Wii  Draught  Masters  -­‐  hip://vimeo.com/5277603     WiiSpray

       -­‐  hip://www.wiispray.com/  ,  hip://vimeo.com/3941280  ,  VIEW   “Pixel  Project  developed  an  interacBve  table  using  the  Papervision  API  -­‐  hip:// www.pixelproject.com/  ,  hip://bit.ly/biIJ3t  ,  VIEW     IntroducBon:  The  Wii   Real  world  examples  
  12. Bayer  Wii  game  -­‐  hip://bit.ly/WiiFlashGame  ,  hip://bit.ly/99yaaD  ,  VIEW  

      Togami,  a  Flash  Game  Studio  from  Belgium  used  WiiFlash  to  develop  a  snowboard  game.    -­‐   hip://bit.ly/bO5ps5  ,  hip://www.togami.biz/  ,  VIEW   La  Fabrick  (Lyon  University)  did  a  great  use  of  WiiFlash  in  a  project  dedicated  to  university   teachers.  -­‐  hip://dai.ly/9mOZXd  ,  VIEW     IntroducBon:  The  Wii   Real  world  examples  ConBnued  
  13. What  you  need    Wii  Flash  Development     • 

     Wii  Remote     •   USB  Bluetooth       •   Wii  sensor  bar         •   WiiFlash  Sever       •   Baieries     •   Flash  authoring  tools  IE:  Flash,  Flash  Builder  4,  Flash  develop  or  FDT.        
  14. ConnecBng  the  Wii     Install  your  Bluetooth,  now  you

     can  use  your  windows  stack  for  the  Bluetooth  device  but  it  seems  that   this  does  not  always  work,  also  certain  Bluetooth  just  don’t  work  with  the  Wii.  So  this  might  be  a  trial   and  error.  Once  you  Bluetooth  is  acBve  you  need  to  put  your  Wii  remote  in  discover  mode,  we  do  this  by   pressing  both  the  1  and  2  buions  once  you  established  an  connecBon  you  should  see  Nintendo  RVL-­‐ CNT-­‐01.   ConnecBng  to  Flash     Download  the  WiiFlash  sever  at  hip://code.google.com/p/wiiflash/    and  run  the  .EXE  file,  this  should   find  your  Wii  remote.       Start  coding  –  WiiFlash  API     Now  you  can  start  coding  in  AcBonScript  using  the  Wii  Flash  API,  you  can  connect  a  Wiimote  in  Flash   with  three  lines  of  code  and  start  reading  your  data.   var  wiimote:  Wiimote  =  new  Wiimote();   wiimote.addEventListener(  Event.CONNECT,  onWiimoteConnect  );   wiimote.connect();     Getng  started  in  3  ease  steps     Wii  Flash  Development    
  15. •   Forget  the  internal  bluetooth  adapter  on  a  MacBook  Pro.

     It  crashes  many  Bmes  because  it          doesn't  provide  the  full  bluetooth  2.0  EDR  range  speed.   •   There  appear  to  be  some  issues  with  64-­‐bit  machines,  and  BlueSoleil,  also  recommend  using              version  6  or  version  8.   •   For  Mac  considering  using  the  patched  version  of  WiiFlashServerJ  from  Ben  Berman.   •   Use  the  Wii  accessories  to  create  a  unique  game  play  or  experiences.             Tips  and  Tricks   Wii  Flash  Development     NOT  REAL  
  16. Great  game  development  tools  for  Flash   Beyond  the  session!

      Doomsday  Console  -­‐  DConsole  is  a  combined  logger/command-­‐line  interface  for  Flash  10   AcBonScript  3  developers.  -­‐  hip://code.google.com/p/doomsdayconsole/     as3afxr  -­‐  A  port  of  the  C++  app  sfxr  to  AS3.  Generates  custom  retro  game  sound  effects.  -­‐  hip:// code.google.com/p/as3sfxr/       Flash  Punk  -­‐  A  free  AcBonScript  3  library  designed  for  developing  2D  Flash  games.  -­‐  hip:// flashpunk.net/       flixel  -­‐  Open  source  game  engine  to  help  organize  game  objects,  quad  trees  for  faster,  more  accurate   collisions  and  much  more.    -­‐  hip://flixel.org/       Flash  Game  Dojo  -­‐  A  community-­‐powered  knowledge  base  for  AcBonScript  beginners  and   experts.  -­‐  hip://flashgamedojo.com/     Extend  your  Flash  Builder  4  workflow  with:  SourceMate,    FlexFormaier,    AS  Code  Coverage.    
  17. Cool  examples       Cool  examples   Head  Tracking

     for  Desktop  VR  Displays  using  the  WiiRemote  -­‐  hip://www.youtube.com/ watch?v=Jd3-­‐eiid-­‐Uw     WiiFlash  +  Papervision3D  +  Phidgets  ServoMotor  -­‐  hip://www.youtube.com/watch? v=IJCUslNUR2g     Wiimote  powered  Self  Portrait  Generator    -­‐     hip://vimeo.com/980085   WiiFlash  and  Umap  -­‐     hip://www.youtube.com/watch?v=WNArthV0wBA     kurukuru  Kart  -­‐     hip://www.youtube.com/watch?v=BA6G2K6jwTA&feature=related   Low-­‐Cost  MulB-­‐touch  Whiteboard  using  the  Wiimote  -­‐     hip://www.youtube.com/watch?v=5s5EvhHy7eQ&feature=fvw    
  18. Reference  and  usefully  links   Disclaimer     •   Wii

     wiki  -­‐  hbp://en.wikipedia.org/wiki/Wii       •   Wii  -­‐  hbp://wii.com/         •   Wiki  Internet  Channel  -­‐  hbp://en.wikipedia.org/wiki/Internet_Channel     •   WiiFlash  -­‐  hbp://code.google.com/p/wiiflash/         •   WiiFlash  Blog  -­‐  hbp://wiiflash.bytearray.org/       •   WiiSpray  -­‐  hbp://www.wiispray.com/       •   WiiFlash  mailing  list  -­‐  hbp://osflash.org/mailman/lis,nfo/wiiflash_osflash.org       •   Wiimote  Project  -­‐  hbp://www.wiimoteproject.com/index.php       •   WiiFlash  Forums  -­‐  hbp://wiiflash.bytearray.org/?page_id=62       •   Johnny  Chung  Lee  Wii  Projects  -­‐  hbp://johnnylee.net/projects/wii/       •   Alan  Ross  WiiFlash  Examples  -­‐  hbp://lab.adjazent.com/2008/05/05/wiiflash-­‐ interac,ve-­‐ribbons-­‐and-­‐some-­‐other-­‐wiiflash-­‐examples/       •  Eclipse  plugins  -­‐  hbp://eclipse-­‐plugins.2y.net/eclipse/ra,ngs_overview.jsp