labo

CDT3460-02

2009-10-13T06:01:09Z

5分でできるLEDランプを作ってみた。

材料は以下の通り。
・電池　・・・　2本(3V)
・CDT3460-02　・・・　1個
・赤色LED　・・・　1個

この3つを下の図のように配線する。
CDT3460-02の繋ぎ方を間違えると、火傷するくらい熱くなるので注意してください。(おいら身をもって体験したよ。)

ぽにぽに光ってかわいいよ、かわいいよ。

WAVE SHIELD & ATmega328P

2009-10-07T09:11:30Z

ArduinoのWAVE SHIELDを作ってみました。
SDカードに入ってるwavファイルを再生できる優れもの。

送られてきたキットには説明書とか何にも入ってなくて、「なんじゃこりゃー！」って思ったんですが、公式サイトに部品のチェックリストとか作り方が載ってて一安心。

[Audio Shield for Arduino]
http://www.ladyada.net/make/waveshield/
左メニューの「Make It」と「Use It」に作り方と使い方が載ってます。

袋を開けるとこんな感じ。説明書なしでちょっと引く。

サイトを見ながら作業して無事完成。しかしこの後、まさかの大問題発生。

使うときはこんな感じでArduinoに乗っけます。
サンプルコードは公式サイトにたくさん転がってるのでそれを参考に。

で、できたーーーーー！と思って聴いてみたんですが、なんかうまく曲が再生されないんですよねー。Sirial Monitorで確認したら、ファイルが存在してるのはわかってるんだけど、ファイル名とかの情報が一切取得できてないっぽい。うーーーーん。

いろいろ調べた結果、僕の持ってるArduino Diecimilaは世代が古めで、メモリかなんかの容量が足りなくてプログラムがうまく走らないっぽいことが判明。(Arduino Diecimilaでもさくっと動いたってBlogを読んだような気がしたんですが、おいらのでは無理でした。)

次バージョンのArduino Duemilanoveを買わなくちゃいけないのかと思っていたら、Arduino Diecimilaに乗ってるチップ(下写真の赤丸部分)をATmega328Pっていうやつに変更したらDuemilanove同等の性能になるらしい。

という訳でスイッチサイエンスさんで調べてみたら、500円で売ってたのでぽちっと購入。
(他にもいろいろ面白いものがあったので、結局3000円以上ぽちぽちしてしまった…)

[スイッチサイエンス/商品詳細 Arduino大容量化チップ(ATMega328P)]
http://www.switch-science.com/products/detail.php?product_id=113

最新チップに乗せ変えたら、WAVE SHIELDもあっさり動きました。
よかった、よかった。

時間ができたらセンサーとかいろいろくっつけて、自分用のへんてこポータブルプレイヤーを作っちゃうぜ！

電気なしまとめ

2009-09-19T15:13:07Z

仕事が忙しくてなかなか電気と戯れることができず、久々の更新です。
なんかね、電気使うと部品多いし、ハンダとかめんどいしで、まとまった時間がないとなかなかできないんです。
なので電気なしでちょこちょこと作ってたものをいくつかアップしてみる。

まずはクロスステッチ。
雑誌で大図まことさんという人の作品を拝見しまして、あまりにカッコよくて僕の手芸のイメージがガラリと変わってしまいました。ついつい自分でもやってみたくなり、嫁の指導を受けながら挑戦。ドット絵を描く感じでチマチマ作っていく感が楽しい。
出来上がった某キャラクターは息子の手提げ袋に縫い付けてもらった。

続いて、こちら。制作日数2週間の超大作。
半年くらい前に出たNintendoDSのゲーム「無限航路」の主人公ユーリ。
ちょこっと仕事で関わらせていただいた縁もあり、無限航路を世界一愛している人にプレゼントしてみた。
ゲームも面白いんで機会があれば是非是非。

ドット絵がそのまま作品にできるので、ファミコン好きな人は作ってみると良いですよ。今後はTシャツとかにもステッチしてやるぜ。

クロスステッチの道具は池袋のキンカ堂とかの手芸店で揃います。
刺繍糸とかいっぱいあって選ぶのが楽しい。色で悩んだら、RGBを刺繍糸の色番号に変換してくれるStitch Color v2.0というフリーソフトがあるので、そちらを使うと吉。

あと、プラモデルも作ってた。
横山宏先生のMa.Kシリーズが大好き。
今年初めに買ったガンスはまだ組み立て途中なんだけど、ASFシリーズは部品数も少なく、お手軽に組めるので気分転換に最適。
で、組み立てたのはこちら、ASF Mk I。

改造なしでシンプルに組んだものを、Mr.Colorで適当に筆塗りした。
ウェザリングはコピックの茶色と黒を使ってみた。サビてそうな個所に点を打つ感じでちょこちょこ置いていくといい感じになるかも。
まだまだヘタッぴなんですが、ちょっとづつうまくなってる気がして楽しい。

こんな感じで。
10月になったら仕事も落ち着いてきそうなので、またいろいろ作りたいなー。

科学特捜隊フラバスターA

2009-02-24T08:54:19Z

Fnnel + Flash を使って、4歳児の妄想を具現化してみました。
動画はこちら。
この作品は、Adobe MAX Japan 2008/2009 にて発表させていただきました。

これを作ったきっかけですが、去年の夏に僕の息子(4歳)がタミヤのブルドーザーを手に入れました。
そのときの喜びの写真がこちら。

で、これを組み立てて(まあ、僕が組み立てたのですが)楽しそうに遊んでいるのですが、操作しながら息子がなにやらブツブツと呟きはじめたんです。

「行け！そこだ！よし！」
「危ない！ちきしょーーーーーー！」
「よーーーし！どかーーん、ずばーーーん」
etc...

きっと、彼の中ではものすごい妄想が渦巻いてるんだろーなーと思い、その妄想を想像して具現化してみました。

まず、用意したのはこちら。
オート三輪のプラモデル。

これをごにょごにょと改造して色を塗って、加速度センサーとFunnelとバッテリーを積み込みます。荷台をブレッドボードにすると、回路の作成が楽ですね。
できたのがこちら。

荷台の所にひもを通しているので、これを使ってブルドーサーにパイルダーオンするのです。
どうだ！

かっこいいー！
これでプロダクトは完成したので、今度は息子の頭の中で起こっていることをFlashで作ります。
こんな感じ。

ブルドーサーのコクピットです。
息子の中ではヒーローとヒロインが乗っていると思っているのかなー、と想像しながらデザインする。
ブルドーサーにすごい振動がかかったりの危機が訪れると、中の人が「うわーーーーっ！」となるようにアニメーションを作ってみる。

最後にブルドーザーにつけた加速度センサーが大きく揺れると、「うわーーーー」となるアニメーションが再生されるようにFlashをプログラミングして完成。動画の通り、ブルドーザーが段差に引っかかったりして大きく揺れると、中の人がパニックに陥ります。

簡単な仕組み図はこちら。
興味が出た方は作ってみてください。

せっかくなので、女の子版も作ってみた。

Funnel Set up!

2009-02-24T07:05:37Z

１月中ごろに手に入れたFunnel(http://funnel.cc)をFlashから動かしてみました！
funnel.ccにセットアップ手順が載ってはいるものの、わかりにくかった部分もあったので開発者の小林さんに伺った手順をメモ。環境はWindows XPです。

[手順1] Funnel I/Oを手に入れる
スイッチサイエンスさんから通販しました。
買ったのはこんだけ。funnel公式ページに書いてあるものと同じ一式を買うのだ。

■Funnel I/O × 1個
http://www.switch-science.com/products/detail.php?product_id=123

■XBee無線モデム（802.15.4モデル） × 2個
http://www.switch-science.com/products/detail.php?product_id=96

■XBeeエクスプローラUSB(完成品) × 1個
http://www.switch-science.com/products/detail.php?product_id=30

■リチウムポリマー電池 × 1個
http://www.switch-science.com/products/detail.php?product_id=135

■リチウムイオン電池充電器(完成品)　× 1個
http://www.switch-science.com/products/detail.php?product_id=49

合計1万円とちょっと。
在庫があれば2日ほどで届きます。
XBee無線モデムは海外でも取り扱ってるみたいですが、電波法とかあるので、日本で認可されたものを買うのが吉です。

[手順2] Funnel用のドライバとかライブラリをダウンロードする

こちらから「funnel_009b4.zip」を落としました。
http://code.google.com/p/funnel/downloads/list
解凍するとas3用のライブラリやSocketサーバ、XBee設定ファイルなどの一式が入ってます。ドキュメントも入っているので、一読することをお勧めします。

[手順3] XBeeを使えるようにする
2つ買ったXBeeの、親機/子機の設定を行います。
XBeeの設定にはX-CTUというソフトを使います。英語のソフトなので敷居が高いのですが、使い方は簡単なので頑張ります。
ダウンロードはこちら。無料です。
http://www.digi.com/support/productdetl.jsp?pid=3352&osvid=57&tp=4&s=316

使い方は以下。

1.XBeeエクスプローラUSBにXBee無線モデムをくっつけて、USBケーブルでPCと繋ぎます。こんな感じ。

2.繋がったらX-CTUを立ち上げます。

3.Test/Queryボタンを押して、ちゃんと繋がってるか確認します。
繋がってたらこんな感じのダイアログが出ます。

4.Modem Configrationタブを開きます。

5.Loadボタンを押して、先ほどダウンロードして解凍したfunnel_009b4内のhardware/fio/xbee/coordinator_auto_reset.proを開きます。これが親機の設定ファイルなので、Writeボタンを押してXBeeに設定を書き込みます。

6.同様に子機の設定もします。
XBeeエクスプローラUSBのXBee無線モデムを付け替えて、funnel_009b4/hardware/fio/xbee/enddevice.proをXBeeに書き込みます。

[手順4]Funnel I/OとXBeeエクスプローラUSBの設定
1.Funnel I/Oに子機設定をしたXBee無線モデムを、XBeeエクスプローラUSBに親機設定したXBee無線モデムを取りつけます。取りつける向きが逆だとえらいことになるので注意してください。

2.Funnel I/Oの電源近くのはんだジャンパを閉じます。

3.XBeeエクスプローラUSBのRTSとD3もはんだで閉じます。

[手順5] Funnel I/Oの電源を入れてみる
Funnel I/Oに電池を接続し、スイッチを入れます。
電池がなければUSBケーブルでPCと繋げば、PCから電力を取ることも可能です。
(Funnel I/OのUSB接続は基本的に電源を確保するだけみたいです。)

[手順6] Funnel I/Oに設定ファイル(スケッチ)をアップロードする
Funnel I/OへのスケッチアップロードはXBeeを使って無線で行います。
USBケーブルでPCと繋いでも電源供給されるだけなので要注意なのです。

1.ArduinoのWEBサイトからArduino 0012をダウンロードする。
http://arduino.cc/en/Main/Software

2.ダウンロードしたファイルを解凍し、arduino.exeを立ち上げる
こんな画面です。

3.Tool→Board→Arduino Pro or Pro Mini (8 MHz)を選択する

4.Tool→Serial PortからXBeeエクスプローラUSBのポートを選択する

5.File→Sketchbook→Openしてfunnel_009b4/hardware/fio/firmware/FioStandardFirmata/FioStandardFirmata.pdeを選択する

こんな感じで設定ファイルが表示されます。

6.Funnel I/Oの電源を入れ直し、直後に急いでUpdate to I/O Boardボタンを押し、ファイルをFunnel I/Oにアップロードする。

[手順7] funnel_serverの設定
funnel_009b4/serverフォルダ内のsetting.txtをFunnel I/O用に書き換えます。
こんな感じ。

(設定例)
server:
port: 9000

io:
type: Fio
port:
baudrate: 19200

このフォルダ内のsetting.txtを書き換えるのだ。

テキストエディットでこんな感じに。

設定が終わったらfunnel_009b4/server/funnel_server.jarを立ち上げます。自動的にFunnel I/Oを探し始めるので、このようにFunnel I/Oが見つかればOK。
複数のFunnel I/Oを探しに行くみたいで、「Discovering nodes...」となってる箇所があっても大丈夫っぽいです。

[手順8] 動作確認
funnel_009b4/libraries/actionscript3/examples/FioTest.flaをFlashで開き、パブリッシュしてみる。
Funnel I/Oとの通信に成功すると、Funnel I/Oに付いているLEDがチカチカ光るよ。やっほーい。

kurukuru Kart

2008-11-10T13:34:51Z

Ｗｉｉリモコンで運転する車を作成しました。
まずは、こちらの動画をご覧ください！

この作品は、2008年の10/14の「dotFes 2008 TOKYO school festival for web designers」で発表させていただきました。

]]> で、クスールの尾崎さんといろいろ話をしていたら、「その乗り物がWiiリモコンで操作できたら面白いよね」的なことに。
となると目指すは○オカートしかないですね。

仕組みはこんな感じ。
詳しい回路図はちょっと書く時間がないのですみません。
FlashとWiiリモコンは「WiiFlash」というAS3のライブラリで接続してます。
で、Wiiリモコンからの情報を元に、Gainerを使ってモーターを制御してます。

図を見てもらうとわかるんですが、右に曲がるときはカートの左モーターを回し、左に曲がりたいときは右モータを回します。
ハンドル操作に合わせて車輪を曲げることも考えたのですが、サーボの制御になるとGainerでは難しいのでこんな形にしました。

ちなみに70kgの人までは乗れます。100kg超えると無理でした。

次はこいつにバランスボードをのっけて、偽セグウェイでも作ろうかなあ。

SharedObjectでハマる

2008-11-05T08:58:37Z

FlashMXで作った昔のコンテンツをFlash9で作り直したら、SharedObjectがうまく動かなーーーーい！
という訳で解決策のメモ。

どうやらFlashPlayer 6と7以降で、SharedObject が生成する.solファイルを格納するフォルダが微妙に違うようです。
例えば www.hoge.com で配信されているFlashムービーがあるとして、6の場合は「hoge.com」というフォルダが生成されますが、7以降だと「www.hoge.com」と完全ドメインがフォルダ名になるようです。

で、7以降で6仕様(hoge.comのほう)を使いたい場合は、
スクリプトの最初のほうで、

as2なら
System.exactSettings = false;

as3なら
Security.exactSettings = false;

としておきます。
以降、SharedObjectは6仕様(hoge.comのほう)で振舞います。

参考：
http://www.adobe.com/jp/devnet/flash/articles/fplayer_security_06.html

http://livedocs.adobe.com/flash/9.0_jp/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00002185.html

http://livedocs.adobe.com/flash/9.0_jp/ActionScriptLangRefV3/flash/system/Security.html

Flash OOP Japan イベント2008

2008-08-17T15:12:36Z

というわけで、8/14にイベントが終了しました。
私用があって最後まで会場にいることができなかったのですが、関係者の皆さま、お疲れ様でした。
前々から気になっていた progression の話が聞けたり、wiiリモコンはずるいなー(笑)と思ったり、とても楽しいイベントでした。

]]>
[イベント資料 : fla.zip ]
http://www.hara3.net/sample/FlashOOP2008/fla.zip

2.0.0についての解説は、イベントでお話しした通り技術評論社のこちらのページが詳しいです。
//Box2Dの考え方についてもとても細かく書かれているので必読です。
[ Box2DでActionScript物理プログラミング ]
http://gihyo.jp/dev/feature/01/box2d

Box2D 2.0.0と2.0.1の違いですが、2.0.0では、静的なオブジェクトを作成するときはCreateStaticBody()メソッド、動的なオブジェクトの作成はCreateDynamicBody()メソッドを使用するのですが、2.0.1ではその2つのメソッドが廃止されたようです。その代り、createBody()メソッドでオブジェクトを作成し、静的/動的はdensityプロパティが0かどうかで判断しているみたいです。(1.4.x系と同じですね。)

他にも変更点がいくつかあるような気がするのですが、ちょっと調べきれていません。
詳しいことがわかる方がいらっしゃれば、是非、教えていただければと思います。(^^;

ではでは！

Thumping　Sumo

2008-08-12T05:28:16Z

くるくる研究室にて相撲ゲーム「Thumping　Sumo」を開発しました。

イギリスのWaiming Weeさんからのご依頼で、ヨーロッパでアジアの「遊び」を伝える目的ということで企画/制作しました。この作品は、2008年7月2日～11日にロンドンで開催された「Play Revolution」というイベントで展示されました。

クスールの尾崎さんがチュートリアル付きの動画をアップしてくれたのでご覧ください。

Thumping　Sumo
Directer : Shunsuke Ozaki (cshool / kurukuru)
Designer : Koui Shikakura (pickles / kurukuru)
Developer : Hiroki Hara (Tsumuji Technology / kurukuru)
Producer : Waiming Wee (unit9)

]]> 出来上がった次の日に尾崎さんが一式持ってロンドンに飛ぶ、というハードスケジュールでしたが、外国人に抵抗感なくちょんまげを着けさせることができてとっても満足です！

元ネタはpicklesタナカミノルさんのかき氷ジェネレーター。
久々に動画をみたのですが、何回見ても面白いなあ。

機材一式は現在ロンドンからの船中にあるらしいので、返ってきたら日本でも発表できればと思ってます。(10/14の「.fes」に間に合えば、そこでいろんな人に遊んでもらいたいなあ。)

というわけで、関係者の皆様、ありがとうございました！

Flash OOP for ActionScript 3.0

2008-08-04T05:53:28Z

すっかり忘れてましたが、書籍「Flash OOP for ActionScript 3.0」の執筆に参加しました。
本屋さんなどでお見かけの際は、手に取っていただけるとうれしいです。

それでもって、出版記念のイベントの告知です。

日付 :2008年8月14日（木）
時間 :18:30-22:30 (開場:18:00)
場所:六本木スーパーデラックス(http://www.super-deluxe.com/map/)
入場料：¥3,500円(書籍のオビ持参の方は500円キャッシュバックします)

オビがない場合は(ちょっと重いですが)書籍を持ってきていただいてもキャッシュバックいたしますだそうです。
僕もちょこっとだけお話しさせていただきます。
楽しいイベントになれば良いなあ。

My Virtual Reality Glove

2008-06-03T08:32:35Z

GainerとFlashで作ったバーチャルグローブが、Adobe デベロッパーセンターで記事になりました。へたっぴな工作ですが、詳しい作り方なども書いていますので、ご興味ありましたら是非ご覧ください。

[Adobe - デベロッパーセンター]
～パワードスーツが作りたいあなたへ～２万円でつくるマスタースレイブシステム

]]> ベースをスキー用のグローブで作ったので、我ながらカッコよいサンプルになったなあと思ってます。手袋だとなんでもよいと思って、最初は掃除用のゴム手袋を使ってたのですが、実際出来上がってみるとこれがあまりにも貧相で…。フィジカルコンピューティングは見た目もすごく大事だと痛感しました。

大変だったのは「裁縫」。なめてかかったらすごく難しいし時間がかかる。
ヨメさんに教えてもらいながら、夜中までチクチク縫いました。
でも、少しづつ形になるのはとても面白かったです。(祭り縫いをマスターしたよ。)
服とか作ってる人はすごいなあと実感しました。

あと、もうひとつサンプルを作ってみました。
3D空間をバーチャルグローブで移動するムービーです。

手首のところにも曲げセンサーを装着してます。
人差し指を伸ばせば奥に進み、曲げると止まります。
手首を左右に動かすと、左右に移動します。
撮影は、一緒にAdobeの記事を書いてくれたクスールの尾崎さん。ありがとうざいます～。

3Dのスクリプトは「ActionScript 3.0 アニメーション」という本のサンプルを参考にしました。
著者のKeith Petersさんの素晴らしいスクリプトに感謝です。

寺子屋クスール　第5回「体を使った元気な技術」

2008-05-21T11:48:36Z

オフィスシェアさせて貰ってるクスールさんが不定期で行っているイベント「寺子屋クスール」に参加させてもらいます。
http://www.cshool.jp/terakoya/

=====================================================
開催日   2008年6月27日（金）
時間   開始 19：00 - 終了 21：30　（開場 18：30 ）
場所   光明寺
最寄り駅   東京メトロ日比谷線神谷町駅　3番出口　徒歩1分
    （会場地図　http://www.komyoji.org/access.html）
参加料   3000円（お坊さんの手作りお菓子つき）
定員   60名
対象   物づくりに興味がある方/面白いことをやってみたい方/お寺に興味がある方/癒されたい方
=====================================================

僕はWiiリモコンで遊ぶFlashゲーム「chunchun」を発表予定です。
まだまだ開発途中ですが、イベントのときには完成しているはず。
是非、遊びに来てください！

My Security Camera

2008-04-28T07:03:14Z

Webカメラを使って簡単な防犯カメラシステムを作ってみたよ！
監視する対象がなかったので、とりあえず自分自身を記録してみるのですよ。
おいらの様子をサイトのトップで気まぐれに公開してみます。(一定時間で写真が変わります。)
]]> 埃をかぶっているWEBカメラを役に立てたいなーと。
とりあえずアプリの耐久テストをしたいので、気まぐれに開始して気まぐれに終わります。

システムの簡単な概要は以下の通り。

[クライアント側]
WEBカメラ
↓
AIRアプリでカメラ映像を取得。一定時間ごとに映像をjpgに変換しサーバへ
↓
サーバーで画像を受取り保存

[ビューワー]
Flash
↓
一定時間ごとにサーバから画像を読み込み

クライアントのAIRアプリは、Flash CS3を使って書き出してみたよ。
カメラの映像をjpgやpngに変換してサーバサイドに送る方法は、FlashOOPのサイトにある尾崎さんの「PNGエンコーダ」を参考にしました。

Make:Tokyo

2008-04-22T07:51:30Z

先日の日曜日、Make:Tokyoに行ってきました！

]]>
KIMURAさんのKIMURA式自走機シリーズのひとつ。
35ccのエンジンで駆動するロボット犬。
セレブな人たちが犬を連れているのが羨ましくて製作されたそうです。
難点は方向転換できないこと。
モーターで駆動する室内犬バージョンもあるとのことです。

ニコニコ技術部のakira_youさんの作品。
アクリル板に波が表示されてアニメーションしてます。AKIRAに出てくる科学者の人たちが見てたエネルギー波検出装置みたいでかっちょいい！
作り方もとてもシンプルで、とても面白い表現でした。

菊池秀人さんの歌うテスラコイル。
雷を発生させたりとか超高電圧、高周波の実験で使うテスラコイルを使って音楽を演奏されていました。
火花がバチバチ出てるんですが、そのバチバチ音で曲が作れるみたいなのです。

ほかにもたくさんあったのですが、ちょっと書ききれない。
IAMASの展示会で見た金箱さんのマウンテンギターがver.6になってた。ボディを楽器職人さんに作っていただいたらしく、手触りがすごく良くなっていました。早く製品化されたらいいのになあ。

あ、あと、セグウェイに乗ったよ。

HONDA Internavi

2008-04-02T11:29:50Z

HONDA インターナビ

ちょっと前になりますが、HONDA インターナビの実装を行いました。
とてもよくできたカーナビだと思うので、興味ある方は是非サイトをご覧下さい。

]]> 関係者の皆様、ありがとうございました！

Credit
Client：本田技研工業株式会社
Agency：（株）電通
Production：（株）シプー、（株）ピクルス、（株）エアフレイム
---------------------------------------------
Produce + Creative direction：中野良一（電通）
Produce：石川治彦（シプー）
Direction + ArtDirection + Design：タナカミノル（ピクルス）
Copy writing : 棕澤和宏（エコトバ）
Technical direction + Flash : 原央樹 (ツムジテクノロジー)
Flash：高橋晋一郎（ピクルス）
HTML：山下美緒（ピクルス）
Project management：松村槙（クスール）
Sound：加藤朋志（SPACE39℃）
Illustration：くわじまゆきお
---------------------------------------------
映像制作
Direction：タナカミノル（ピクルス）
Produce + VE + CGI + Edit：田巻源太（エアフレイム）
camera：石田直（エアフレイム）
Lighting：徳永陽平
Stylist：和田ケイコ、三塚亜似子
---------------------------------------------
協力：kurukuru、幸山佳史（dcup）、石谷円香