collisions.dotimpac.to

広島国際アニメーションフェスティバルに行ってきた(2) (2006-03-07)
Processing days (2006-03-07)
日本初のProcessing解説書「Built with Processing」が発売されます (2007-03-01)
「Built with Processing」は３月28日ごろ発売です (2007-03-20)
「Built with Processing @ SuperDeluxe」開催しました (2007-05-16)
@IT連載「Ajaxで作るインタラクティブWebアプリケーション」(1) (2006-03-07)
dance and media 2004/TOKYO Opening party (2006-03-07)
管弦楽のかけら (2006-03-07)
iOdorokibanと映像ワークショップ (2006-03-07)
よく考えたらわりと遍在するJavaScript (2006-03-07)
AIExport for Processing 0085 Beta (2006-03-07)
Processing入門2005 (2006-03-07)
Processing(BETA)0085リサーチ (2006-03-07)
think-routine #15　キンダー・ブック (2006-03-07)
Piccy : Ajax photo album (2006-03-07)
Piccy ver.001 (2006-03-07)

Aug, 31 2004 (Tue)

■ 広島国際アニメーションフェスティバルに行ってきた(2)

[/event]

■１日目に続いて、２日目のイベントレポートです。

つづきを読む▼

ポール・ブッシュ特集

ダーウィンが眠っている間に　While Darwin Sleeps

リチャード・ウイリアム・セレクション

遥かなる戦場　The Charge of Light Brigade　（のアニメーションパート）

at 2004-08-31 00 00。ァ40 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Apr, 04 2005 (Mon)

■ Processing days

[/event]

※dotimpactが「紙相撲の土俵をトントンすると、画面の相撲中継のムービーがコマ送りされる」という改造マウス作品のムービーを発表している様子。「紙相撲」が英訳できそうになくて困った。

■ 前書いたとおりTDCDAYのために Processing のプロジェクトリーダー Ben Fry と Casey Reas （ケイシー・リースという読みかたがなかなか馴染まない…）が来日していました。

で、TDCDAYでのレクチャーはもちろん聴きにいったんですけども、とある筋で両名を招いた日本のProcessingユーザー（…だったのかな？）によるパーティのようなものが企画されていまして、そちらにも参加させていただきました。

てことでそのあたりをレポートしておきます。

つづきを読む▼

at 2005-04-04 14 14。ァ10 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Mar, 01 2007 (Thu)

■ 日本初のProcessing解説書「Built with Processing」が発売されます

[/info]

Built with Processing ―デザイン/アートのためのプログラミング入門

前川峻志、田中孝太郎
予価：本体3,400円＋税
ISBN：978-4-86100-424-7
B5判/並製本/4C/232頁
2007年3月下旬発売

■去年苦心して書いていた本が発売されることになりましたので紹介させてください。Processing.jpの前川君といっしょにProcessingの本を書きました。

授業のためのテキストを公開してたりした関係でBNNの編集さんに声をかけていただきまして、授業のテキストとして使ったり、プログラミング入門者がProcessingを独習したりできるような本を目指して内容をまとめたつもりです。またたんなるプログラムの学習本ではなく、ProcessingのコミュニティやProcessingを使った作品の紹介、実際にProcessingでプロトタイプを作った卒業制作（「千篇書道」!!）の制作プロセスなども扱っているところもユニークな本になってると思います。

目次は以下。近日中に見本が刷り上がってくるとのことなので、そのころまた続報いたします。

つづきを読む▼

「Built with Processing」目次

at 2007-03-01 00 00。ァ54 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Mar, 20 2007 (Tue)

■ 「Built with Processing」は３月28日ごろ発売です

[/info]

■先日お知らせした「Built with Processing」の見本刷りが届きましたので続報です。書店に入荷するのは今月の27～28日ごろになります。amazonではまだ扱われていませんが、発売されてからになるだろうとのことです。

以下ちょっとだけプレビュー。本屋で見かけたら手にとってみていただけるとうれしいです。

つづきを読む▼

「Built with Processing」内容プレビュー

at 2007-03-20 01 01。ァ13 / permalink / はてなブックマーク /del.icio.us / MM/Memo

May, 16 2007 (Wed)

■ 「Built with Processing @ SuperDeluxe」開催しました

[/info]

■5/11(金)にProcessingユーザのためのイベント「Built with Processing @ SuperDeluxe」を開催しました。はたしてどのくらい人が集まるものかと思っていましたがフタをあけてみればものすごい人数のみなさまにご来場いただき、ひとまず多くのかたがたにProcessingの作品や活動を紹介するという目的は達成できたのではないかと。しかしそれにしても、初版1000部の本の発刊記念イベントに400人も集まるというのはいったいどういう事態なんでしょうかね！　スーパーデラックスのスタッフさんによれば、今年いちばんくらいの動員になったそうです。長い時間すし詰め＆お立ち見になってしまったみなさまにはご迷惑おかけしました。

内容についてはすでにいくつもレポートが上がって居ますけど、まとめるとこんな感じでしょうか。

会場の写真はこの辺にアップしときます

http://www.flickr.com/photos/dotimpact/sets/72157600217970658/

つづきを読む▼

at 2007-05-16 00 00。ァ43 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Nov, 11 2005 (Fri)

■ @IT連載「Ajaxで作るインタラクティブWebアプリケーション」(1)

[/info]

■@IT：リッチクライアント＆帳票フォーラムの記事を担当することになりました。全３回の連載第１回が公開されています。

Ajaxで作るインタラクティブWebアプリケーション(1)

Ajaxフォトアルバムのフェードイン画像フレームを作ろう

実践的な内容のAjax記事が欲しいという編集者さんとお話をさせてもらう機会がありまして、Prototypeやscript.aculo.usを紹介しながら、PiccyみたいなAjaxアプリケーションを実際につくるプロセスを解説するようなものなら書けるかなということで今回の連載となりました。Ajaxの技術は細かなテクニックやノウハウは各所のブログで公開されているものの、アプリっぽいものを最初からつくっていくような記事はあまりないようなので（強いて言うとAjaxでエロゲーを作るブログとか？　ほかにあったら教えてください）。解説読んでたいしたことないなーともっと面白いもの作ってくれる人が増えるといいなと。あと２回続きますのでよろしくお願いします。ちなみにサーバ通信は最後の最後（！）になる予定です。まだ書いてないですけど。

第１回の執筆時には以下の日記／ブログ／ソースを参考にさせていただきました。順不同で感謝。

prototype.js
script.acul.us
naoyaのはてなダイアリー（prototype.js でデザインパターンのシリーズ）
Using prototype.js
こども(てれび)

ひげぽん OSとか作っちゃうかMona

Collection & Copy

（翻訳）AJAX/JavaScriptライブラリまとめ

LesserWiki
ページ内リンクでスムーススクロール@ZEROBASE CAST

そのほか多くのJavaScript/Ajaxハッカーの技術とあけっぴろげのソースにも感謝。

書き起こしのAjaxアプリの意義の考えかたについてはAjax で隠れた技術を表舞台に出すをヒントにしました。きまぐれ日記の工藤拓さんもちょうど作って理解するAjaxという連載を始めるようなので、どんな内容になるのか楽しみです。

あとあれだ、サンプルの画像が意味もなくシンメトリー写真なのはまあ気にせず。無難なのがなかっただけです。ほんとはオランダのサッカーチームの写真とかがよかったんですが。

at 2005-11-11 21 21。ァ50 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Sep, 06 2004 (Mon)

■ dance and media 2004/TOKYO Opening party

[/info]

http://dance.pao.to/page/damj2004_party.htm

2004/07/26(mon)19:30-22:30
fee/ 1500yen with 1drink
space/ BULLET's（六本木）東京都港区西麻布1-7-11 B1F

■ニシモトタロウ氏のパフォーマンス発表にサポートで参加します。僕の担当はステージ（？）のライブ映像を15ピースのスライドパズルに分解して、それをライブで解くというパフォーマンス部分。仕事帰りに現場合わせで10分ほどやってみる感じなので、どうなるかいまいち予測がついてませんが、よろしければご覧になってください。

つづきを読む▼

at 2004-09-06 16 16。ァ52 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Mar, 04 2006 (Sat)

■ 管弦楽のかけら

[/life]

■仕事が終わってから東横線でみなとみらいは馬車道まで足を伸ばして、「Live Fantasista PIRAMI meets 喪服の裾をからげ」というイベントを見てきた。いやあ、変だった。満足。

とその前に。今横浜にあるギャラリー（というか、イベントスペースかな？）BankART Studio NYKでElectric Fantasistaというメディアアート、テクノロジーアートの展覧会をやっていて、「Live Fantasista～」はそのなかの１イベントだった。展示のほうにもミスをするとプレイヤーに熱や電気ショックで身体的なペナルティを与えるという危険なゲーム機「PainStation」（//////////fur////）やら、椅子のマイクに向かって喋った言葉が、機械翻訳と合成音声と音声認識のリレーを経て不思議な伝言ゲームになっていくという作品「MisLeading MisReading」（United Bows）やら、おもしろいものがたくさんあったんだけど、イベント準備でちゃんと体験できなかったのが残念。

で、イベントのほう。ライブストリーミングで商品の購入を呼びかけて、クレジットカード決済で購入するとライブで注文を受けつけるんだけど、べつに商品を発送してくれるわけではなく、それだけ。という、なんというか、なんともいえない、ライブというかパフォーマンスを行っている「喪服の裾をからげ」というサイトがあって、今回はその「喪服～」ライブの特別バージョンとしてPIRAMIさんという作曲家とその楽団が、ストリーミング視聴者からの注文に合わせて即興で作曲、演奏を行うという「即興音楽のオンライン販売」の、公開ライブというものだった。ちなみに、そのお金を払って購入された曲が演奏されるときはストリーミングの音声は止められてしまい、買った人は自分の曲を聴くことができない。それは最初から決まっていることなので詐欺ではなく、にもかかわらず何人かの購入者が現れ、その購入者に捧げられた音楽が、当人のいない場所で作曲され、当人は聴けないまま演奏されていった。

いっぽう会場の観客としては、オンラインで誰かが購入してくれないと音楽が演奏されないコンサートなわけで、そこに来てるほうもどうかと思うけど、んーでも、なんか楽しかった。不思議で。たまに注文が入ると演者はもちろん観客にも（！）安堵がひろがって拍手が起こり、金額によって演奏時間が決まっているらしくほとんどが1分未満のかわいらしい管弦楽のかけらがふわりと演奏されるのだった。なんというか、いまどきここまでぜいたくに大真面目にハプニングをやる、というのもなかなかないのではないだろうか。しかもなんだか、ほのぼのしてよかったな。

つづきを読む▼

今日聞いたPodcast

at 2006-03-04 01 01。ァ45 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Sep, 06 2004 (Mon)

■ iOdorokibanと映像ワークショップ

[/project]

■大学のオープンキャンパスで、映像・インタラクション系授業の体験＆お持ち帰りワークショップとして定番の驚き盤（フェナキスチスコープ）を作る、というのを毎年やっておるんですが、３年目にもなるとシートを渡して絵を描いてもらって…というのはさすがにやる方が飽きたんで、Processingでカメラの映像をそのまま驚き盤になるというソフト「iOdorokiban」というのを作って、このソフトをつかってワークショップを実施しました。

つづきを読む▼

at 2004-09-06 16 16。ァ52 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Nov, 26 2005 (Sat)

■ よく考えたらわりと遍在するJavaScript

[/study/javascript]

■なんとなく僕も入門Ajax便乗企画。
いちおう貼っときます。まだ買えてないんですが。

入門 Ajax

高橋登史朗 (著)

■このあいだと旧友との飲み会で「JavaScriptが～」というような話をしてたら友人のacicくん（えーと、仕事ではサーバサイドJavaとかやってるひと）に「JavaScriptなんか使うほうが間違ってるっていう認識だけど」と返されて、うーん、まだそうなのかも。まだ汚名は返上されてないかも。と思ったところ。

ところでわれをひるがえってみるに、なんで今のAjax環境にわりとすんなり適応できてるかというと、よく考えてみると過去3年くらいでJavaScriptでいろんなものを作ってみていて、しかもいろんな（いわば）変態環境をとっかえひっかえするのに慣れていたので、「JavaScript（/JScript/ActionScript/などのECMAスクリプト系）はなんでもあり」というイメージがあったからではないかと思った。

なので、JavaScriptでなにができるか／なにを作ったかを、ここらで棚おろししてみます。

つづきを読む▼

JavaScript+DHTML（Ajax)

Photoshop / illustrator　スクリプト

Flash ActionScript

GA的驚き盤作成ツール　GenekistiScope（flash版）

WindowsScriptingHost(WSH)

まだやってないけど - GraceMonkey / XUL / Konfabulator(Dashboard,GoogleDesktop)

萌ディタ

at 2005-11-26 14 14。ァ37 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Apr, 29 2005 (Fri)

■ AIExport for Processing 0085 Beta

[/study/processing]

■ 授業で活用してみようと思って、Processing上の描画をIllustratorのaiファイルに書き出してくれるライブラリ AIExport を試してみたら、Alphaで作られたライブラリってまるっきりBetaでは動かないんですな。これは。

Processingでつくったプログラムの描画をどんどん紙に印刷させたいんで、まあsaveFrameのビットマップだけでもできなくはないけどちょっと悲しいし、でもAIExportを使うためだけにAlphaを授業で使うというのもシャクだなあ…と思ってなんとかならんかとソース（サイトで公開されている。 Allan William Martin 氏に感謝！）をいじっていたら、なんとか動くようになったので公開しておきます。Processing Betaの形式でimportできます。

■くわしくはこちら。

http://processing.dotimpac.to/index.php?library%2FAIExportFor0085Beta

つづきを読む▼

Alphaライブラリのコンバート

at 2005-04-29 11 11。ァ11 / permalink / はてなブックマーク /del.icio.us / MM/Memo

May, 20 2005 (Fri)

■ Processing入門2005

[/study/processing]

※解説図はTabletPCでナグリ描き…ないよりはいいかなと

■担当授業のProcessingレクチャーのために「Processing入門」の2005年度版を書きはじめました。去年のものをベースに、Betaバージョンでの変更の反映や、説明の順番などをいじっています。基本的には授業とは無関係にテキストだけ読んでもわかるように書いているつもりです。プログラムをやったことないけど、Processingを使ってみたい、という方がいたら参考に読んでみてください。

Processing入門2005

その１　Processingとは/Processingをインストール/Processingをはじめる/直線を描く/曲線を描く/変数をつかう/繰り返し描く
その２　色をつける／画像を使う／文字を使う／場合分けする／illustratorファイル出力
その３（予定）　関数／initとdraw／マウスを使う／キーボードを使う／配列（アニメーション）
その４（よ、予定…）　映像を使う（videoライブラリ）／音声を使う（sonia）

つづきを読む▼

プログラムを教える順番

at 2005-05-20 00 00。ァ18 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Apr, 25 2005 (Mon)

■ Processing(BETA)0085リサーチ

[/study/processing]

■授業で教えなきゃいけないのもあって、Processingベータの変更点やら新命令やらをリファレンスを読みながら書き出してます。なるほどけっこう変わってるなあ。いじってて気がついたことは、

メインループの構成の変更。従来loop()の中に書いていた記述はdraw()に書くようになり、ループするかどうかを選択できるようになった（loop()/noLoop()）。redraw()というrepaint相当の命令も用意されて、イベントドリブンなプログラムが想定されてるっぽい。
画面更新のパフォーマンスを最適化するような方策が採られている。従来pixels[]でディスプレイ画像のピクセルを操作すると即座に反映されてたけど、updatePixels()を明示的に呼ぶことで画面に反映されるようになった。updatePixels()は領域の指定もできるので、無駄な書き換えを減らせる。ちなみにPImage(従来のBImageから置き換わった）の内容を書き換えたときも同様で、PImage.updatePixels()を呼び出さないと画像を書き換えたことにならない。これは本家のリファレンスにはぜんぜん書いてないので、過去のプログラムをBETAにコンバートするときに注意。
OpenGLライブラリのサポートに際して、描画や座標変換に関する命令がよりOpenGLライクになった。3D系の命令（座標変換、カメラ、アトリビュート、光源）はOpenGLのAPIにネーミングもほぼ対応しているみたいなので、GLの入門テキストで勉強したほうがよさそう。

といったところ。目玉のライブラリについてはまだあんまり触ってないけど、VideoライブラリはQuickTimeムービークリップを操作する命令が充実しててけっこう楽しそう。期待のOpenGLライブラリはまだけっこうバギーな感じでおっかない。むしろじつはP3D（Processing専用の3D描画ライブラリ）が結構速くてよくできてるっぽい。2DのプログラムでもP3Dを指定するとOutofMemoryが出なくて問題なく動く場合なんかがあった。

このへんの情報はprocessing.dotimpac.toのwikiのほうにまとめているのでご参照ください＆更新歓迎。

http://processing.dotimpac.to/?0085

つづきを読む▼

.objで遊ぶ

at 2005-04-25 13 13。ァ45 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Oct, 06 1998 (Tue)

■ think-routine #15　キンダー・ブック

[/text/think-routine]

初出：2000-03-25

つづきを読む▼

注釈とか余談

at 1998-10-06 00 00。ァ00 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Sep, 26 2005 (Mon)

■ Piccy : Ajax photo album

[/works/web]

■ブラウザ上で気持ちよく使えることを目指した写真ビュアーを作ってみました。かなりのピュアAjax アプリケーションでもあります。

おもな機能

JavaScriptによる画面更新なしの写真閲覧
スライドバーで画像サイズの動的変更
画像のドラッグ＆ドロップによるタグ管理
写真タイトルなどのテキストをその場で編集（in-place-edit)

こちらでお試しください（アクセス集中すると重いかも…）

http://piccy.dotimpac.to/

■[追記]　公開後の問題を修正し機能を追加したver.001をリリースしました。

http://collisions.dotimpac.to/works/web/piccy001.html

つづきを読む▼

at 2005-09-26 12 12。ァ44 / permalink / はてなブックマーク /del.icio.us / MM/Memo

Oct, 13 2005 (Thu)

■ Piccy ver.001

[/works/web]

■先日公開したPiccyを、問題の修正や新機能を追加してバージョン001として公開します。

バージョン001では動作の不具合の修正と以下の機能を追加しました。

管理者認証機能
写真、フォルダ、タグへのコメント
GPS携帯からの位置情報通知、ロケーションタグ機能
GoogleMapsによるロケーションタグ一覧

サンプルサイトをごらんください。サンプルサイトはパスワード「guest」で管理者ログインできます。

http://piccy.dotimpac.to/

■ロケーションタグとGoogleMapsAPIもフォトアルバムを考えていた当初からやってみたかったので、とりあえず作ってみましたがどうでしょうか。

ちなみに写真と位置情報については、以前増井"富豪家"俊之さんとお話してたときに（Wikiばなですな）、「位置情報と時間の関連データが取れてれば後からどうにでもなるんだから位置情報をいちいち写真に添付するのはナンセンスだ」という話をしてて、もっともだなーと思っていたので、そういうものをつくってみたいなと前から思ってたんでした。

■［追記］

バグを修正したpiccy002をリリースしました。
piccyサポートwikiページを用意しました

つづきを読む▼

at 2005-10-13 14 14。ァ01 / permalink / はてなブックマーク /del.icio.us / MM/Memo

■ 広島国際アニメーションフェスティバルに行ってきた(2)

■ Processing days

■ 日本初のProcessing解説書「Built with Processing」が発売されます

■ 「Built with Processing」は３月28日ごろ発売です

■ 「Built with Processing @ SuperDeluxe」開催しました

■ @IT連載「Ajaxで作るインタラクティブWebアプリケーション」(1)

■ dance and media 2004/TOKYO Opening party

■ 管弦楽のかけら

■ iOdorokibanと映像ワークショップ

■ よく考えたらわりと遍在するJavaScript

■ AIExport for Processing 0085 Beta

■ Processing入門2005

■ Processing(BETA)0085リサーチ

■ think-routine #15 キンダー・ブック

■ Piccy : Ajax photo album

■ Piccy ver.001

■ think-routine #15　キンダー・ブック