Wii + Flash = WiiFlash

WiiFlash connects to your Wii with Bluetooth and sends variables from the Wii to Flash via a socket connection. I’ve uploaded the required files to the demos folder on the class website (with my instructions added). Check out examples of cool projects at: http://wiiflash.bytearray.org/

WEB_1-2: Culture Browser

The idea of systems working together is an important part of digital art and interface. Millions of smaller entities work together to form a representation. Every single JPG in a digital video, the buttons and scroll bars on your screen, and even the pixels which make it up, all have to function simultaneously.

For this project I want you to think of all the single elements of culture that work together to form what we know as the world. Imagine they’re all in an amazing database and that your task is to somehow, using whatever method(s) possible, create an interface to all the possible permutations. Think about text, images, sounds, and video.

The web interface itself is the most viable form of “culture browsing” we have. And all the navigation elements, logos, and other strange parts of the interface form our understanding. Think also about Manovich and cinema as database, and about restructuring “our experience of ourselves and the world.” How can you radically change the viewer’s expectations while tapping-into all the possible cultural memes?

  1. Functional interfaces
    1. Simple German Language Learning
    2. Photosynth
    3. One Block Radius by GlowLab
  2. Artworks and Games
    1. Stills
      1. PAM by Mark Napier
    2. Animations and films
      1. GLU by Catharina Vaneetvelde
      2. Ryan Trecartin
      3. Reality CPU
      4. Color Field Television (2009) by Andrew Venell
      5. The Rainbow Website (2006) by Noah Venezia
      6. Number of Manufacturing Industries by Number… (2008) by Morgan Rush Jones
      7. RGB (2001) by Rafaël Rozendaal
      8. Random houndstooth generator
      9. Typographic Illustration by Evan Roth
    3. Interactive
      1. Windosill
      2. towersandpowers.com thehistoryofadecadethathasnotyetbeennamed.com shenevertoldherlove.com symmetryofchaos.com electricitycomesfromanotherplanet.com by Angelo Plessas
      3. monoface
      4. Paper Rad
      5. Facebook Intense by Jacob Broms Englom
      6. They Rule
      1. Kenneth Tin-Kin Hung
        1. 111111111111111111111111111111111111111111111111111111111111.com
        2. Gaszappers
    4. Physical spaces
      1. Homographies, Less Than Three, Wavefunction by Rafael Lozano-Hemmer
      2. Mechanical Mirrors by Daniel Rozin
      3. Formula for New Media Art by Jim Campbell
      4. Sniff (how it works), Wildlife, The Call by Karolina Sobecka
      5. Paris and Command Center by Tim Scwartz
    5. Other artists
      1. Submission by Mat Collishaw
      2. 1970‘s interfaces by Mark Wilson
      3. Paul Laffoley
  3. Music
    1. The Grey Album
    2. Jadiohead
    3. inbflat.net
  4. Games
    1. Makers Tile Game
    2. Kriegspiel by R-S-G
    3. Sound
      1. ToneMatrix by Andre Michelle
      2. BallDroppings
  5. Strange cultural examples
    1. North Korean Mass Games
    2. Toilet Waterfall
    3. Another Waterfall
  6. Student work

How to extract youtube videos or audio into your Flash project

This tutorials covers the process of getting videos or audio from youtube into your Flash project. There are three parts; getting the file, checking the video format, and importing to Flash. Feel free to jump to the section you need.

Get the file

1. Copy the url from the youtube video.

2. Go to vixy.net or any other online app that extract get video or audio out of youtube.

3. Paste the url into their form.

4. Select your format, and press start.

5. Vixy should begin to extract your video or audio and then download it to your desktop or downloads folder.

6. Open the file and confirm that everything worked ok.

Check the video format

In this case I’m using CS4, but older versions have a similar process. I’m going to import the file into the Flash timeline for use in an animated project but you may want to convert the video to FLV first to play back at runtime.

1. Check the codec or format that was used to compress the video. If you extracted using Vixy it is probably mp4. Video files may have a particular file type such as .mov or .wmv, but they can use a variety of codecs that are not always compatible with Flash or other software.

2. If you have an MPEG-4, like I do in the image below (on a Mac, command + i), you will first need to convert the video to a different format before importing into Flash.

3. You can convert video formats on a Mac very easily with Quicktime Pro (QTP) or Flash Media Encoder.

Convert video format in Quicktime Pro

a. Open the video in Quicktime Pro.
b. Choose File > Export.
c. Click Options to view the Movie Settings.

d. Make sure you are using a format that Flash can import like H.264 or Photo-JPEG.

e. Choose a destination for your exported video and click Save.

Convert video format in Flash Media Encoder

a. Open Flash Media Encoder.
b. Choose File > Add… to add your video. This will add the video to a queue
c. Choose the Format (FLV or H.264), Presets (FLV-Same as Source), and Output File (same name with FLV extension).

d. Click Start Queue.

Import the video into Flash

1. In Flash, choose File > Import Video
2. Browse for your video file on your computer.

If your format doesn’t work in Flash it will give you an error message. See “Check your video format” above in this post.

3. If you want Flash to add a play button and scrubber then select the radio button next to “Load external video with playback component.” Otherwise if you want Flash to put it on the timeline so you can control how your video is played then choose the radio button next to “Embed FLV in SWF and play in timeline.” Obviously you must have an FLV to choose this option.

4. Click Continue.
5. On the next screen choose Movie clip as the Symbol type, and select all of the other options. Then click Continue.

5. If all of the settings are correct you can click Finish and Flash will import your video into a Movieclip on your main timeline and store the video and Movieclip in the Library.

Once this is done you can double-click and view the video on the timeline of this Movieclip to scrub the playhead and verify everything is ok. From this point you can do anything with the video you could do with a regular Movieclip with an embedded timeline such as controlling which frame is played based on user input, or tweening it on the stage.

For more information see: Embed video within a Flash file