CanvasタグとJavaScriptで3Dのデモを作ってみました | ClockMaker Blog
HTML5というわけではないですが、CavasタグとJavaScriptを使って3Dのデモを作ってみました。 デモを見る ソースコード (［右クリック］→［ソースを見る］を選択) こういうのを見れば「HTML5すごい、Flashいらない」と思う人もいるかもですが、冷静にファーストインプレッションを。同じものを以前Flashで実装したことがありますが（Papervision3D演出サンプルNo.01:羽ばたく蝶々）、両者のデモを比較することでメリット・デメリットが見えてきます。 ＜追記：2013年9月3日＞ Three.jsの最新版rev 60にアップデートしてみました。3年前に作成したときはrev 17だったのですが、別物のライブラリと言わんばかりにほとんどAPIが変わってしまっています。ちなみにTypeScriptで書きなおしています。 デモを見る ソースコード (TypeScript)
普通の検索ボックスを作りました - 最速チュパカブラ研究会
The JUI 2009 Returns で Paul が CSS Transforms をプッシュしていたので、それにつられてデモを一つ作ってみました。 http://gyu.que.jp/giftbox/google/ 見てのとおり、普通の検索ボックスです。 普通にクエリ入力できます 普通に検索結果を見られます 箱の中にまた箱があることもあります。 …という感じで、また3Dネタですが、単なる画像ではない「生きている」HTML要素がグリグリ画面上を動き回れるというのは、何か新しいことができるんじゃないかという可能性を感じます。Canvas のほうは環境マッピングとかやって見た目は派手でしたが、いずれ O3D やら 3D Canvas やらが普及するまでの「つなぎ」です（だから、ライブラリ化したりする気がおきなかったんですが） しかし、IFRAME を変形させながらネストしてもしっかりレン
Papervision3Dをベースした3Dアプリ「VizualPV3D」 | ClockMaker Blog
Papervision3D (PV3D) をエンジンにした 3D アプリケーションの「VizualPV3D」のアルファ版が公開されていたのでダウンロードして試してみました。 とりあえず何ができるか 公式サイト で紹介されているビデオがありましたので、掲載しておきます。フルスクリーンモードにして再生すれば、実際の使用感が伝わると思います。 Vizual PV3D from Juxt Interactive on Vimeo. 私が触ってみて気づいた点をリストアップしてみました。 Primitiveオブジェクトを配置できる 配置したオブジェクトはXYZ座標と回転を自由に設置できる Material (テクスチャ)を設定できる ライトにも対応している ライトの位置も調整できる テクスチャにはローカルの画像を使用できる(アセットとして登録もできる) カメラアングルも同様にXYZ座標と回転を自由に設
O3D API - Google Code
What is O3D? O3D is an open-source web API for creating rich, interactive 3D applications in the browser. This API is shared at an early stage as part of a conversation with the broader developer community about establishing an open web standard for 3D graphics. Get involved Download the plug-in (Windows and Mac) and explore the samples to see O3D's capabilities. Linux users, see these instruction
note.x | [Away3D] Away3D 2.3 Feature - nearClipping
Away3D 2.3 の新機能レポ。 カメラに近いポリゴンをうまいことクリッピングできるようになった。 FrustumClipping と NearfieldClipping がそれ。 FrustumClipping は、いわゆるシザリング（だと思う）。ニアプレーンとの交点でポリゴンを切って、UVとか再設定してくれる。NearfieldClipping のほうは、いまいちはっきりしないけど、UV再定義してないっぽくて近いポリゴンのテクスチャが伸びる。マテリアルのprecisionを有効にしてると見た目も負荷もほとんど変わんない。使い分け方がわかんね。 んで、以前PV3Dで作った迷路を大幅にグレードアップしてみた。 nearClipping Study（要：FlashPlayer9） ■操作方法 カーソルキー [CursorKey] … 移動 (move) [Z], [X] Key …
Structure Synth - 文脈自由文法３Dアート - Radium Software
Structure Synth は，文脈自由文法を使って 3D CG を作成するソフトウェア。つまるところ， Context Free の 3D 版だ。単純なプログラムから複雑な CG を生成することができる。 GI レンダラー SunFlow 用のシーンファイル出力にも対応しており，これらを組み合わせることによって，とてもお手軽かつ高品質な幾何 CG アート環境が完成する。 以下，とりあえず作ってみた習作。仕組みはほとんど Context Free と同じなので，Context Free に慣れていればすぐにコードを書けるようになる。 set maxdepth 50 12 * { rx 30 } RC BG rule RC { {} CROSS { rx 10 z 0.7 s 0.98 } RC } rule RC { {} CROSS { ry 10 z 0.7 s 0.98 } RC
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
3D空間でブラウジングするツールいろいろ : could
UI視覚化 3D空間でブラウジングするツールいろいろ TiltViewer Flickr の写真を 3D 空間にタイル状に並べる UI。マウスを動かすことによって角度を変えることが出来ます。 Tag Galaxy Flickr のデータを使ったサイト。タグに関連した写真を太陽系の惑星のように表示させることが出来ます。 NewsGlobe Yahoo! News の記事を 3D の地球上に表示させ、どの地域のニュースが多く取り上げられているかも分かるようになっています。 Cooliris フルスクリーンで膨大な量の写真を観覧可能にする Firefox のプラグイン search-cube 検索結果を立方体に表示させます。キーボードかマウスを使って回転させ、立方体に表示されているプレビューを観覧、サイトへアクセス出来ます。 Spectra MSNBCが提供するのRSSリーダー。ニュースを3D空
WebKitの３D回転をざっくりまとめてみた - livedoor Blog（ブログ）
MobileWebKitで要素を回転させる系のCSSをざっくりまとめてみました。PC版のsafariではまだ実装されていないみたいです。iPhone/Android向けサイトで使ってみるといいと思います。 CSS Transform/Transitionの基本 -webkit-transformで２次元や３次元の位置や角度、倍率を規定する。-webkit-transitionで-webkit-transformが変化する時のアニメーションを規定する。 流れとしては-webkit-transitionを決めた後に-webkit-transformを変化させる感じ。 javascriptから操作する時は-を省略して二文字目以降を大文字にする。 CSS:-webkit-backface-visibility:hidden; JS:hogehoge.style.webkitBackfa
公式リリースされたFlash Player 10の新機能を試せる20本のデモ | ClockMaker Blog
本日(10/15)、待望のFlash Player 10 (開発コード Astro)の公式リリースが登場しました。前のFlash Player 9から約2年半ぶりのメジャーアップグレードとなります。 新しい機能は公式サイトで紹介されてますが、本ブログではβ版の頃から作られた実際に新機能を体験できる実験的デモを集めてみました。ご覧になる前にFlash Playerを最新にしておくことをお進めします。(開発者向けデバッグプレイヤーはこちらです) 3Dエフェクト Flash Player 10 : rotation (x,y,z) properties example at Mike Chambers XYZの３次元回転軸をリアルタイムに弄れるデモです。これで直感的に新機能が体験できると思います。 Alternativa Platform blog » » Alternativa 3D 5.0
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
MS、写真から3D画像を作成する「Photosynth」を一般ユーザー向けに提供
Microsoft Live Labsの「Photosynth」は米国時間8月20日夜、技術デモの状態から次の段階に進み、一般ユーザー向けのウェブサービスとして提供されることとなった。 これによりユーザーは、複数の写真を合成して擬似的な3D環境を作成する同技術を、自分のデジタルカメラや携帯電話で撮影し、自分のコンピュータ上で加工した写真に適用することができるようになる。これまで写真の合成には、特別に構成されたサーバアレイによる何週間もの処理が必要だった。最新バージョンでは、Microsoftはこの処理時間を、写真をアップロードする時間程度に短縮することに成功している。 Microsoftはユーザーに対し、Photosynthコレクション用の20Gバイトのオンラインストレージを提供している。Photosynth担当製品マネージャーであるJoshua Edwards氏によると、これは、約150
Lively - Welcome
The easy-to-use cell phone with a 5Star urgent response button.
note.x | [Away3D] THE WORLD OF TRADITIONAL COLORS
THE WORLD OF TRADITIONAL COLORS（要：FlashPlayer9） [Papervision3D2.0] 日本の伝統色をHSV色空間に3Dプロットしてみた のネタをAway3Dでもやってみる。 けど、単なる移植じゃつまんないし、簡易デモばっかしで殺伐としたこのblogに、色気を添える訓練も兼ねて、ちょっとしたコンテンツっぽく作り込んでみた。キチンと作り込もうとすると、AS3.0はいきなり牙を剥きますな。プリローディングとかハマりにハマった。苦労した分、勉強になったんでヨシとするべ。 各国の首都にポジションを合わせる処理は、 Learn how to geocode with Papervision3D and Adobe Flex を参考に、Geoコードから割り出したベクトルを元に地球を回転させてます。 上記エントリのサンプルでも使ってるテクスチャは、地球
日立と東大、「裸眼立体ライブ映像システム」の開発成果を発表 | エンタープライズ | マイコミジャーナル
日立製作所と東京大学大学院 情報理工学系研究科の苗村健准教授は2日、「裸眼立体ライブ映像システム」に関する共同研究の成果を発表した。なお、現時点での製品化計画などは未定。 裸眼立体ライブ映像システムは、東大苗村研究室で開発した64台のWebカメラを利用した「可搬型カメラアレイシステム」と、日立が開発し、2006年に発表したIV方式による「裸眼立体視ディスプレイ」を組み合わせ、さらに高速な画像処理ソフトウェアを新規開発して両者を接続したもの。「裸眼」は特殊な眼鏡を掛けることなく立体映像が見られることを意味し、「立体ライブ映像」はカメラアレイで撮影した実写映像をリアルタイムで処理し、IV方式の裸眼立体視ディスプレイでの表示用のデータを生成できることを意味する。 日立製作所 システム開発研究所 主管研究員の山崎眞見氏は、「日立では各分野での研究をさまざまな手法で推進しているが、今回の裸眼立体ライ
世界初の「フルカラー3Dプリンタ」で何を作る？
石膏（せっこう）の粉にインクと接着剤を吹き付けると、自動で立体模型が完成――カラーデザインの展示会「COLOR SESSION 2008」（4月12日まで、東京ビッグサイト）で、3Dソフトやプリンタの開発を手がけるDICO（東京・江東区）が、世界初というフルカラー3Dプリンタを展示している。携帯電話の模型を作ってデザインの参考にしたり、骨の模型を作って医療の現場で役立てたりしている。 出展した「ZPrinter 450 System」は、石膏の粉を使い、PCから転送された3Dモデルのデータを元に、立体模型を作る立体プリンタだ。 造形エリアのトレイに、石膏粉を厚さ0.089ミリに敷き詰め、インクと接着剤をインクジェットで吹きつけて固める。その上に石膏粉を敷いて、インクと接着剤を吹き付け──という作業を繰り返し、固めた石膏の薄い層を重ねていくと、立体模型が完成する仕組み。3Dモデルを輪切りにし
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HatenarMaps - はてな村勢力地図
Purchase Intent Data for Enterprise Tech Sales and Marketing - TechTarget
http://www.themaninblue.com/experiment/Cubescape/index.php