Posts tagged with “as3”

October 29, 11

More Flash Halloween Webcam Toys

Welcome to this time of the year again when people scoop out pumpkin seeds and costume shops make their year's worth of sales during one weekend. Halloween! So nice to be kids again. And now you can be one too, without even leaving your computer desk – just hit the images below and have some fun.

We've teamed up with Leipzig Flash studio Tastenkunst and made these two apps. Marcel Klammer and his team had developed Beyond Reality Face technology which allows using human faces as markers for augmented reality. PhotoBoo substitutes the face so you can experience how does it feel to be a (dead) celebrity.

GooTube is based on my last year's experiment – Black Hole Sun and similarly uses face.com API technology to find feature points in a face, but then BRF's Point Tracker is used to track these points and finally HiSlope helps to apply the distortions to the live webcam feed.

Both apps utilise FaceBook connect so it's even easier to socially share your alter ego (and even set your FB profile pic!) Now go and make goofies out of yourselves. And don't forget to spread the word - boooooooooo!

Many thanks to PtitJean for his initial face.com API for AS3.

01:40 PM | | 0 Comments | Tags: , , , , , , , , ,
September 28, 10

Boiling the soft egg aka Webcam Stories

If you came here after seeing my FOTB talk – that's great! Thank you!

Make sure you've seen the Black or White vs Machine Vision mash-up first.

Then head to the HiSlope GitHub repo to download/fork the HiSlope toolkit and have fun.

Yes, HiSlope is opensource!

I am going to add more examples, couple of cool and previously unreleased Pixel Bender filters and more tutorials/documentation soon, so make sure you follow me on Twitter @blog2t.

Please send comments and feedback, I'd really like to hear from you! Any Q&As - catch me at the conference.

HiSlope

Update: I've added the video from my pitch.

12:16 AM | | 2 Comments | Tags: , , , , , ,
August 04, 10

Webcam stories

Pressure. It's all coming along. This Saturday, the Art Tech Seminars at Assembly Summer in Helsinki, Finland, 7th of August at 2.00PM. WebCam stories.

If you want to experience the potential of Flash and a typical webcam to achieve face recognition, eye tracking and motion detection, using real-time image processing, come and see. I will share how we can use our often dusty and under-used webcams to make our eyes less tired after hours of gazing into pixels.

Another good news is that HiSlope toolkit will be finally released there.

Although the Flash Player is recently being eschewed in favour of emerging HTML5+JS technologies (most notably by Apple), I will prove it still offers decent processing power and support for external devices such as webcam and microphone (which HTML5 is not yet capable of) and can significantly contribute to improving real human-computer interfaces.

Thanks to Justyna for a cheeky title :)

PS I also got the chance to speak at the Elevator Pitch this Autumn, which is part of Flash on the Beach conference in Brighton, UK (26-29 September 2010) – my very own 3 minutes!

10:51 PM | | 2 Comments | Tags: , , , ,
May 25, 10

Embedding Private Keys in SWF files

I've recently came across the new online SWF, Zend, and Java decomplier at showmycode.com that allows you to almost "view the source" of the SWF file online. If you had some important data stored in your SWF (such as API keys or passwords) you may not wish them being exposed.
The easiest (and therefore naïve) way to hide them* would be to store them in external text files and embed in the SWF.

[Embed(source="api_key.txt", mimeType="application/octet-stream")]
private const API_KEY:Class;

// ...

var myAPI_KEY:String = String(new API_KEY());

Then you can create an instance and cast it to String, like shown above.

The asset class extends mx.core.ByteArrayAsset and its byte content is not revealed by most decompilers.

*Of course, this "solution" does not offer any serious protection, you can still decompress the SWF and view the keys in the hex editor. You could scramble/hash them a bit to make the hacker's job harder but it's still possible to extract them.

12:46 PM | | 2 Comments | Tags: , ,
May 01, 10

Flash Bokeh

Sometimes your best efforts to convince clients to originality end up in the trash... but on the other hand there is nothing wrong with it – just shake the dust off and share. This time it's the colourful realtime bokeh effect inspired by this tutorial and programmed for tictoc as a proof-of-concept demo.

Flash AS3 Bokeh

Click the image above to preview. Due to expensive alpha and blending processing it may slow down your browser/computer a bit. I've tried two approaches there:

  1. Adding and removing circles to the display list (with cacheAsBitmap turned on).
  2. Drawing circles onto (transparent and non-transparent) bitmap using draw() method.

Both methods eat similar processor time. Haven't tried using any GPU wmodes, not sure if that would help at all here, I'll leave it to you - the code is very simple and there's a lot of room for improvements and optimisations.

Considering the recent HTML5 vs Flash war, the challenge is to code a similar effect using JS + HTML5's canvas and compare the speed – is anyone up for it?

Grab the source (AS3, Flash CS4 was used to tween the circle shapes but you could entirely use drawing API if needed) and enjoy!

11:00 AM | | 4 Comments | Tags: , ,
Next → Page 1 of 5