SlideShare a Scribd company logo
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を送信
•(行)8bit * (明るさ)2bit * (列)24 = 48byte
マトリクス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(24, 8, false, 0x0);
data.draw(tf, new Matrix(1, 0, 0, 1, p.x,
  p.y-4), null, BlendMode.ADD);
•グレイスケール化して先頭の2bitを明るさに
アジェンダ
•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="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>
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)
Flash
(Flex)
MPU
AVR
(C)
マトリクスLED
ソケットサーバ
(Python)
USB
シリアル
Flash
(Flex)
MacBook Pro内
socket
(8*24,明るさ2bit)
DISCOTICA内
Flash
(Flex)
Flash
(Flex)
Cocomoのできること
•チャット
•ファイル共有
•Webカメラによる映像配信
•VOIPによる音声配信
•ユーザ認証やセッション管理
ということで今回は
ということで今回は
•マトリクスLEDを用いてアニメーションとは
なんぞや,というのを確認した
ということで今回は
•マトリクスLEDを用いてアニメーションとは
なんぞや,というのを確認した
•メガネ型マトリクスLEDガジェット
「DISCOTICA」の可能性を確認した
ありがとうございました!

More Related Content

Viewers also liked

2011/12/14 FxUG発表資料 初めてのRobotlegs
2011/12/14 FxUG発表資料 初めてのRobotlegs 2011/12/14 FxUG発表資料 初めてのRobotlegs
2011/12/14 FxUG発表資料 初めてのRobotlegs 豊 満石
 
Unity講座資料1
Unity講座資料1Unity講座資料1
Unity講座資料1
Mattun
 
インタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlashインタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlash
Yasunobu Ikeda
 
GroovyでJSON2015
GroovyでJSON2015GroovyでJSON2015
GroovyでJSON2015
Yasuharu Hayami
 
Scc2015 you tube
Scc2015 you tubeScc2015 you tube
Scc2015 you tube
Jun Futakawa
 
FOSS4G LT - Invitation to ActionScript Programming
FOSS4G LT - Invitation to ActionScript ProgrammingFOSS4G LT - Invitation to ActionScript Programming
FOSS4G LT - Invitation to ActionScript Programminggyuque
 
Scc2015 SNS Tech
Scc2015 SNS TechScc2015 SNS Tech
Scc2015 SNS Tech
Jun Futakawa
 
開発ゼミ発表
開発ゼミ発表開発ゼミ発表
開発ゼミ発表YanoLabLT
 
Unity2015_No5_~Mecanim~
 Unity2015_No5_~Mecanim~  Unity2015_No5_~Mecanim~
Unity2015_No5_~Mecanim~
CHY72
 
Flash Developerになる4つのヒント
Flash Developerになる4つのヒントFlash Developerになる4つのヒント
Flash Developerになる4つのヒントYusuke Kamo
 
Unity講座資料 共通
Unity講座資料 共通Unity講座資料 共通
Unity講座資料 共通
Mattun
 
Flex入門
Flex入門Flex入門
Flex入門
Shinjiro Watanabe
 
WCAN mini ActionScript vol.11
WCAN mini ActionScript vol.11WCAN mini ActionScript vol.11
WCAN mini ActionScript vol.11
ll_koba_ll
 
mixpanel と cms を活用した One to One マーケティング
mixpanel と cms を活用した One to One マーケティングmixpanel と cms を活用した One to One マーケティング
mixpanel と cms を活用した One to One マーケティング
Kazumich YAMAMOTO
 
インターフェイス実装の活用例 AS編
インターフェイス実装の活用例 AS編インターフェイス実装の活用例 AS編
インターフェイス実装の活用例 AS編Yoshitaka Kimisaki
 
SWF LOVE (ASを使わないFlash勉強会 #1)
SWF LOVE (ASを使わないFlash勉強会 #1)SWF LOVE (ASを使わないFlash勉強会 #1)
SWF LOVE (ASを使わないFlash勉強会 #1)
ken39arg
 
AIRKinect
AIRKinectAIRKinect
AIRKinect
Sadao Tokuyama
 
JavascriptでLeap Motion事始め
JavascriptでLeap Motion事始めJavascriptでLeap Motion事始め
JavascriptでLeap Motion事始め
Kenta Kowaki
 
JsonSlurperの話
JsonSlurperの話JsonSlurperの話
JsonSlurperの話
Yasuharu Hayami
 
JAWS-UG名古屋 Lambda-LT
JAWS-UG名古屋 Lambda-LTJAWS-UG名古屋 Lambda-LT
JAWS-UG名古屋 Lambda-LT
Akio Katayama
 

Viewers also liked (20)

2011/12/14 FxUG発表資料 初めてのRobotlegs
2011/12/14 FxUG発表資料 初めてのRobotlegs 2011/12/14 FxUG発表資料 初めてのRobotlegs
2011/12/14 FxUG発表資料 初めてのRobotlegs
 
Unity講座資料1
Unity講座資料1Unity講座資料1
Unity講座資料1
 
インタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlashインタラクティブコンテンツにおけるHTML5とFlash
インタラクティブコンテンツにおけるHTML5とFlash
 
GroovyでJSON2015
GroovyでJSON2015GroovyでJSON2015
GroovyでJSON2015
 
Scc2015 you tube
Scc2015 you tubeScc2015 you tube
Scc2015 you tube
 
FOSS4G LT - Invitation to ActionScript Programming
FOSS4G LT - Invitation to ActionScript ProgrammingFOSS4G LT - Invitation to ActionScript Programming
FOSS4G LT - Invitation to ActionScript Programming
 
Scc2015 SNS Tech
Scc2015 SNS TechScc2015 SNS Tech
Scc2015 SNS Tech
 
開発ゼミ発表
開発ゼミ発表開発ゼミ発表
開発ゼミ発表
 
Unity2015_No5_~Mecanim~
 Unity2015_No5_~Mecanim~  Unity2015_No5_~Mecanim~
Unity2015_No5_~Mecanim~
 
Flash Developerになる4つのヒント
Flash Developerになる4つのヒントFlash Developerになる4つのヒント
Flash Developerになる4つのヒント
 
Unity講座資料 共通
Unity講座資料 共通Unity講座資料 共通
Unity講座資料 共通
 
Flex入門
Flex入門Flex入門
Flex入門
 
WCAN mini ActionScript vol.11
WCAN mini ActionScript vol.11WCAN mini ActionScript vol.11
WCAN mini ActionScript vol.11
 
mixpanel と cms を活用した One to One マーケティング
mixpanel と cms を活用した One to One マーケティングmixpanel と cms を活用した One to One マーケティング
mixpanel と cms を活用した One to One マーケティング
 
インターフェイス実装の活用例 AS編
インターフェイス実装の活用例 AS編インターフェイス実装の活用例 AS編
インターフェイス実装の活用例 AS編
 
SWF LOVE (ASを使わないFlash勉強会 #1)
SWF LOVE (ASを使わないFlash勉強会 #1)SWF LOVE (ASを使わないFlash勉強会 #1)
SWF LOVE (ASを使わないFlash勉強会 #1)
 
AIRKinect
AIRKinectAIRKinect
AIRKinect
 
JavascriptでLeap Motion事始め
JavascriptでLeap Motion事始めJavascriptでLeap Motion事始め
JavascriptでLeap Motion事始め
 
JsonSlurperの話
JsonSlurperの話JsonSlurperの話
JsonSlurperの話
 
JAWS-UG名古屋 Lambda-LT
JAWS-UG名古屋 Lambda-LTJAWS-UG名古屋 Lambda-LT
JAWS-UG名古屋 Lambda-LT
 

More from Hideyuki TAKEI

Beatroboでのハードウェアプロトタイピング
BeatroboでのハードウェアプロトタイピングBeatroboでのハードウェアプロトタイピング
Beatroboでのハードウェアプロトタイピング
Hideyuki TAKEI
 
Pythonによる4足歩行ロボットの制御と強化学習による歩行動作獲得の実例 #pyconjp
 Pythonによる4足歩行ロボットの制御と強化学習による歩行動作獲得の実例 #pyconjp Pythonによる4足歩行ロボットの制御と強化学習による歩行動作獲得の実例 #pyconjp
Pythonによる4足歩行ロボットの制御と強化学習による歩行動作獲得の実例 #pyconjp
Hideyuki TAKEI
 
Golang, make and robotics #gocon
Golang, make and robotics #goconGolang, make and robotics #gocon
Golang, make and robotics #gocon
Hideyuki TAKEI
 
cocos2d-x で PlugAir を 使えるようにしてみた
cocos2d-x で PlugAir を 使えるようにしてみたcocos2d-x で PlugAir を 使えるようにしてみた
cocos2d-x で PlugAir を 使えるようにしてみた
Hideyuki TAKEI
 
Android時代のミニ四駆
Android時代のミニ四駆Android時代のミニ四駆
Android時代のミニ四駆
Hideyuki TAKEI
 
Php Meets Messagepack
Php Meets MessagepackPhp Meets Messagepack
Php Meets Messagepack
Hideyuki TAKEI
 
『車内での携帯電話の ご使用はご遠慮ください』 問題について考える 〜iPhoneケースつくりました〜
『車内での携帯電話の ご使用はご遠慮ください』 問題について考える 〜iPhoneケースつくりました〜『車内での携帯電話の ご使用はご遠慮ください』 問題について考える 〜iPhoneケースつくりました〜
『車内での携帯電話の ご使用はご遠慮ください』 問題について考える 〜iPhoneケースつくりました〜
Hideyuki TAKEI
 
Kansai.AR - ARを作って考える~これであなたも超高音~
Kansai.AR - ARを作って考える~これであなたも超高音~Kansai.AR - ARを作って考える~これであなたも超高音~
Kansai.AR - ARを作って考える~これであなたも超高音~
Hideyuki TAKEI
 
ちょい絶Vol3「Webからこんばんは」
ちょい絶Vol3「Webからこんばんは」ちょい絶Vol3「Webからこんばんは」
ちょい絶Vol3「Webからこんばんは」
Hideyuki TAKEI
 
学びの場としての畳空間 〜畳、敷きませんか?〜
学びの場としての畳空間 〜畳、敷きませんか?〜学びの場としての畳空間 〜畳、敷きませんか?〜
学びの場としての畳空間 〜畳、敷きませんか?〜
Hideyuki TAKEI
 

More from Hideyuki TAKEI (11)

Beatroboでのハードウェアプロトタイピング
BeatroboでのハードウェアプロトタイピングBeatroboでのハードウェアプロトタイピング
Beatroboでのハードウェアプロトタイピング
 
Pythonによる4足歩行ロボットの制御と強化学習による歩行動作獲得の実例 #pyconjp
 Pythonによる4足歩行ロボットの制御と強化学習による歩行動作獲得の実例 #pyconjp Pythonによる4足歩行ロボットの制御と強化学習による歩行動作獲得の実例 #pyconjp
Pythonによる4足歩行ロボットの制御と強化学習による歩行動作獲得の実例 #pyconjp
 
Golang, make and robotics #gocon
Golang, make and robotics #goconGolang, make and robotics #gocon
Golang, make and robotics #gocon
 
cocos2d-x で PlugAir を 使えるようにしてみた
cocos2d-x で PlugAir を 使えるようにしてみたcocos2d-x で PlugAir を 使えるようにしてみた
cocos2d-x で PlugAir を 使えるようにしてみた
 
Klabの梅雨対策
Klabの梅雨対策Klabの梅雨対策
Klabの梅雨対策
 
Android時代のミニ四駆
Android時代のミニ四駆Android時代のミニ四駆
Android時代のミニ四駆
 
Php Meets Messagepack
Php Meets MessagepackPhp Meets Messagepack
Php Meets Messagepack
 
『車内での携帯電話の ご使用はご遠慮ください』 問題について考える 〜iPhoneケースつくりました〜
『車内での携帯電話の ご使用はご遠慮ください』 問題について考える 〜iPhoneケースつくりました〜『車内での携帯電話の ご使用はご遠慮ください』 問題について考える 〜iPhoneケースつくりました〜
『車内での携帯電話の ご使用はご遠慮ください』 問題について考える 〜iPhoneケースつくりました〜
 
Kansai.AR - ARを作って考える~これであなたも超高音~
Kansai.AR - ARを作って考える~これであなたも超高音~Kansai.AR - ARを作って考える~これであなたも超高音~
Kansai.AR - ARを作って考える~これであなたも超高音~
 
ちょい絶Vol3「Webからこんばんは」
ちょい絶Vol3「Webからこんばんは」ちょい絶Vol3「Webからこんばんは」
ちょい絶Vol3「Webからこんばんは」
 
学びの場としての畳空間 〜畳、敷きませんか?〜
学びの場としての畳空間 〜畳、敷きませんか?〜学びの場としての畳空間 〜畳、敷きませんか?〜
学びの場としての畳空間 〜畳、敷きませんか?〜
 

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