Skip to content

Ecce Signum

Immanentize the Empathy

  • Home
  • About Me
  • Published Works and Literary Matters
  • Indexes
  • Laboratory
  • Notebooks
  • RSS Feed

Tag: Flash

FiTC: Notes from Flashing In Public

2007-04-24 John Winkelman

Flashing in public www.snepo.com
Scotty Weeks www.twelvestone.com
Anthony Eden www.arseiam.com

SNEPO: integrating strange back-ends with slick flash front-ends

“we’re so haptic we could squirt”

haptic — interaction through touching

kiosk, POS systems, iPhone, etc.

KIOSK APPS

RULES OF THUMB:
ATTRACT
-inform user what it is
-inform user how to begin
ENGAGE
-me too
-others will be watching the user doing his thing, and therefore learning
FAT FINGERS
-people tend to hit the whole screen at once by leaning on it when they press
-solution: move buttons to the bottom of the screen
-web metaphors don-t extend too well to kiosks
MAKE BUTTONS BIG AND OBVIOUS
-only button presses—no mouseover, no keyboard
-some allow dragging, but dragging on a touch-screen is iffy, at best
-have actions happen on PRESS, not on RELEASE

ACCESSIBILITY
-visually impaired = high contrast, large fonts
-color blindness
-these are in the public arena, so there is no target audience. Prepare for everyone!
-allow for wheelchair/height challenged. Allow for content to be lowered down the screen

NO FINISH
-just because they start something, doesn’t mean they will finish it.
-allow for proper timeout/reset time, based on complexity of application

EASY BUILD
-how easy is it to build the application?
-should be easy to install on the hardware
-TURN THE MOUSE CURSOR OFF!!!

EXAMPLE: “wayfinder” for Westfield mall
about 1 year from beginning to end
-two months of paper prototyping
-four-five months of development, with two months of refining pathfinding algorithm
-testing, refining—
grand total of about 1 year

Make the application “aware” of its physical location and orientation
each installation comes with an administration mode to “initialize” the installation; e.g. meta-data about physical location of install.

WHAT WORKED

TXS/XMLFS
JSFL
-automated the map-making process for the store kiosk (from the example)

-TEST TEST TEST: Lots of paper prototyping
-logging every piece of user interaction
-make data available to client for subsidiary consideration—advertising, etc.
-TESTERS: replicate every possible human interaction. Try to break it. Account for irrational user behavior
-Snepo used interns who took great joy in pointing out developer mistakes
-discovered that touchscreens aren’t usable by people with artificial limbs — the screen didn’t register the touch
-REMOTE MONITORING
-each kiosk has a transaction server which sends a “heartbeat” back to the the main center. If there is no heartbeat, look for Flash process. If no Flash process, reboot the kiosk.
CLIENT RELATIONSHIP
-public kiosk clients tend to have [1] a lot of money, and [2] not all that much technical savvy, and [3] a lot of equity invested in the project

WHAT DIDN’T WORK

TXS/XMLFS
-not a very ergonomic API for Flash developers
-Pathfinding algorithm was done in Flash — Dijkstra
DYING COMPUTERS
-no ventilation
-overheating
-everything made out of steel
-dead hard drives
SCREEN CALIBRATION
-public touchscreens lose calibration quickly
UPDATING SUCKED
-updating had to be done individually

HOW WE IMPROVED THINGS

ENVIRONMENT
-we quit, then started our own company
GOT RID OF TXS
GOT RID OF XMLFS
CREATED “DEPOT” to replace XMLFS — based on HTTP standards
-pulled Dijkstra out of flash and put it on the server—1000% performance improvement
lesson: Things which require a LOT of processor power may be better shuffled off to the back end. Flash is now just the interface, not part of the logic layer

DISC DEATH and WHAT-NOT
-don’t get bent out of shape about hardware failure
EASTER EGGS

OTHER PROJECTS

TICKETING
CHECK-IN/CHECK-OUT SYSTEM – custom Chinese hardware; had to write drivers form scratch
BLIP NODE
-kiosk interaction software for cell phone. Buy media from kiosk, blue-tooth it to a cell phone.

EXPERIMENTS
-RESEARCH IS VERY IMPORTANT
-haptic technology allows for MASSIVE scope

“ERLANG” language for making kiosks talk to each other through a network

FROM KIOSK to POINT OF SALE
-POS equipment

UPSIDES of TOUCHSCREEN (HAPTIC) TECHNOLOGIES
-bye-bye browser
-you get to define EVERYTHING
-there’s money of be made

HAPTIC TECHNOLOGIES

WHAT TOOLS ARE USED?
-flash executables
-rolled their own .swf wrappers in C or VB

Multi-touch? — installations in public spaces generally don’t require this technology
Error messaging — send a friendly message to the user,and a detailed message

RESOURCES:
kiosk forums

Posted in LifeTagged Flash, Flash in the Can 2007 comment on FiTC: Notes from Flashing In Public

FiTC: Notes from The Art of Encoding

2007-04-24 John Winkelman

The Art of Encoding
Derrick Ypenburg
www.focusonmedia.com

video properties that affect encoding
-color/movement
-edits/transitions/effects
-frame rate
-display size
-sound ranges
-interlacing
-image quality
-smoothness of playback
-audio quality
-transitions/effects

IMPROVING ENCODED VIDEO QUALITY
-2 pass vs. single-pass encoding
-preprocessing filters
-advanced compression settings
-de-interlacing
-keyframes — not like Flash — snapshot of video which subsequent frames use as basis for compression
-smaller display size — 320 x 240 is about as small as you should need to go
-dropping frame rates — the fewer frames, the more room for detail in each frame

3RD PARTY SOFTWARE
-Flash video encoder is okay, but not great
-Sorensen Squeeze is GREAT
-ON2 FLIX is really good too

CODECS
-Spark Pro
-On2 VP6 Pro
-Squeeze Pro

FEATURES
…etc.

Files for this session available at www.focusonmedia.com/fitc2007

Posted in LifeTagged Flash, Flash in the Can 2007 comment on FiTC: Notes from The Art of Encoding

FITC: Notes from Adobe Keynote Session

2007-04-22 John Winkelman

(Notes from Flash in the Can conference)

Ryan: “They’re trying to sell me something which I have no choice but to buy.”

MIKE DOWNEY
Flash player adoption rates:
FP7: 75% in 12 months
FP8: 94% in 12 months
FP9: 84% in 9 months

PaperVision demo
-rhino
-xwing obstacle course

Flash Player 9:
-now has full-screen video support. Not full-browser — FULL SCREEN
-10 million downloads a day

CS3 is now shipping
All CS3 products now have a standardized interface

Flash CS3:
-timeline is now in its own panel
-can now import Photoshop files into Flash IDE
-selectively import layers from PS
-multiple options for importing text from PS
-jpeg compression engine is now using the Fireworks engine

-Can now (natively) import Illustrator files into Flash, rather than needing third-party library

Robert Penner stuff
-timeline animations can now be exported as Actionscript/XML.
-this can be done per-layer
-Actionscript class which interprets the outputted XML is included with Flash CS3

TED PATRICK : FLEX
-Flash CS3 can be used to build Flex components
-timeline and “states” integration
-event integration
-download MPX plugin to allow Flex app export from CS3
CTRL+ENTER export of .swc export (.swc == flex component version of .swf)
-a flex component can be ANYTHING

KEVIN TOWES : FLASH MEDIA SERVER
-intelligent streaming
-can detect bandwidth
-can detet player version
Akami — “tour of California” video — streaming 60 gigabytes per second through the media server
-awesome demo of LIVE ENCODING! No Delay! Real-time encoding of webcam feed into .flv ready for streaming.
-standard flv playmack component has been significantly improved
[demo of live video inside flash movie]
-media server can record live video as it happens and save it to the server.
-mention of photobucket.com, which has a tool which allows you to assemble the stuff you have up on photobucket.com into a .flv, rearrange, add effects and titles, etc.

APOLLO
-Deploy Rich Internet Applications as desktop applications.
-Company called “effective UI” created a desktop app for eBay.
-Apollo runtime includes: —Flash player —WebKit HTML engine (the one used in Safari)

-DEMO: Apollo RSS reader — Built using AJAX (the Yahoo! library). Cool stuff!
-Apollo currently available in public alpha www.adobe.com/go/apollo
-plugin coming for Dreamweaver and Flash to natively publish Apollo apps.

ADOBE MEDIA PLAYER
-sneak peek of Alpha build
-RSS-aware
-a lot like the Democracy player
-fully skinnable
-RSS feed can deliver colors, background, ads, content, thumbnails, the whole bit.
-demo of Reno 911 clip, pulled from RSS along with Background image and embedded ad.
-seems to have been built with Apollo…?

MORE APOLLO STUFF
-allows file I/O
-local data storage
-custom chrome
-system notifications and alerts
-multi-window support
-drag/drop
-copy/paste
-apps can run in background
-network API
-hypothetical example: eBay app. You bid on a product, tell the app to run in the background, then get a window alert if someone out-bids you.
-finetune.com? findtune.com?—sneak-peek at desktop player built in Apollo

TED PATRICK
-preview of Flex Builder III
-Flex is for building Applications; not so much about websites or experiences.
–sliderocket.com — Flex-based, online presentation creator

-BUZZWORD: online competitor for Microsoft Word

“Moxie”: Code-name for Flex III SDK and Builder — lots of work being done to make Flex “back-end neutral”; should work equally with all middleware

technologies

Posted in LifeTagged Flash, Flash in the Can 2007 comment on FITC: Notes from Adobe Keynote Session

FITC: Notes from Based on a True Story session

2007-04-22 John Winkelman

(Notes from Flash in the Can conference)

“Based on a true Story”, by Hoss Gifford, www.flamjam.com

Engaging speaker but (by his own admission) a disorganized wanker.

Did cool work for “Liberated Theatre” in London (http://www.liberatedtheatre.co.uk/chorus.htm)

narrative is what provides meaning and context for your work

“You don’t hire an artist and tell him how it should be done. You hire him for what he does”

[interesting project: environment which changes based on the time of day as pulled from the computer on which the project is running]

FLASHTERBATION

www.newbirth.org

site created by

www.sharperfx.com

[BOOK TO FIND: The Long Tail]

the context in which we apply our skills, rather than the specifics of our skills, is what gives us our job titles

Flash animator + big screen = film-maker
Flash animator + DVD = multimedia presentation creator
etc.

Posted in LifeTagged Flash, Flash in the Can 2007 comment on FITC: Notes from Based on a True Story session

FITC: Notes from AdverGaming session

2007-04-22 John Winkelman

(Notes from Flash in the Can conference)

Flash 8 AdverGaming Development- Sam Rivello. www.rivello.org

casual games — extremely simple gameplay — allow gameplay in short bursts — 2d, abstract graphics — generally mouse-based

Trial-purchase business model
-try
-buy
-[subscribe…?]
right now: $6b online gaming
2009 — est. $9.8n billion annually

consumer type — 29% casual = $2 to $3 billion a year

Bejewelled is the “crowning achievement” in casual games

the more abstract a game, the longer its shelf life —up to a point

flash games — extremely low development overhead, compared to PC/Console games.

[look up code for surrounding/lasso-ing with a mouse]

how long should the game be played? length of visit
how often should the game be replayed? number of visits

design game to be update-able — keep it fresh

8 weeks seems to be the standard lifetime of a (version of a) casual game

-proposal — just put in enough info to get them to accept the idea. Not so much that the idea appears inflexible . don’t get bogged down in the details.

-pitching the game can be more difficult than building the game

“high frequency gameplay” : Won’t play long, but will play frequently.

-are you measuring number of gameplays, or length of gameplays?

-remember to explicitly point out what is NOT in the game

-Make sure you are specific about WHO OWNS THE CODE!!!!
-review rounds
-payment schedule
-secure assets
-begin programming

-work directly with ONE POINT of client contact

-agree upon a maintenance contract/schedule — update game on a regular schedule — new questions, new power-ups, that kind of thing. Keeps eyes coming back

-DO A POST-MORTEM!!!!!!!!!!!!!!

Posted in LifeTagged Flash, Flash in the Can 2007 comment on FITC: Notes from AdverGaming session

FITC: Notes from BumpTop session

2007-04-22 John Winkelman

(Notes from “Flash in the Can” http://www.fitc.ca conference)

Bumptop: Pushing the desktop metaphor, by Anand Agarawali

http://www.bumptop.com/

-computers are still in the “cave painting” era of user interfaces

-making it pretty doesn’t make it different or better

-bumptop — new paradigm — gesture based

-mimics the physical paradigm of “stuff on your desk”
-mimics physics without being bound by physics
-rigid body simulation
-the laws of thermodynamics do not apply
– “works for applications at all levels of the interface hierarchy” vis. return a google search as a group of icons of screenshots of the result pages

-user-tested: intuitive, takes advantage of spatial memory.
-feels more realistic than the current “desktop” metaphor

-TONS of buzz — video up on youtube, Dugg twice.

also showed us this thing; kind of a virtual overlay of the real world:

http://www.dgp.toronto.edu/~ravin/ — Presentation #60, “Interacting with dynamically defined information spaces using a handheld projector and a pen.” Some of the other stuff on this page looks pretty cool, too

Posted in LifeTagged Flash, Flash in the Can 2007 comment on FITC: Notes from BumpTop session

FiTC: Notes on Joshua Davis session

2007-04-22 John Winkelman

(Notes from Flash in the Can conference)

Making Flash components (Actionscript 1) to create generative/controlled chaos art.

Components are encapsulations of code which allow a more user-friendly way of updating things on the stage, so non-nerds can basically have powerful rendering and animation tools available without having to learn a lot of code, or rely on snarky developers.

How to print the output of a Flash movie:
MAC — save PDF as PostScript

EXPORT FLASH SCREENSHOT AS .EPS

-instructions here:
http://diary.joshuadavis.com/2006/05/29/bmw-estoril-portugal/
instructions about 75% down the page
-no gradients
-no alpha transparencies
-no bitmapdata
Saves (from Firefox) to C:Program FilesMozilla Firefox with no file extension
Add “.eps” file extension to file, then open in Illustrator, or something

  • does not seem to work for bitmap-type files, like that matters for vector art.

OR, just download the PC postscript drivers from Adobe (I haven’t tried this one)

JD says “word” a lot. Also, “rockin'”

3 frame Movieclip as button without using actionscript
1. make MC
2. label three frames “_up”, “_over”, “_down”.
3. MovieClip automatically responds to mouse action as if it were created as a button. No ActionScript needed.

Example of springs and damping for “bounce” effect

Useful tool: http://colorstripping.joshuadavis.com/
-generates string color palette from a .gif

EXPORT VIDEO OF ACTIONSCRIPT ANIMATION FROM FLASH

-DIRECTOR
-import desired Flash movie (.swf)
-add .swf to director timeline
-property inspector: END FRAME: 600 (for 20seconds at 30fps)

File-export->all frames->quicktime movie format->

Basically takes a bunch of screenshots of the desktop then compiles them into a Quicktime movie.

Go to Eric Natzke talk — dynamic animation dude.

-be sure to replace Flash 6 plugin (inside of Director) with Flash 8 plugin for good stuff. Search on MM site for appropriate download/plugin

FOR PRINTING: Make sure hairlines are larger than .25. .25 is often too fine to be printed—

Flash 9 can, in theory, do all of this without all of the hoops to jump through

Ideas come from getting out in the world — NOT looking at the stuff other people do or staring at a computer.
Take photos, find patterns, trace with WACOM.

Using drawings in conjunction with Actionscript. Don’t go all Actionscript because it loses that warm, hand-drawn feel.

“I am successful because I make stuff for ME, not because I make stuff for YOU. You hire me for MY stuff, not YOUR stuff”

VERY inspiring speaker.

Experiment all the time, save all of your experiments. You never know when something, years from now, will be useful.

Posted in LifeTagged Flash, Flash in the Can 2007 comment on FiTC: Notes on Joshua Davis session

Something Beautiful for the Holidays

2006-12-24 John Winkelman

I recently visited Orisinal for the first time in a long while. He has posted a new, winter-themed game called Winterbells which is just challenging enough to keep the attention-span deficient quiet for a little while.

Posted in LifeTagged Flash, games comment on Something Beautiful for the Holidays

Flash 8: Height Map With Color

2006-03-17 John Winkelman

Minor change to the previous experiment. This one, obviously, performs color substitution as it is rendering the 3d-ish version of the bitmap. Click to launch the Height Map.

Posted in ProgrammingTagged Flash, game development comment on Flash 8: Height Map With Color

Flash 8 Experiment: Topographic Map

2006-03-13 John Winkelman

[Requires the Flash 8 player. Click on the image to render the height map. Hit your browser’s “refresh” button to render it again]

During my oh-so-few free hours I have been playing around with the BitmapData object in the new Flash 8 player. This is what I have come up with most recently: A height map.

The possibilities for this kind of tool are quite exciting: 3d tiled terrain, height maps and data displays are just the beginning.

Right now the heightmap tool only works with grayscale images. I have a plan for performing real-time color substitution, but that will come with version 1.0. This is still a beta, somewhere around .6 or .7. When I feel comfortable with the completeness of this thing I will post some code. But first, a day or two without staring at this thing into the wee hours of the morning.

Click to launch the height map

Posted in ProgrammingTagged Flash comment on Flash 8 Experiment: Topographic Map

Posts navigation

Older posts
Newer posts

Personal website of
John Winkelman

John Winkelman in closeup

Archives

Categories

Posts By Month

June 2025
S M T W T F S
1234567
891011121314
15161718192021
22232425262728
2930  
« May    

Links of Note

Reading, Writing
Tor.com
Locus Online
The Believer
File 770
IWSG

Watching, Listening
Writing Excuses Podcast
Our Opinions Are Correct
The Naropa Poetics Audio Archive

News, Politics, Economics
Naked Capitalism
Crooked Timber

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

© 2025 Ecce Signum

Proudly powered by WordPress | Theme: x-blog by wpthemespace.com