WebGLを使った3Dマップ描画エンジン「Cesium」:phpspot開発日誌
Cesium - WebGL Virtual Globe and Map Engine WebGLを使った3Dマップ描画エンジン「Cesium」 スペックの低いマシンやブラウザ等では動かないと思いますが、なかなか凄いデモが実装されており、一見の価値有り。 色々とデモが公開されており、こうしたことが可能だと認知しておくといいのかも。 CSS3とかHTML5とかでどんどん進化していますが、WebGL等をうまくインタフェースに使ったサイトが未来では当たり前なのかも 関連エントリ 既にここまで出来るWebGLのデモ２２ WebGLではなくSVG、CANVASを使った迫力ある3D表現デモ「Flat Surface Shader」
HTML5でレイトレーシング·Zen Photon MOONGIFT
Zen PhotonはHTML5ベースのレイトレーシングアプリケーションです。 3Dに限りませんが物体をよりリアルに見せる上で光源は欠かせません。光源は主にライトや太陽であり、一つの場所から照射されることが多いようです。それをJavaScriptで実現するのがZen Photonです。 最初の表示です。中央に光源があって、放射状に発散しています。 マウスを使って線を描くことで光源を遮ることができます。 さらに区切ってみました。 もっと派手に。 Zen Photonでは一つの光源の元に線を引き、その光源の流れを遮ることができます。3Dゲームなどを作る際に参考になるのではないでしょうか。 Zen PhotonはJavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIFTはこう見る リアルで軽量な3Dレンダリング技術を持ったUNR
熱意に期待。将来Web上で初音ミクが踊る日がくるかも？·mmd.js MOONGIFT
mmd.jsはMikuMikuDanceのファイルをJavaScriptでWeb上に描画するライブラリです。 初音ミクを踊らせることができるソフトウェア、MikuMikuDanceをWebブラウザ上で再現しようと試みるソフトウェアがmmd.jsです。まだまだ開発途上のようですが今後が楽しみです。 現状はこんな感じです。 理想的な形（公式サイトより）。 MMDのファイルは仕様が公開されていないらしく、実際のファイルから意味を読み取って実装しているというかなりマニアックなソフトウェアになります。初音ミクへの愛情がなければ、決してここまでできないでしょう。まだ特徴点を読み取るレベルですが、近い将来Webブラウザ上でも初音ミクが踊っているかも知れません。 mmd.jsはJavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIFTはこ
マインクラフト風ゲームだって作れそうなボクセル制御ライブラリ·voxel.js MOONGIFT
voxel.jsはマインクラフト風の立方体を組み合わせた三次元空間を作れるソフトウェアです。 voxel（ボクセル）というのはpixcelが平面であるのに対して、立体を表す値です。そんなボクセルをWebブラウザ上で扱い、まるでマインクラフトのような表現を可能にするライブラリがvoxel.jsです。 マインクラフトっぽい画面です。 凄い高さ… こんなデモステージも。 クリックで破壊できます。 なんか凄い。 山があるとつい登りたくなります。 おお…ラピュタのようです。 何やらオブジェクトが転がっているものも。 voxel.jsは矢印キーで移動したり、スペースキーによるジャンプ、マウスクリックによるボクセル破壊など空間を自由に動き回って遊ぶことができます。マインクラフトが有名な世界観ではありますが、それ以外でもきっと役立つ使い方があるでしょう。 voxel.jsはJavaScript製、BSD
16 Cool jQuery 3D Effect Plugins – Bashooka
Here are 16 cool jQuery plugins with 3D effects, no flash needed just javascript, html5 and css3. Teta Carousel 3D Ad jQuery plug-in that helps you quickly and easily organize your content in 3D space. The plug-in supports responsive layout with the auto scaling capability and is just perfect for displaying content on all screen sizes. Carousel 3d A simple 3D carousel widget. It supports all major
3D Restaurant Menu Concept
A responsive folded flyer-like restaurant menu with some 3D, featuring recipes from Michael Natkin from herbivoracious.com Your current viewport size shows the simplified version CSS animations are not supported in your browser CSS transforms are not supported in your browser CSS 3D transforms are not supported in your browser CSS transitions are not supported in your browser Sorry, only modern br
WebCamMesh
Use the mouse to tilt and scroll wheel to zoom. Change parameters with the control panel. This demo projects webcam video onto a 3D Mesh. It creates a 3D depth map by mapping pixel brightness to Z-depth. Perlin noise is used for the ripple effect and CSS3 filters are used for color effects. More Info. Built by Felix Turner. Follow: @felixturner.
Pixar社製。実際に使われている3Dレンダリング技術をオープンソース化·OpenSubdiv MOONGIFT
OpenSubdivはPixar社の開発したオープンソースのSubdivision surface技術実装です。リアルタイムに3Dオブジェクトのレンダリングができます。 世界最高峰の3Dアニメーションを創り出す企業と言えばPixarです。現在はディズニー傘下となっているPixarがリリースしたソフトウェアがOpenSubdivになります。オープンソースのSubdivision surface技術実装であり、リアルタイムに3Dオブジェクトのレンダリングを行うソフトウェアです。 デモです。四角いオブジェクトがワイヤーで描かれています。 レンダリングしました。リアルタイムに描かれているのが特徴になります。 作用している方向を描画しました。 オブジェクトがぐりぐり動いています。 形状を変更しました。 メッシュを細かくしました。これでも描画は十分速いです。 メッシュの大きさは7段階で変更できます。
HexGL, the HTML5 futuristic racing game.
What is this? HexGL is a futuristic, fast-paced racing game built by Thibaut Despoulain using HTML5, Javascript and WebGL and a tribute to the original Wipeout and F-Zero series. Credits. HexGL was built with love using three.js, a 3D library built on top of WebGL and maintained by Mr.doob and AlteredQualia. I'd also like to thank Nobiax for the great metalic road texture, Charnel for the HexMKI b
HTML5で作るルービックキューブがすごい！「Tutorial: Rubik’s cube with HTML5 (CSS3 + JavaScript)」
HTML5で作るルービックキューブがすごい！「Tutorial: Rubik’s cube with HTML5 (CSS3 + JavaScript)」 HTML5という言葉が世に出てから、暫くたって多くのプロジェクトが発信されてきましたが、今日紹介するのはHTML5+CSS3+javascriptで作るルービックキューブ「Tutorial: Rubik’s cube with HTML5 (CSS3 + JavaScript)」です。 こちらはただ単にキューブを作って描画するだけではなく、ボタンやスマートフォン上でのフリック、マウスなど様々な方法でルービックキューブが遊べるようになるというものになっています。 詳しくは以下 原文には制作過程が順を追って公開されており、解説も英語にはなりますが、ソースコードともに詳しく記載されています。 WEB制作に携わっている人には面白いチュートリアル
Apple-like Login Form with CSS 3D Transforms
Hey did you know that you can flip elements in 3D space with CSS3? You probably should as this has been possible for nearly two years. First only in Webkit browsers - Safari and Chrome, but now in Firefox as well. This means that more than half of the world (that use a non IE browser) can see advanced, CSS driven animations and effects. In this tutorial we will see how we can use these transforms
Three.js対応。Webブラウザ上で3Dモデルを作成·ThreeFab MOONGIFT
ThreeFabはTree.jsに対応した3DモデルをWebブラウザ上で作成できるソフトウェアです。 Three.jsはJavaScriptで高度な3Dモデルを描画するエンジンですが、そのモデル作成はやはり大変な作業になります。そこで使ってみたいのがThreeFabになります。 最初の画面です。3Dモデルが奇麗に描かれていて格好いいです。 マウスで視点の変更もできます。 モデルを追加できます。 回転したりライトを変更することもできます。 最終的に作成されるコードを使ってThree.jsで3Dモデルを描けます。 こんな感じにモデルを追加していきます。 ThreeFabを使えばThree.jsで使えるモデルをWebブラウザ上で作成できます。S、D、X、スペースキーがそれぞれショートカットキーとして使えます。最初、慣れるまではなかなか操作が難しいかも知れません。ThreeFabはさらにアニメーシ
Google、「あなたの街を 3D で再現しよう」コンテストを開催 | スラド IT
Google が「あなたの地元の 3D ポートレイトを作成して、自慢の街を世界中の人々と共有してみましょう」というコンテストを開催する (Google Japan Blog の記事、2012 Google Model Your Town コンテスト) 。 実在する建物を 3D でモデリングし、地図上に町並みを再現するというコンテストで、昨年はペルー・リマのバランコ地区のチームが優勝した。過去のコンテストの優秀作品は Google 3D ギャラリーで確認できるが、どれも良く出来ている (2010 年ファイナリストの 3D ギャラリーページ) 。日本ではこのように目立つ建物が並ぶ街は少なそうなのがややハードルが高いところだが……。
Unity3Dで作ったゲームを紹介、Web上でプレイできる！·UnityGames MOONGIFT
UnityGamesはGoogle App Engine/Javaで動作するWebサービスです。Unity3Dを使って作られたゲームを紹介、プレイできます。 無償で使える3Dゲームエンジンとして有名なUnity3D。そんなUnityを使ってゲームを開発したらUnityGames上でアピールしてみましょう。 トップページです。新着ゲームや人気ゲームがリストアップされています。 ゲーム詳細画面です。再生ボタンを押すとデータがロードされてゲームで遊べます（Unity Web Playerが必要です）。 ダウンロード中です。 台を傾けてボールを運ぶゲームです。矢印キーだけで遊べます。 無理ゲー…（ちゃんとクリアはできます）。 ゲームを登録する際にはFacebookまたはTwitterでログインするか、ゲストとして投稿します。 ゲーム登録画面です。ゲームデータ自体か、ゲームのURLを指定します。 U
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
NameBright - Domain Expired
Home | Psyop
Sensics head-tracking 3D Smart goggles hands-on (video)
Vivitar DVR 790HD puts 3D video recording in the palm of your hand for under $100
Engadget | Technology News & Reviews
