JavaScript 3DレンダリングエンジンのThree.jsを試す
こんにちは。 KRAYアルバイトの浅海です。 今回は、最近ちまたで噂のThree.jsで遊んでみようとおもいます。 http://github.com/mrdoob/three.js webgl対応のブラウザで見ている方は、右上に3Dのボックスが表示されていると思います。 Three.jsを使えば、このようなことを簡単にJavascriptで実現できるのです。 半信半疑で使ってみたところ、たしかにThree.jsでは、3D特有の行列計算や数学的思考をせずとも、3Dを表示、操作することができました。 「ちょっとのプログラムで3Dができる。」 この面白さを皆さんに届けたいです。 目次 立方体を表示する 光をあてる テスクチャを貼り付ける マウスで回転させる マウスで移動させる クリック判定する Three.js web上には、HTML5のcanvasを利用した様々なサンプルページやアプリケーシ
csg.js: Constructive Solid Geometry 3d Modeling in...
Badass JavaScriptA showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett. Evan Wallace, the same guy who brought us that amazing WebGL water simulation is back at it again, this time with a library called csg.js for doing Constructive Solid Geometry modeling in JavaScript. Constructive Solid Geometry (CSG) is a modeling technique that uses Boolean
livedoor Techブログ : スマートフォンでお手軽3D
こんにちわ。最近引っ越した家の周りを探索するのにはまっている中村です。 今回は3D関係について書きたいと思います。 なお、サンプル画像と動画が記事の最後にあります!! 概要 iPhoneのOpenGL用にさまざまなライブラリおよびミドルウェアは出ていますけれど、今回は、iPhoneの3Dチップメーカーが出しているライブラリの紹介をしたいと思います。一応公式のチップメーカーがだしているし、便利でお手軽なライブラリなのにいまいち検索しても日本語のサイトが出てこないので、開発の方に広く知ってもらいたいと思い、書こうと思いました。 iPhoneやAndroidのOpenGL Viewの使い方は一部紹介しますが、検索すればいくらでも出てくるのでそこは調べてもらうものとします。また、スキンドメッシュの原理に関しては、ちょこっとだけ解説しますが、詳しくは長くなるので、グラフィックスの専門のサイトにまかせ
自動車免許.club - このウェブサイトは販売用です！ - 自動車免許 リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
[JS]奥行きを生み出す『パララックス』を簡単に実装できるスクリプト -Smart3D
複数の画像のスクロールのタイミングをずらして表示するパララックスを簡単に実装できるjQueryのプラグインを紹介します。 jQuery.Smart3D デモページ [ad#ad-2] パララックスはそれぞれのタイミングをずらして視差効果を生み出し、奥行き感を出すものです。 上記デモでは背景と人物の画像2枚をそれぞれマウスに合わせてずらして表示しています。 使用画像 5枚の画像を使用したパララックス Smart3Dの実装 一番最初に紹介したデモの実装方法です。 HTML 各画像をリスト要素で配置します。 <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS スタイルシートでサイズを設定し、好みでborderなどのデザイン
Rotating color cube box with CSS3 animation, transforms and gradients
Spinning spiraling cube using CSS3 3D animation and 3D transforms. Note: Hover the black box or cube to pause the animation. Please view in Safari, iPhone or iPad. If the animation freezes while viewing in wide-screen and at the same time hovering the viewport with the mouse, simply refresh the browser to restart the animation. All images used come from WISE - Multimedia Gallery and are used in th
ぜひ触れてみよう。Sencha Inc.開発のWebGLフレームワーク·PhiloGL MOONGIFT
PhiloGLはWebGLフレームワーク。ゲームやデータのビジュアル化に利用できる。 PhiloGLはJavaScript製のオープンソース・ソフトウェア。Webの技術は日々進化している。これまではプラグインを使ったり、特別な方法をとらねば出来なかった事も、どんどんデフォルトのブラウザでできるようになっている。その一つが3Dだ。 動画の色を解析してビジュアル化 3Dと言えばローカルコンピュータ上で実現するものだった。ついでFlash等のブラウザプラグインでサポートされるようになり、WebGLの登場によってWebブラウザレベルでもサポートされる技術になった。そのWebGLを楽しめるライブラリがPhiloGLだ。 PhiloGLはWebGLフレームワークであり、データのビジュアル化や3Dモデル化を補助するためのソフトウェアだ。例えば三角形や四角形の図形を描く、回転させる、グラデーションを施す、
Flash-3D - Gunakan Bonus Setoran
ไอเดียโปรโมชั่นคาสิโนออนไลน์ คุณเคยต้องการรับโบนัสโปรโมชั่นคาสิโนออนไลน์บ้างไหม? ถ้าคุณมี คุณจะ ไม่ใช่คนเดียวเพราะมีคนหลายแสนคนทำทุกวัน หากคุณกำลังวางแผน คาสิโน ลองเสี่ยงโชคกับการเล่นเกมคาสิโนออนไลน์ ไม่มีเวลาไหนจะดีไปกว่าปัจจุบันในการเริ่มต้น โปรโมตเกมโปรดของคุณ! คุณรู้หรือไม่ว่าคุณสามารถรับเงินฝากครั้งแรกและคะแนนโบนัสสูงถึง 100% เพียงแค่เล่นที่ หนึ่งในเว็บไซต์การพนันออนไลน์ที่ได้รับความนิยมมากที
ネガティブかつ邪推なFlash3Dライブラリ紹介。GPU対応発表を受けて | しっぽのブログ
“is PV3D dead?” 10月末にAdobe MAX 2010が開催されました。 多くの発表の中でも目玉だったのはFlashPlayerのGPU対応と、それによるパワフルな3D映像の公開。 単純に凄い3Dが作れるという話だけではなく、今までのFlashが軽量化されるかもということで、Flashの未来に期待を寄せるのが８割、グラフィックボード環境の違いについてクライアントに説明しなければならないであろうことが頭痛いのが２割という感じで聞いていました。 ところが、Flash3DライブラリPapervision3Dのコミュニティでは別のささやきがあったようで。 曰く「Papervision3Dは死んだのか？」と。 Papervision3D（以下PV3D）といえば、Flashの3Dライブラリで、公開が非常に早かったことと、あっさりしたAPIでFlashの3D表現の先駆者を担ってきたライブ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
Engadget | Technology News & Reviews