LEDガジェット、
ただのピカピカと見るか?
アニメーションと見るか?
たけいひでゆき
そしてコラボレーションへ
Dec.13,2008
WCAN mini AS vol.9
自己紹介
•愛知の大学院生
•趣味でFlexやっています
• http://d.hatena.ne.jp/hidep22/
•ロボットから人間を考える
USBガジェット
USB_V:Ustreamのチャットをしゃべってくれる
USBガジェット
TERACOさん:インターネット越しにうちわを扇ぐ
Kansai.AR #01
Vitasなりきりマイク:ピッチをコントロールできる
いろいろやって
•変でおもしろいことに興味があります
•何かおもしろいことがあれば    
教えてください↓↓↓
•takehide22@gmail.com
アジェンダ
•LEDガジェット「DISCOTICA」の紹介
•マトリクスLEDにある2層のアニメ
•Cocomoを使用したマトリクスLEDへの  
コラボお絵描き
アジェンダ
•LEDガジェット「DISCOTICA」の紹介
•マトリクスLEDにある2層のアニメ
•Cocomoを使用したマトリクスLEDへの  
コラボお絵描き
LED がいっぱい
•12月はクリスマス♪
•クリスマスといえば 
イルミネーション♪
•イルミネーションなら
色とりどりのLED!
普通のLEDはもうイヤ!
•そこでマトリクスLED
•今回はFlexを使ってアニメ
をマトリクスLEDで
動かしてみる
•でも普通にマトリクスLED
を使うのはイヤ!
普通のLEDはもうイヤ!
•そこでマトリクスLED
•今回はFlexを使ってアニメ
をマトリクスLEDで
動かしてみる
•でも普通にマトリクスLED
を使うのはイヤ!
普通じゃないマトリクスLED活用法の摸索が必要
最近の流行は「メガネ」
•電脳メガネ
•メガネ男子
•issmさんはメガネラボ
•「日本人はメガネ」という    
諸外国人のステレオタイプ photo by:ClickFlashPhotos
メガネ型アーティスト
Daft Punkアイラミツキ
メガネ型マトリクスLED
ガジェット「DISCOTICA」
「マトリクスLEDをかける」
という新たなチャレンジ
•なぜマトリクスLEDをかけるのか?
「マトリクスLEDをかける」
という新たなチャレンジ
•なぜマトリクスLEDをかけるのか?
•かけている人をあまり見かけない
•「マトリクスLEDをかけること」
自体に意味を見出す
アジェンダ
•LEDガジェット「DISCOTICA」の紹介
•マトリクスLEDにある2層のアニメ
•Cocomoを使用したマトリクスLEDへの  
コラボお絵描き
マトリクスLED - Flex
MPU
AVR
(C)
マトリクスLED
ソケットサーバ
(Python)
USB
シリアル
Flash
(Flex)
MacBook Pro内
socket
(8*24,明るさ2bit)
DISCOTICA内
ソケットサーバとの接続
•宣言
var socket = new XMLSocket();
socket.connect("localhost", 8007);
socket.send(data);
•サーバへsocketを送信
•(行)8bi...
マトリクスLEDのドライブ
5V
GND
マトリクスLEDのドライブ
5V
GND
ON
ON
ON
マトリクスLEDのドライブ
5V
GND
ON
ON
マトリクスLEDの
アニメパターン
マトリクスLEDの
アニメパターン
動 列の切り替えを繰り返す
マトリクスLEDの
アニメパターン
動 列の切り替えを繰り返す
静 残像によって列の切り替えが見えなくなる
マトリクスLEDの
アニメパターン
動 列の切り替えを繰り返す
静 残像によって列の切り替えが見えなくなる
動
静止画を重ねると残像により
アニメーションが見えてくる
BitmapDataにする
•TextFieldをBitmapData化する
var tf:TextField = new TextField();
・・(略)・・
var data:BitmapData =
  new BitmapData(...
アジェンダ
•LEDガジェット「DISCOTICA」の紹介
•マトリクスLEDにある2層のアニメ
•Cocomoを使用したマトリクスLEDへの  
コラボお絵描き
Cocomoデビュー!
•PaaS(Platform as a Service)
•リアルタイムでのコラボレーション作業を
促進するようなプラットフォームを提供
•SDKをダウンロードすればすぐに試せる!
•現在のバージョンは0.9
共有マトリクスLED
http://www.embodiedweb.net/flex/minias9/
超シンプルなコード
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolut...
MPU
AVR
(C)
マトリクスLED
ソケットサーバ
(Python)
USB
シリアル
Flash
(Flex)
MacBook Pro内
socket
(8*24,明るさ2bit)
DISCOTICA内
MPU
AVR
(C)
マトリクスLED
ソケットサーバ
(Python)
USB
シリアル
Flash
(Flex)
MacBook Pro内
socket
(8*24,明るさ2bit)
DISCOTICA内
MPU
AVR
(C)
マトリクスLED
ソケットサーバ
(Python)
USB
シリアル
Flash
(Flex)
MacBook Pro内
socket
(8*24,明るさ2bit)
DISCOTICA内
Flash
(Flex)
Fla...
MPU
AVR
(C)
マトリクスLED
ソケットサーバ
(Python)
USB
シリアル
Flash
(Flex)
MacBook Pro内
socket
(8*24,明るさ2bit)
DISCOTICA内
Flash
(Flex)
Fla...
Cocomoのできること
•チャット
•ファイル共有
•Webカメラによる映像配信
•VOIPによる音声配信
•ユーザ認証やセッション管理
ということで今回は
ということで今回は
•マトリクスLEDを用いてアニメーションとは
なんぞや,というのを確認した
ということで今回は
•マトリクスLEDを用いてアニメーションとは
なんぞや,というのを確認した
•メガネ型マトリクスLEDガジェット
「DISCOTICA」の可能性を確認した
ありがとうございました!
Upcoming SlideShare
Loading in …5
×

WCAN mini Actionscript Vol.9 - LEDガジェット、ただのピカピカと見るか?アニメーションと見るか?

2,714 views

Published on

WCAN mini AS vol.9 たけいひでゆきの発表資料
開催日2008年12月13日
http://d.hatena.ne.jp/hidep22/20081213/1229187844

Published in: Entertainment & Humor
  • Be the first to comment

  • Be the first to like this

WCAN mini Actionscript Vol.9 - LEDガジェット、ただのピカピカと見るか?アニメーションと見るか?

  1. 1. LEDガジェット、 ただのピカピカと見るか? アニメーションと見るか? たけいひでゆき そしてコラボレーションへ Dec.13,2008 WCAN mini AS vol.9
  2. 2. 自己紹介 •愛知の大学院生 •趣味でFlexやっています • http://d.hatena.ne.jp/hidep22/ •ロボットから人間を考える
  3. 3. USBガジェット USB_V:Ustreamのチャットをしゃべってくれる
  4. 4. USBガジェット TERACOさん:インターネット越しにうちわを扇ぐ
  5. 5. Kansai.AR #01 Vitasなりきりマイク:ピッチをコントロールできる
  6. 6. いろいろやって •変でおもしろいことに興味があります •何かおもしろいことがあれば     教えてください↓↓↓ •takehide22@gmail.com
  7. 7. アジェンダ •LEDガジェット「DISCOTICA」の紹介 •マトリクスLEDにある2層のアニメ •Cocomoを使用したマトリクスLEDへの   コラボお絵描き
  8. 8. アジェンダ •LEDガジェット「DISCOTICA」の紹介 •マトリクスLEDにある2層のアニメ •Cocomoを使用したマトリクスLEDへの   コラボお絵描き
  9. 9. LED がいっぱい •12月はクリスマス♪ •クリスマスといえば  イルミネーション♪ •イルミネーションなら 色とりどりのLED!
  10. 10. 普通のLEDはもうイヤ! •そこでマトリクスLED •今回はFlexを使ってアニメ をマトリクスLEDで 動かしてみる •でも普通にマトリクスLED を使うのはイヤ!
  11. 11. 普通のLEDはもうイヤ! •そこでマトリクスLED •今回はFlexを使ってアニメ をマトリクスLEDで 動かしてみる •でも普通にマトリクスLED を使うのはイヤ! 普通じゃないマトリクスLED活用法の摸索が必要
  12. 12. 最近の流行は「メガネ」 •電脳メガネ •メガネ男子 •issmさんはメガネラボ •「日本人はメガネ」という     諸外国人のステレオタイプ photo by:ClickFlashPhotos
  13. 13. メガネ型アーティスト Daft Punkアイラミツキ
  14. 14. メガネ型マトリクスLED ガジェット「DISCOTICA」
  15. 15. 「マトリクスLEDをかける」 という新たなチャレンジ •なぜマトリクスLEDをかけるのか?
  16. 16. 「マトリクスLEDをかける」 という新たなチャレンジ •なぜマトリクスLEDをかけるのか? •かけている人をあまり見かけない •「マトリクスLEDをかけること」 自体に意味を見出す
  17. 17. アジェンダ •LEDガジェット「DISCOTICA」の紹介 •マトリクスLEDにある2層のアニメ •Cocomoを使用したマトリクスLEDへの   コラボお絵描き
  18. 18. マトリクスLED - Flex MPU AVR (C) マトリクスLED ソケットサーバ (Python) USB シリアル Flash (Flex) MacBook Pro内 socket (8*24,明るさ2bit) DISCOTICA内
  19. 19. ソケットサーバとの接続 •宣言 var socket = new XMLSocket(); socket.connect("localhost", 8007); socket.send(data); •サーバへsocketを送信 •(行)8bit * (明るさ)2bit * (列)24 = 48byte
  20. 20. マトリクスLEDのドライブ 5V GND
  21. 21. マトリクスLEDのドライブ 5V GND ON ON ON
  22. 22. マトリクスLEDのドライブ 5V GND ON ON
  23. 23. マトリクスLEDの アニメパターン
  24. 24. マトリクスLEDの アニメパターン 動 列の切り替えを繰り返す
  25. 25. マトリクスLEDの アニメパターン 動 列の切り替えを繰り返す 静 残像によって列の切り替えが見えなくなる
  26. 26. マトリクスLEDの アニメパターン 動 列の切り替えを繰り返す 静 残像によって列の切り替えが見えなくなる 動 静止画を重ねると残像により アニメーションが見えてくる
  27. 27. BitmapDataにする •TextFieldをBitmapData化する var tf:TextField = new TextField(); ・・(略)・・ var data:BitmapData =   new BitmapData(24, 8, false, 0x0); data.draw(tf, new Matrix(1, 0, 0, 1, p.x,   p.y-4), null, BlendMode.ADD); •グレイスケール化して先頭の2bitを明るさに
  28. 28. アジェンダ •LEDガジェット「DISCOTICA」の紹介 •マトリクスLEDにある2層のアニメ •Cocomoを使用したマトリクスLEDへの   コラボお絵描き
  29. 29. Cocomoデビュー! •PaaS(Platform as a Service) •リアルタイムでのコラボレーション作業を 促進するようなプラットフォームを提供 •SDKをダウンロードすればすぐに試せる! •現在のバージョンは0.9
  30. 30. 共有マトリクスLED http://www.embodiedweb.net/flex/minias9/
  31. 31. 超シンプルなコード <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:rtc="CocomoNameSpace"> <rtc:AdobeHSAuthenticator id="auth" userName="guest"/> <rtc:ConnectSessionContainer authenticator="{auth}" roomURL="http://connectnow.acrobat.com/takehide22/minias9"> <rtc:SharedWhiteBoard sharedID="mini" width="720" height="350" x="10" y="10"/> </rtc:ConnectSessionContainer> </mx:Application>
  32. 32. MPU AVR (C) マトリクスLED ソケットサーバ (Python) USB シリアル Flash (Flex) MacBook Pro内 socket (8*24,明るさ2bit) DISCOTICA内
  33. 33. MPU AVR (C) マトリクスLED ソケットサーバ (Python) USB シリアル Flash (Flex) MacBook Pro内 socket (8*24,明るさ2bit) DISCOTICA内
  34. 34. MPU AVR (C) マトリクスLED ソケットサーバ (Python) USB シリアル Flash (Flex) MacBook Pro内 socket (8*24,明るさ2bit) DISCOTICA内 Flash (Flex) Flash (Flex)
  35. 35. MPU AVR (C) マトリクスLED ソケットサーバ (Python) USB シリアル Flash (Flex) MacBook Pro内 socket (8*24,明るさ2bit) DISCOTICA内 Flash (Flex) Flash (Flex)
  36. 36. Cocomoのできること •チャット •ファイル共有 •Webカメラによる映像配信 •VOIPによる音声配信 •ユーザ認証やセッション管理
  37. 37. ということで今回は
  38. 38. ということで今回は •マトリクスLEDを用いてアニメーションとは なんぞや,というのを確認した
  39. 39. ということで今回は •マトリクスLEDを用いてアニメーションとは なんぞや,というのを確認した •メガネ型マトリクスLEDガジェット 「DISCOTICA」の可能性を確認した
  40. 40. ありがとうございました!

×