3d on akky@サイボウズラボ・ブログ

3D Order Book - 仮想通貨の売買状況をブラウザで高速表示

Fri, 03 Jun 2022 00:00:00 +0000

3D Order Bookは、Bitcoin などの仮想通貨のリアルタイムでの取引状況をグラフにして見るwebサイトです。ただし、そのグラフは立体で表現されています。

上のスクリーンショットだと、左手の緑が買気配、右手の赤が売り気配の株数。売買が成立した時は谷底に黄色い球が見えますね。

スターウォーズの有名シーンのような X-Wing モードでは、時系列が逆で過去から現在へ向かって移動するように描画がされます。

Bitcoin 市場の動きを3D化した中を FPSのように動き回る

また、FPSモードで3Dグラフの中を自由に動き回ることもできます。なかなか思い通りに動けませんが。

ソースコードはGitHubで公開されているので、仮想通貨でなくても他の株式市場のデータなどを突っ込むことができるでしょう。

River Runner - アメリカ合衆国のどこかに垂らした水がどの川を通って海に到達するか見せてくれる地図

Mon, 17 May 2021 00:00:00 +0000

River Runner は、アメリカ合衆国を流れる河川の地形情報を使い、地図上の任意の地点に落とした雨がどこを通るかを見せてくれるインタラクティブ地図です。

地図上を適当にクリックします。ユタ州の適当な山岳部をクリックすると、アリゾナ、ネバダ州を通ってメキシコとの国境に至る川のルートと、それぞれの名称や距離が地図上に表示されます。

そして画面は3Dに変わり、落下地点から海(やカナダ・メキシコ国境)まで川を下っていく様子を見せてくれます。

北西部に水を落とすと、最後は10州ほどを通ってミシシッピ川からメキシコ湾にルートが引かれました。これぐらいになると川下りの表示も数分以上かかります。

ソースコードはGitHubで公開されています。アメリカの河川データは政府のサイトでオープンデータとして公開されているためにこのような地図が作れるのですね。国土交通省のデータを使うと同じような地図が作れるのでしょうか。

via Maps Mania

3D世界人口地図 2200BCからAD1980までの世界諸都市の人口を地球儀上に

Tue, 29 Sep 2020 00:00:00 +0000

Urban Expansion 3D Visualization は、紀元前220年から最近までの世界の人口の移り変わりを、ブラウザ上に3D表示した地球上にプロットするというインタラクティブな世界地図です。

紀元前1000年。文明の曙的な。古代文明の発生地に都市ができていますが、まだどれも点です。人口が増えると、都市のプロットに高さが加わっていきます。

1857年、日本は安政年間。幕末です。江戸も見えていますね。

このサイトでの最後の年 1980年。手前の長い赤棒が東京。右手上に伸びているのはニューヨークでしょう。

最後の100年ちょっとで、世界各地の人口が驚くほど伸びていることがわかります。人口の絶対数でグラフを描いているため、期間中のほとんどは動きが少なくなってしまったともいえるかも。

データは公開されているイェール大のSpatializing 6,000 years of global urbanization from 3700 BC to AD 2000 を使っているとのこと。この元データが1980年までなのかと思いましたが、データ自体は2000年まであるみたいですね。最近までのデータを含めると、さらに激しい人口増加がみられる地域がありそうです。

Roomality - リアルタイムCGと顔位置追跡で壁面にリアルな景色を再現

Wed, 22 Jul 2020 00:00:00 +0000

Roomality は、壁に掛けた大画面液晶に実写のように合成した景色を描画するという製品です。

デモ動画で映される窓の外の風景は、森の中の渓流、宇宙空間、地球を見上げる月面、雪の降る森、山の上から見る山並みなど。これらすべてが Unreal Engine を使ったCGで描かれているそうです。

最近のオープンワールド系ゲームの中の景色のリアルさを見れば、リアルタイムでこれぐらいの風景が描けること自体はもう驚きでもないのかもしれません。しかし、Roomality はただ合成した景色を映すだけではなく、カメラによるフェイストラッキングを使って見ている人の視点にあわせた描画を行うということ。これにより、部屋の中で自分が位置を変えると、窓の外(=というテイの大画面)に映る景色もそれに連動して描かれ方が変わる、というわけ。

デモを見た限りでは、ほんとうにその大画面が窓であり、窓の外にその景色が広がっているかのようです。

視点の位置をカメラで見てその人視点の3D画像を表示するというのは、実はNintendo 3DSとかでもだいぶん前にやってたみたいで、まったく新しい話でもないみたいなのですが、それをフェイクの大窓とその景色に使うのは面白いし、景色の良くない我が家にもぜひ欲しいなと思いますね。

今後の計画として、窓一面を画面にしてしまいテラスやバルコニーに出ていけそうな体験を再現したり、全方向の壁をディスプレイにしてより完全に近い没入感を実現したり、を考えているそうです。

City Generator - 架空のアメリカの都市の地図や3Dモデルを自動生成

Mon, 25 May 2020 00:00:00 +0000

City Generator は、アメリカの大都市の地図を自動生成してくれるwebサービスです。

サイトを開くと勝手に自動生成が始まり、実際にありそうな都市の地図が少しずつできあがっていきます。

デフォルトはGoogleマップ風ですが、右上のメニューから Apple 風や手書き風など、さまざまなスタイルへの変更もできます。

デフォルトの「大公園2個、小公園なし」は少し寂しいと思ったので、公園を多めに作ってみたのが冒頭の地図です。他にもいろいろオプションがあるよう。

stl 形式のモデルをダウンロードすることもでき、これを使って都市を3Dで描くことも(知識と作業が必要そうですが)できるということ。

Typescript で書かれたソースコードはGitHub で公開されていて、自分で試すこともできます。

富嶽三十六景を描いた場所から富士山にマップした3D地図

Fri, 10 Apr 2020 00:00:00 +0000

葛飾北斎の富嶽三十六景のうち7枚を、それを描いたと思われる地点からの視点で富士に重ねて見えるようにした3Dマップです。

ブラウザ上に立体の日本地図が表示され、富士山から7方向に黒線が伸びています。黒線の端にはそれぞれの版画の画像が。

ブラウザ上の操作で富士と重ねてみることができて面白いです。46枚のうち7枚だけのプロットですが。

位置データをまとめて渡すとこのような動く地図をブラウザで表示してくれるサービスが簡単に使えるのは素敵です。映画のシーンをロケ地にマップしたりするのも面白いかもしれませんね。

via MapsMania

マイクソフトが描く近未来のお茶の間スポーツ観戦

Wed, 03 Feb 2016 00:00:00 +0000

来週のスーパーボウル50にあわせて、マイクロソフトがHololens技術を中心とした、「もう少ししたら家でのスポーツ観戦はこうなる」というデモ動画“Imagining the future for NFL fans”(未来のNFLファンを想像する)を公開しました。

スタジアムを上から見下ろす

プレイヤー紹介もリアル

欲しい統計データを取り出せたり

テーブルの上で今のプレイを3Dリプレイ。指をゴニョゴニョやって、カメラの角度や再生速度が変わってます。

この手のデモで良く突っ込まれる、今のHololensの視野角はそんなに広くないという話はやっぱりあって、今むりやりこの中継サービスを作っても、顔の正面にもっと小さな四角い映像が浮かぶだけです。たとえばこの記事で、イメージ映像でどう見えるかと自分の視点でどう見えるかを比較するアニメーションGIFを確認できます。

Urban Jungle - Googleストリートビューの風景をジャングル化するサービス

Wed, 19 Mar 2014 00:00:00 +0000

Urban Jungle は、グーグルのストリートビューの画像を加工して、街をジャングルにしてくれるというマッシュアップサイトです。

地名で検索した後で、表示したい地点まで地図を移動させたあと、黄色い人型をつまんで目的の地点に落とすと、その地点から見た風景をジャングル化してくれます。もちろん、その地点はストリートビューのデーターがある場所である必要があります。

スウェーデンの@inear さんによる実験プロジェクトで、ストリートビューの未公開APIを使っているらしいのでそのうち消えてしまうかもしれません。

via Hacked Google Street View Places Greenery Into Concrete Jungles - PSFK

遠近法を無視した操作で解いていく、ファースト・パーソン・パズルゲームのデモ

Fri, 10 Jan 2014 00:00:00 +0000

ファースト・パーソン・パズル

自分の目線から見たようなリアルな3次元世界をCGで再現し、その中で戦闘するゲーム「ファースト・パーソン・シューティング(FPS, 一人称視点)」は、特に海外で人気のジャンルです。

計算機科学の名門として知られるカーネギーメロン大学の、エンターテインメント・テクノロジー・センターの学生たちのグループPillow Castle Games が開発したのは、一人称視点ではありますがシューティング(銃撃)ではなくパズル、「ファースト・パーソン・パズル」

Forced Perspective

このゲームの特徴は、“Forced Perspective”(強制された視点)にあるそうです。“Forced Perspective"は、実際には遠くにある大きなものを、近くにある小さなもののように見せたり、あるいはその逆で、近くにある小さなものを、遠くにある大きなもののように見せたりする光学的なトリックのことです。

“Forced Perspective"で画像検索するといろいろな人が巨人になったり遠くの大きな建物や車を手のひらに載せたりという写真が出てきますね。

日本でも昨年、漫画「進撃の巨人」を再現する同様の遊びがネットで流行しました。

ゲームの内容は、CGで書かれた家の中を歩いたりジャンプしたりして、出口を探して脱出するというものですが、この世界には現実世界にはない法則があります。“Forced Perspective"なトリックが、トリックではなく実際に機能してしまうのです。

画面内のオブジェクトは自分の視点で見たサイズで掴み、近くや遠くに移動させることができるのです。といっても説明ではよくわからないと思うので、デモ動画がこちら。

まずオブジェクトの操作。遠くにあるエッフェル塔やピサの斜塔、自由の女神やピラミッドは、掴んで引き寄せればチェスの盤に乗ってしまい、チェスの駒と並んでしまいます。

ジャンプで登れないような高い所には、机の上にある小さなオブジェクトを大きくして踏み台を作ります。

壁に掛かるモナリザを大きな橋にしたり、近くの積み木で谷を埋めたり、遠くに見えるあんなものまで。窓やドアの遠近を狂わせることで、通れないところを通ったり、自分自身のサイズを変えたりもできます。

3DCGといえば、見栄えや物理法則など、現実世界をいかに再現するかがずっと競われ、進化していますが、現実には起こりえない法則を持ち込むというのも面白いですね。

まだコンセプトを証明する段階ということで、ゲーム自体の作りはそれほどでもないのですが、リリースが期待されます。

via Viral Video: Carnegie Mellon Students’ Game Demo Blows Internet’s Collective Mind | Re/code

エアろくろでエア陶芸し、3Dプリンタで実体化させる研究

Mon, 08 Jul 2013 00:00:00 +0000

「業界人のインタビューでは、なぜか両手をろくろを回すような形にした写真が多い」というのは、2012年の春頃に流行った笑い話で、「エアろくろ」という言葉を生み出しました。

アメリカのパーデュー大学の研究 Shape-It-Up は、Kinect を使ってエアろくろを回すことで、バーチャルな陶器(でもなんでも)を作れるというシステムです。

操作はおなじみのKinnectで。両手でオブジェクトの形を作っていきます。

形を変えたり、曲げたりも。

デモ動画では色をつけるところがどうなってるかわかりませんが、いろんな形のパーツを作ったものを組み合わせて、人型にしています(2:20 あたりから)

できあがった3Dモデルをプリントすれば、作ったモデルを具現化することもできますね。

via Put Your Hands Up…and Use Them to Mold Some 3D Art | Gadgets, Science & Technology

ストリートファイターIIをテーマにしたファン作成の3Dアニメーション彫刻

Wed, 29 May 2013 00:00:00 +0000

Street Fighter Motion Sculpture は、Cinema 4DとVrayという3DCG制作ツールの使い方を取得する目的でDant Headmanさんが制作した、ビデオゲームストリートファイターをテーマにしたアニメーション動画です。

サマーソルトキック

ゲームをやったことがある人なら、色や動きだけでわかるのですが、キャラクターはたいへん抽象化されています。

動きの残像がずっと残り続けていることと相まって、あまり見たことがない効果を生んでいます。

コメント欄では、これはぜひ3Dプリンターで印刷して飾るべきだ、という意見も。たしかに面白いかもしれません。

via Street Fighter Motion Sculptures – Virtual sculptures | Ufunk.net

Codespell - Java言語がそのまま呪文となる教育用3Dゲーム

Wed, 10 Apr 2013 00:00:00 +0000

カリフォルニア大学サン・ディエゴ校の計算機科学者達が開発した Codespell は、一人称視点の3Dゲームなのですが、その一番の特徴は、プレイすることでJavaプログラミングを身につけられるという点です。

Codespellでは、プレイヤーは小動物ノーム(gnome)たちが住む土地にやってきた魔法使いです。ノーム達は過去に魔法を使って生活していたのですが、今は魔法をうまく使えなくなっています。魔法の呪文はJava言語プログラムで、物体を浮遊させるとか火を起こすといった7つの手持ちの呪文を使って、ノーム達を助け、火を消したり川を渡ったりといったクエストを解き、バッヂを獲得するのがゲームの目標です。

ゲームプレイ

3D世界の岩が燃えていますが、

岩オブジェクトというターゲットオブジェクトに対して onFire()メソッドにfalseを渡す、という呪文を呼ぶプログラムを書き、実行することで、

燃えていた岩の火が消える、という例がデモ動画で紹介されています。

プログラミングの達人を昔からWizard、魔法使い、といいますが、ここでは、プログラムがそのまま魔法であるような仮想空間を作りこんだ、ということですね。

ゲームの教育効果

これを開発した研究者たちが、プログラミング経験がまったく無い10歳から12歳の女子40名にこのゲームを遊ばせたところ、少女たちは一時間もしないうちにJavaの基本的な構造を把握し、自分たちで新しい遊び方をプログラミングしたということです。たとえば、呪文(プログラム)を間違えてターゲットのオブジェクトを空中高く、届かないところに持ち上げてしまったグループは、自身を他のオブジェクトの上からジャンプさせるコードを書いて、ターゲットに次の呪文を掛けることができるようにしたそうです。

入手方法

ゲームはオープンソースで公開され、マック版はバイナリがダウンロードできます。Windows版も近々リリースされるということ。

via UC San Diego Computer Scientists Develop First-person Player Video Game that Teaches How to Program in Java via

Faceshift - 表情をリアルタイムでアバターに反映させる技術が実サービス開始

Mon, 19 Nov 2012 00:00:00 +0000

Faceshiftは、パソコンの横に置いたwebカム(Kinectなど)だけで、顔の表情を読み取り、その同じ表情を3Dで描いた別のキャラクターにリアルタイムにとらせることができる、というサービスです。

6月頃から技術ベータとして提供されていたようですが、11月15日に正式な有料サービスとしてリリースされたというアナウンスが出ています。

この技術のすごさを知るにはデモ動画を観るのが一番わかりやすいかなと。

カンファレンスで中の人が喋っていますが、その後ろで3Dのキャラクターがまったく同じ表情で動いています。

カメラで映した画像の距離と色から、その人の顔の3Dモデルを再現し、距離と色の情報にマッチする表情データを収集し、そこで表れている表情データを最終的なアバター側に送って反映させる、のだとか。

同じFaceshiftを使ったアート展示の様子はこちら。額縁の中の絵が、見に来た人と同じ表情を返します。

有料プランはプロのアニメーター等に使ってもらうことを想定しているそうで、二つのプランのうち高いほうのStudio(1500ドル/年間・人)では、MayaやMotion Builderなどの3Dツールのリアルタイムプラグインや、ストリーミング機能が使えます。

世界の経済活動を3DにしたFlash地球儀

Tue, 30 Jan 2007 00:00:00 +0000

[追記 2015-06] 元プロジェクトサイトはありますが、可視化地球儀のページは無くなっているようです。

経済活動の量に応じて赤い棒が立っている地球儀のフラッシュ

視覚化(Visualization)の面白さだねえ。

基データはイェール大学のG-Econプロジェクトの成果物らしい。GDPを基に、緯度1度、経度1度の範囲をセル(cell)としたGCP(Gross Cell Product)というのを考えて、セルあたりのGDPを(どうやったのかわからないけど)求めている。

G-Econプロジェクトのサイトでは、世界各国のデータが公開されている。それぞれ国ごとにも可視化されていて、日本のデータを使ったものがこれ。

ベトナムとか

旅行や出張で全然知らない国に行ったりするときに、どのへんが栄えてるのかわかっていいかもしれない。

via digg