[アニメ] 仮想の月
昨日、WTM82+Unityの懇親会で出会ったイラストレータのKさんからメールをいただいた。アニメーションを手掛けている、他の制作方法の可能性を求めて、Unityのハンズオンに参加したが、C#スクリプトがわからないという話。アニメーションには手間が掛かるからなんとかならないかという問題意識を持っておられるのだと思う。
元々、コンピュータは繰り返し作業や記憶・再生が得意だ。特にパラメータを変更して、アニメーションの状態をコントロールしたい場合は重要だし、便利だろう。一種のシミュレーションだ。アニメーションをコンピュータに取り込んでおくことは現代では当たり前に行われていることだろう。それにしてもアニメーション映画のクレジットに登場するアニメータ・クリエータ・エンジニアの膨大な数には圧倒される。世界をコンピュータ上に表現することは簡単ではない。
現在はデジタル・カメラが進化して、様々な表現を可能にしている。iPhoneにもパノラマ撮影の機能が搭載されている。僕自身は、10年ぐらい前にHugin(Hugin - Panorama photo stitcher)の0.5を見つけ、いろいろと試して感動したことがある。複数の画像をつなぎ合わせてパノラマ画像を作ることができるのだが、その頃のデジカメの性能の問題もあったのだろうけど、つなぎ合わせの部分を目立たなくするためには、写真の明るさなどをGimpで予め加工・調整する必要があった。今ならオートで撮影せずに同じ条件で撮影するなどの工夫をしたところだろうけど、いずれにせよ面倒であることは間違いない。
今回、アニメーションの話が出て、興味もあったところなので、何か作ってみることにした。コンテンツとして思いついたのが、瀬戸内海のパノラマ写真上に月が動くという絵図。今年の五月連休、休暇村讃岐五色台から瀬戸大橋を眺めたパノラマができると意識して取りためた写真があったのだが、Huginに10年間触っていないので、そのままになっていた。新しいHugin 2015.0.0のインターフェースはそれほど変わっていないと思ったが、画像のつなぎ目は見事にわからなくなっていた。10年の進化は大きい。背景は完成。
もう一つは動くもの、やはり休暇村讃岐五色台で撮影した白い月の望遠写真を切り出して、薄く黄色に彩色して、適当なサイズに調整した。
作ってみたのは、瀬戸内海・瀬戸大橋の空に仮想の月が円弧を描くという単純なアニメーション。
瀬戸内、仮想の月
最初は、HTML5 Canvasを使って作ろうかと思って、前から気になっていたDavid Geary著「プログラミング HTML5 Canvas ウェブ・モバイル・ゲーム開発のためのアプリケーション開発ガイド」(オライリー・ジャパン、2014年)を、ゆめタウンの紀伊國屋書店で購入してきたのだが、Gimpを使っているうちに、GIFアニメーションでもできるはずと計画変更。Gimpのレイヤー操作に習熟することも目的の一つ。今回のチャレンジで、Gimpのレイヤーを自在に使って、GIFアニメーションを制御する方法がわかった。大体、レイヤーの状態を表示するためのタブウインドウが見えていないまま、これまで使っていたことに気が付いたぐらいなので、アプリの使いこなしにも経験が必要ということ。
この方法であれば、プログラムはまったく必要がない。絵が描ければなんとでもなるね。二次元的な表現しかできないかもしれないけど。レイヤーの工夫次第では三次元的な動きのものも作れるかな。そのような複雑なものを作ろうと思えば、やはりプログラムでコントロー・汲ｵないと手に負えないかもしれないが・・・
上記のDavid Geary氏の著書(原著名: 「Core HTML5 Canvas」)は、2012年3月に脱稿なので、和訳が出たのは昨年だが、WebGLへの言及もわずかだ。新しい本を探してみると、Core HTML5 2D Game Programmingがある。この方はSwing関係などJavaプログラミングの大著もあるようだが、21世紀のJavaは暗黒時代だったというからおもしろい。Webの時代に入ったからだ。Javaのサーバーサイドだけではおもしろくない。Javaプログラミングを活かして、AndroidにSnail BaitというゲームをオープンソースのReplica Islandを元にしてインプリメントする。これをHTML5 Canvasに移植することをベースにして書かれたのが、前著「Core HTML5 Canvas」で、それをさらに成熟させたのが「Core HTML5 2D Game Programming」である。「Snail Bait」はNode.jsとsocket.ioを使う。あなたが、ゲームプログラマーなら読むべき本かも知れない。
もう少し複雑なアニメーションのコンテンツを構想できたら、Canvasを使ってみるのも一興ではある。
「Core HTML5 2D Game Programming」執筆前、IBM developerWorksに連載されたHTML5 による 2D ゲームの開発: Snail Bait の紹介の関連記事は、日本語版もあるので読んでみるとよいだろう。
ちなみに、前述のパノラマ合成ツールのHuginは、Hugin チュートリアル - 360度合成されたパノラマを作成するができるはずだ。魚眼レンズで撮影した写真を使う。試してみたいな。このリンクページの最後にあるmovファイルをQuickTime Playerで見ると見事なものだ。
Perlユーザーは、Bruno Postle / Panotools-Script - search.cpan.orgをインストールすると役に立つかもしれない。ドキュメントが大量にあるので何ができるのかを理解するのが大変そうだ。（99+）hugin and other free panoramic software - Google グループも追い掛けておくべきだろう。
HuginやPanorama ToolsはGPL(GNU General Public License - Wikipedia)のソフトウェアで使用の制約が少ない。ソースの改変も自由だが、改変したソースを公開する義務が生ずるぐらいで(バージョンによって厳しさが違うと思うので、実際には確認されたし)、使用や再頒布、商用利用は自由だ。大学発のソフトウェアでオープンソースであるところが大きいだろう。GoSC(Google of Summer Code)に参加しており、Googleの支援も受けている。
現在、魚眼レンズを搭載したカメラとしては、製品紹介 | RICOH THETAが最も容易に手に入るものになるだろう。API Reference ・ v2 ・ API & SDK | RICOH THETA Developersを調べていると、Open Spherical Camera API | Google Developersを見つけた。
GoogleのVRはCardboardで取り上げたが、制作されたコンテンツはJump - Googleを使用しているのだろうと思われる。
更新: 2015-09-22T18:51:16+09:00
[アニメ] スケッチブック上の太陽と月
さて、GIFアニメーションシリーズの第三弾。写真を使って、Gimpのレイヤー操作にある程度習熟したので、実際に絵を描いて、アニメーションらしきものを作ってみようと思った。太陽の廻りを周回する地球を三次元的に表現する。時間の経過をどう見せるかということになる。10fps×4秒間=40フレームで一周する。天体物理学的なモデルにはなっていないのであしからず。表示しているものは320x226ピクセル、320KB。原画のアニメーションは3500x2477ピクセル、14MB。GIF最適化している。
「スケッチブック上の太陽と月」の鉛筆スケッチ
ざっと、イメージをスケッチして、EPSON EP-803AのスキャナでスキャンしてPCに取り込み、Gimpで加工・背景彩色する。太陽の部分をマウスで描画・着色して、10フレーム分はプロミネンス・フレアーに変化をつけて、それを4回繰り返している。地球は最も近い部分を描いて、切り出し、20段階に5%均等縮小したものを作成して20フレームに順次ずらして割り付ける。それの繰り返し。
スケッチブック上の太陽と月
スケッチブック上に太陽が輝き、地球が巡回する。
[Apple] September Event 2015
今日の日本時間、午前二時からのアップル・イベントをリアルタイムで見る元気はとても出ないので、朝起きると検索して、【更新終了】アップルはやっぱりやばかった！ iPad Pro、Apple TV、そしてiPhone 6s ／ 6s Plus登場！ : ギズモード・ジャパンの記事を調べ始めた。今日はなんだか、精神的お疲れモードで早めに帰宅。メールを見ると、帰り際の報告にコメントしたことはすぐにキチンと連絡してくれていた。この人は迷いがない。よいと思えばすぐ実行する。
帰宅すると、すぐにApple TVを起動するが、iTunes Storeにログインできないと宣う。あれあれ、直感的に、これは電源を抜いて再起動すれば直るはずと思いながら、Microsoft EdgeでEventが見れるという話しがあったので、それを試してみる。確かに見ることができるが、PC上の黒い画面はいろいろなものが映って見難いので、Apple TVの電源を抜いて、再度差し込む。OK。メニューが表示される。Eventをクリックして、Braviaで視聴開始。
大体事前にリークされた情報の通り。Apple Watch、iPad Pro、Apple TV、iPhone。iPad Pro + Apple Pencilも興味深いが、紙に鉛筆で描くのと感触はどう違うだろうと思った。コンピューティングを変えるほどのインパクトがあれば素晴らしい。Bluetooth接続。Pencilの先端はかなり細いが、結局、ペン先とディスプレイ表面との接触する感触が問題なのだ。
iOS 9が9/16から配信、OS X El Capitanは9/30リリース。Apple TVはlate October、32GBが$149。当面の僕にとってのスケジュールのみ記載。
[デジカメ] フィルムカメラ - チェキ
フィルム写真人気、再燃？ | スラドネタ。今朝はカープICOCAの発売日で、既に10,000枚の販売数に対して数千人の人が集まり、大混乱らしい。8時からの発売、四列に並ばされて待っているそうだ。
メールを眺めていたら、スラドのスートリーが目に入った。最近はiPhoneの写真が一昔前のコンパクトデジカメのそれをあきらかに上回っているので、たくさん枚数を撮ったりする必要がなく、ズームが不要なら、iPhoneで済んでしまう。もう敢えてコンデジを買う人はいないのでは。もっとも、写真を撮るとiPhoneの電力消費はかなり大きいので、すぐバッテリー切れになってしまう。むしろ予備の充電用バッテリーが必要な時代かも。
いまさら、フィルムカメラではないような気もするけど、だいぶ以前、ネガからデジタルに落としてもらったことがある。その時は、デジタルに比べ、解像度の低さはどうしようもないという感じがした。デジタル化の部分が進化すればそれなりにおもしろいかもね。
チェキの販売台数､ついにデジカメを逆転へ | 企業戦略 | 東洋経済オンライン | 新世代リーダーのためのビジネスサイトの記事にあるチェキとはどんなものだろう。一度試してみるとよいかも。
更新: 2015-09-20T18:37:30+09:00
[デジカメ] 錦川の清流にて
連休最終日、岩国から錦川清流線沿いに187号線を北上、終点まで走った後、どこにも車を停める場所もないので、道の駅「ピュアラインにしき」までさらに走って一休み。臨時駐車場の近くの川に入って、COOLPIX S32という超安価なニコンの水中カメラで川面から水中を撮影してみた。
清流の証明
Gimpで複数の画像を次々とレイヤーとして開いていき、gifの拡張子でエクスポートを選択すると、条件設定ウインドウが出るので、「アニメーションとしてエクスポート」にチェックを入れれば、GIF Animationが簡単に作れる。
このGIFアニメーションはフレームレートが1fpsなのでゆっくりと画像が切り替わるが、10fps程度にすると動きのある映像のように見える。
COOLPIX S32の写真解像度は数値的には4160x3120あるけれども、画像としての実力はそこまでない。そのままの解像度でGIFアニメーション化すると42.1MBあるので、320x240までGimp上で画像サイズを縮小して、再度GIFアニメーションとしてエクスポートすると504KBまでサイズが小さくなった。昨日の「仮想の月」は動いている月の各フレームの背景は同じなので、フィルター→アニメーション→差分最適化を掛けているせいか、39KBしかない。
紙芝居的お遊び、実験の巻。このカメラは動画も撮れるので、動画で撮れば済む話。
[Firefox] iOS版Firefoxがいよいよ登場
iOS版「Firefox」、パブリックプレビュー版がニュージーランドで公開 - CNET Japanネタ。出るとは聞いていたが、ようやく姿を現しつつある。
要は、WebIDEが使えるかどうかが問題。Android版FirefoxはUSBケーブル経由で、Mac/PCのFirefoxからデバッグできるというか、アプリをFirefox内にインストールできる。が、僕の経験では簡単なものもうまく動いたわけではない。Marketplaceからダウンロードしたアプリは動いた。
[ゲーム] WTM82 + 広島Unity勉強会
日曜日に昼から袋町のソーシャルスペースMisociaで、Unityのハンズオン。WTMと広島Unity勉強会の共催。
UnityはUnity (ゲームエンジン) - Wikipediaにあるようにゲームエンジンとして有名だ。最近ではVRなどとも結びついているらしい。プログラミング言語はC#あるいはJavaScript。
僕自身はゲームをすること自体にはそれほど興味を持てないが、世界をモデル化する方法としては大変興味がある。ゲームは、CG・3D表現・アニメーション・ムービーなどにデータベースを加えたコンピューティングの様々な技術を投入する究極の場でもあるだろう。
Unity - Get Unityから無料のパーソナル版をMacBookにインストールして出掛けた。インストールしただけでまったく予備知識のない状態。まあ、それでも曲りなりになんとか補助してもらって進む。お世話になりました。
ハンズオンでは3Dオブジェクトがcubeとsphereでしかない。このままでは実用的なものにはなり得ない。重力の効果、カメラの動き、衝突などについて、3DオブジェクトとC#スクリプトとの関連付けについてはある程度理解できた。が、結局はコンピュータで何を作りたいのか、表現したいのかという問題に行き着くのだ。
ハンズオンのある勉強会が三回続いた。さて、さて、何を作るのかという問題に立ち戻ろう。
市役所前の蔵屋での懇親会はかなり盛り上がった。素晴らしい若い人たちからいろいろな刺激を受けた。負けずにがんばろうと思っている。
[Internet of Things] AmazonのIoT - アマゾン・ダッシュ・ボタン
「モノ」でなく「コト」をネットに載せるアマゾンがすすめるIoTの新たな実験｜ビジネスモデルの破壊者たち｜ダイヤモンド・オンラインネタ。以前、Amazon Dashを取り上げたことがあったが、さらにその延長線上に何が見えているかというお話。
前の記事はAmazon Freshサービス (2014/04/05)。これが、アマゾン・ダッシュ・ボタンというものになって、商品をIoT化する。
Amazon Dashの究極は、消耗品の発注機能を家電製品そのものに組み込んでしまうこと。10年もすれば、家電自身で必要なものは発注したり、修理を依頼したりするようになるのかもしれない。そういった仕組みに必要性や経済性があるかどうかが問題だが。しかしながら、技術的には可能な時代に入ったということができるだろう。そして、可能なことはビジネスとして検討されるということになる。
更新: 2015-09-05T11:31:10+09:00
[季節] 中秋の名月
今晩は中秋の名月、明晩はスーパームーンの皆既月食とか。月見日和。
中秋の名月
カメラ: カシオ EX-H20G、絞り値: f/5.7、露出時間; 1/2秒、ISO-400、焦点距離: 43mm、最大絞り: 3.4、測光モード: パターン、35mm焦点距離: 240mm,フォーカス方式: ∞。三脚を使って撮影。0.5秒間の光が重なって、現実から少し離れて、幻想的な感じを受ける。
原画は、4320x3240ピクセル、5.10MB、解像度: 72dpi、色の深さ: 24ビット、色の表現: sRGB。これを480x360ピクセルに縮小したものを掲載。
最近、写真家は「カメラ」だ！あなたではない。 - Kent Shiraishi Photo Studioを読んで、短い「電子ファインダー」という記事を書いたが、アナログをデジタルが超えようとしていると感じている。それで、今日はデジカメに任していた撮影条件を自分に取り戻そうとしてみた。が、実際、新たに調整することができたのはISO感度だけ。コンデジには絞りとか、露出時間(シャッタースピード)の設定項目がない。えーっ、そうだったの。
8K時代よ早く来い！ 僕の太陽写真は印刷では表現出来ない!! - Kent Shiraishi Photo Studioには、デジタル写真の再現は印刷では無理という話が書かれており、写真はディスプレイで再現する時代がやって来る。
[物語] ストーリー・テリングの未来
有名アニメーター、VRで「空間に絵を描く」（動画あり） ≪ WIRED.jpネタ。
グレン・キーン(Wikipedia)が、ヘッドマウントディスプレイを付けて三次元空間にアニメのキャラクターを直接描き出すのは興味深い。このキャラクターが動き出すのも間近いのだろう。昔ながらの紙に描くアニメとの対比がおもしろい。
先日のWTM82+広島Unity勉強会を通じて、ゲームエンジンを体験し、これが当然のことながら3DCGやVRに結び付いていることに気付かされた。
今日のHacker Newsには、methusalah/OpenRTSが紹介されていた。[Project] RTS game engine : OpenRTS is released - User Code & Projects / OpenRTS - jMonkeyEngine Hubのページに詳しい。リアルタイムにゲームを生成していく様子のビデオへのリンクがあるのだけど、この作業の前にどれくらいの準備が必要なのかな・・・
Autodeskがゲームエンジンに本格参入 | スラド デベロッパーの記事も目を引いた。ああ、Mayaを作っているのもAutodeskだったのかと思う。3Dモデリングなら、初心者にベストな２つの３Dモデリングツールはこれ！ | Social Design Newsにも紹介されているBlenderをインストールしたことはあるけれども。
表現の世界はいよいよVRに近づいていく。
次は、Technology - NextVR!?
あっ、忘れていた。Wiredの記事を辿ればいいけど、Future of Storytelling | Reinventing the way stories are toldが元ネタ。
Tilt Brushもフォローしておこう。Googleと結びついている。
更新: 2015-09-20T23:32:41+09:00
[TV] テレビはアプリになる
シリコンバレー101 (629) 5年前にスティーブ・ジョブズ氏が語ったTV市場の問題 | マイナビニュースネタ。
テレビの未来はappだと、ティム・クック氏はSeptember Event 2015で語った。上記の記事はイベントの前に書かれている。今のテレビは、iPhone登場前の携帯電話だという。iPhoneがスマホを作り出したように、Apple TVはスマートテレビを生み出すかもしれない。
メディアはアプリになる。少なくともアプリと結びつく。バイリンガルニュースというPodcastはアプリでTranscriptsのサブスクリプションを提供している。240円/月だ。文字ばかりだから、もう一つ工夫があったほうがよいかも。英語の勉強という位置付けかな。お手ごろなので、現在、購読中。
茨城・常総市、鬼怒川の堤防決壊による被害と救助活動をZEROが報道している。テレビのアプリとはどんなものだろう。ライブ、アーカイブのデータベースみたいなものになるだろうか。
Apple TVで映画やApple Eventsを視聴するようになったが、電話そのものの使用頻度がスマホのSMSで低下したように、テレビ番組の視聴はそう簡単には低下しないだろう。なぜなら、今のところ、テレビ番組に置き換わるような機能はテレビ番組以外に存在しないからだ。
Apple TVの場合、音楽専門チャネルは「Apple Music」。テレビ番組は、今のところ、様々なサービスの串刺し検索。それぞれのサービスの視聴料が問題だけど、番組単位で払うなら成り立つかも。Netflixがベーシックで650円/月、スタンダード950円/月、プレミアム1450円/月、Huluが933円/月ということで、そういうわけにもいかない。
Siriボタンを押して「なんか面白いTV番組見せてよ」って言うと見せてくれる。Siriの場合、iTunes、Netflix、Hulu、HBO、Showtimeを串刺し検索してくれるってのがミソ
(【更新終了】アップルはやっぱりやばかった！ iPad Pro、Apple TV、そしてiPhone 6s ／ 6s Plus登場！ : ギズモード・ジャパン)
でも考えてみると、NHKに衛星放送を含めて年間20000円以上払っているし、ケーブルテレビも3500円/月払っている。これを置き換えるという発想は当然あるわけだ。スカパー!のプロ野球セットは基本料と合わせて4401円/月。選別の時代に入ったということになるだろう。衛星放送のアンテナを自分で設置したのは、衛星放送の録画を可能にするためとケーブルテレビのコストを0にするためだったのだが・・・それだけではコンテンツを最適化できないということになる。
テレビ番組のコンテンツや配信が多様化するのは、Appleにとってチャンスであることは間違いないが、Appleの強みは、すなわち、Apple TVを購入する動機づけが、Apple独自のApple Musicなどのコンテンツや長年育ててきたiTunes Store、Apple Music Festival、iPhoneアプリなどとも連動した生態系にあることだ。ただ、NetflixやHuluと契約して、Apple TV経由でテレビ番組を視聴することになるだろうか。コンテンツによると言えるが、すべてを満足させるようなコンテンツを揃えられるとは思えない。それよりは新しいテレビの使い方を指し示すようなアプリか、テレビ番組を進化させるようなアプリが登場するかどうかに掛かっているかもしれない。
さて、どのような展開になるか、楽しみである。
更新: 2015-09-12T14:28:42+09:00