[B! Three.js] mizu0x19fのブックマーク

mizu0x19f id:mizu0x19f

Three.jsに関するmizu0x19fのブックマーク (12)

日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日ブログ作りなおそうかなーと思って、この Webサイトをみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せてみたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページはXHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
mizu0x19f 2013/11/01
js

three

JavaScript

three.js

Physics

cannon.js

js-lib

物理エンジン

3D
リンク
スマホでも動く物理演算で転がる3Dサイコロを作ったのでその解説 | CSS-EBLOG
スマホでも動く物理演算で転がる3Dサイコロを作ったのでその解説カテゴリ‥3D 2013年9月1日 16:46 CSS3DRendererはexamplesの中ルービックキューブの解説は少しお休みして、Three.jsのCSS3DRendererを使ってサイコロを作った話をしようと思います。といっても、ルービックキューブを作る上で使用した概念などもあるので、まったくの無関係というわけではありません。今回のポイントは﹁CSS3DRenderer﹂です。これ、実はThree.jsだけを読み込んでも使用できません。実験段階だからなのか、Three.jsのgithubのリポジトリ内にある﹁examples﹂の中にこっそり含まれています。実装サンプルなので、まずはこれを取り出してThree.jsと一緒に読み込ませます。ちなみに今回作成したものは以下のようなサイコロです。︵CANNON.
mizu0x19f 2013/09/01
面の法線ベクトルをとって正規化して、y成分が1(もしくは-1)かどうかで判定するってのはどうかな

3D

Three.js
リンク
Blogger
Google のウェブログ公開ツールを使って、テキスト、写真、動画を共有できます。
mizu0x19f 2013/08/30
three

3D

Three.js

camera

trackball

controller
リンク
three.js docs
three.js docs examples
mizu0x19f 2013/08/21
three.js

three
リンク
Three.JSの使い方１２・色々な効果を出す | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.
株式会社penq(ペンク)の木村巳千尋によるエンジニアブログ。Amazon Web Services、Amazon EC2を使ったクラウドサーバの構築、大規模なアプリケーションの設計・開発、JavaScriptのフレームワークを使用やプラグイン開発、スマートフォン、Webアプリの開発などサーバサイドの構築からクライアントサイドのアプリケーションまで幅広く情報をお届けします。 CategoryAmazon Web Service (14) Aurasma (3) ExtJS (18) Facebook Aplication (3) Google API (5) JavaScript (1) jQuery (19) Monaca (8) OAuth2.0 (0) Sencha Touch2 (10) Smartphone (0) ThreeJS (13) Tag AR EC2 firefox
mizu0x19f 2013/05/16
three.js

ライト
リンク
Web ブラウザで動くとは思えない、凄い WebGL デモ・アプリ 65 個 - WebOS Goodies
今月の 22 日に GTUG Girls のイベントで WebGL (Three.js) のハンズオンをやります。内容は初心者向けで、簡単な物体を表示してみたりして Three.js の基礎を学ぼうというものです。女性限定ですが、興味のある方はぜひご参加ください。【告知】第10回GTUG Girls Meetup 「キラリとひかるモノ作り！WebGL(Three.js)入門編」　募集開始！で、本日は宣伝も兼ねて WebGL を使ったデモやアプリケーションのまとめエントリを書いてみました。いずれも Web ブラウザで動くとは思えないほどインパクトのあるものばかり。 WebGL 対応のブラウザで（Chrome か Firefox の最新版が無難です）、おもいっきり堪能しちゃってください！長編デモ音楽に合わせてインパクトのある映像を展開していく、ちょっとしたストーリー性のあるデモなどを集
mizu0x19f 2013/05/10
技術

webgl

映像

js

ブラウザ

Three.js

Web制作

JavaScript

これはすごい

まとめ
リンク
クォータニオンによる視点の移動（WebGL（Three.js））
特定非営利活動法人natural science は、知的好奇心がもたらす心豊かな社会の創造にむけて、現代社会では実感する機会の少ない科学や技術のプロセスを可視化・共有化する場づくりを通じて、科学を切り口とした地域づくりを目指す、若手主体の団体です。　|　More ≫ ３次元空間中の物体を任意の軸に対して、任意の角度回転させることを考えます。これは、コンピュータグラフィックなどの世界で、マウス操作などの入力装置を利用して3次元の物体の向きを変更させたいときに必須となります。一般的に﹁回転﹂といえば﹁オイラー角﹂を思い浮かべるわけですが、任意の軸に対する回転は不得意であることが知られています。それは、任意の軸に対する回転に対応する3つのオイラー角が直感的には定式化できないためです。また、場合によってはジンバルロックと呼ばれるオイラー角を利用時に特定の条件で発生する特有の問題もあり
mizu0x19f 2013/04/23
js

webgl

技術

Three.js

javascript

科学

3D

canvas

programming

数学
リンク
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日ブログ作りなおそうかなーと思って、この Webサイトをみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せてみたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページはXHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
mizu0x19f 2013/02/16
webgl

Three.js

js

javascript

HTML5

canvas

3d
リンク
3D ゲームも簡単に作れる! tmlib.js x three.js(WebGL) で 3D プログラミング出来るようにしてみた!! | TM Life
私の方でずっと作っている JavaScript ライブラリ『tmlib.js(ティーエムリブジェイエス)』ですが, この度, 晴れて『three.js』と結ばれることとなりました. っとはいっても一方的にですけどねw tmlib.js は, 2Dゲームだったりツールを作る機能は揃っていましたが 3D に関する機能は今までありませんでした. WebGL をラップして自前で作ったりもしていたのですが, なかなかピンとこず… そこで今回は割りきって three.js をそのまま取り込んでtmlib.js の基本インターフェースと同じように使えるようにしてみました. サンプルをいくつか用意したので遊んで頂けると幸いです. もちろん jsdo.it で♪ Table of contents tmlib.js とは？ three.js とは？ tmlib.js x three.js で作ったサンプル
mizu0x19f 2013/02/16
Three.js

3d

webgl

javascript

tmlib.js
リンク
Three.JSの使い方６・テキストのオブジェクトを作成する | ペンクおじさんのエンジニアブログ｜株式会社penq [ペンク] / Penq Inc.
株式会社penq(ペンク)の木村巳千尋によるエンジニアブログ。Amazon Web Services、Amazon EC2を使ったクラウドサーバの構築、大規模なアプリケーションの設計・開発、JavaScriptのフレームワークを使用やプラグイン開発、スマートフォン、Webアプリの開発などサーバサイドの構築からクライアントサイドのアプリケーションまで幅広く情報をお届けします。 CategoryAmazon Web Service (13) Aurasma (0) ExtJS (12) Facebook Aplication (0) Google API (5) JavaScript (1) jQuery (9) Monaca (6) Sencha Touch2 (10) Smartphone (0) ThreeJS (12) Tag EC2 firefox JavaScript Monac
mizu0x19f 2013/02/16
webgl

3d

javascript

three.js

html5
リンク
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を利用した様々なサンプルページやアプリケーシ
mizu0x19f 2013/02/16
Three.js

javascript

html5

canvas

3d

webgl
リンク
多彩な表現力のWebGLを扱いやすくする「Three.js」
多彩な表現力のWebGLを扱いやすくする﹁Three.js﹂‥Webグラフィックをハックする︵5︶︵1/5 ページ︶ Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリだ。サンプルコードと見比べながら、効率良く学習しよう Three.jsの基礎本連載も5回目を迎え、いよいよ佳境に入ります。今回の題材は、Webブラウザ上で3次元グラフィックを実現する﹁WebGL﹂です。ただし、これまでと違ってAPIを直接は触れず、﹁Three.js﹂を利用します。Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリです。Mr.Doob氏を中心にオープンソースで開発が進められており、WebGL界隈ではデファクトスタンダードに近い地位を築いています。 Three.jp公式サイト WebGLはこれまで解説し
mizu0x19f 2013/02/04
js

開発

ブラウザ

JavaScript

3D

Web

webgl

Three.js

library
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx