Calabi-Yau多様体をブラウザ上に可視化する(Three.js) - sw1227’s diary
1. Calabi-Yau多様体とは 2. 可視化の方法 2.1. 方針 2.2. 媒介変数表示 2.3. 3次元への射影 3. 実装 3.1. 方針 3.2. JavaScriptによる実装 4. ギャラリー n=2 n=3 n=4 n=5 n=6 n=7 n=8 5. まとめ・今後の展望 1. Calabi-Yau多様体とは 砂浜でカップルが追いかけっこをしてイチャついている描写をたまに見かけます。一方、蝶々のオスとメスは平面にとどまらず、軸も駆使して3次元的にイチャついています。これが限界である、すなわち空間は3次元である、という風に我々は認識しています。 ところが、「大栗先生の超弦理論入門 (ブルーバックス)」という本によると、超弦理論においては空間の次元は9次元（時間も含めると時空間は10次元）に定まるというのです。そうすると当然、残りの6次元の空間はどうなったのかという疑問が生
three.jsの基本ライブラリのみで超シンプルにwebVRを実装する【最初】 | CardboardClub - スマホで楽しむwebVR！
Three.jsでVRなWEBページを作ってみたい！ 突然ですが、これから徐々に、VRなWEBの作り方を勉強していこうと思います。 目指すは、カヤックVR部さんや、中ノ瀬翔さんのmacros。 あと、ジャイロ・加速度センサーの雄、唐揚げキャッチャー。あの精度を取り入れられたぐんと可能性が広がる。 一応、おそらく今VRなWebを作るなら標準となるっぽいライブラリA-FRAMEを使おうと思ってるんですが、その前にちょっと寄り道します。まあのんびりいきます。 ※ちなみに、基本的なThree.jsの知識や説明は省くと思います。 Chrome Experiments for Virtual Reality そんなわけで、目指せA-FRAMEでVRなWEBページ制作ですが、まずはGoogleがChrome×Cardboardの開発用に配信しているテンプレを使ってみます。 おそらくこれが、基本中の基本だ
Electronで画像加工アプリケーションを作ってみた - ICS MEDIA
Webの技術でクロスプラットフォームなデスクトップアプリケーションを開発できるフレームワーク「Electron」。今回は発展的な内容としてElectronを使用した画像加工アプリケーションの開発に挑戦をします。 HTML5で画像加工というとみなさんはどのテクノロジーを思い浮かべるでしょうか？ Canvas、Flash、CSS・・・といくつか手法はあるものの、今回はシェーダーでの高速な画像処理が実現できるWebGLを選定しました。シェーダーによる画像の加工に関しては、記事「WebGLでおさえておきたいシェーダーの定番画像処理8選」で説明しています。本記事ではその時に作成したデモを利用し、わずかなステップでElectronによるアプリケーション化を実現します。 ※ 本アプリケーションはElectron v0.35.2 / Node.js v4.1.1 / Three.js r70 にて制作を行
WebGL - これがGPUの力！Three.jsによる“リアルタイム”なレイトレーシング - Qiita
これはWebGL Advent Calendar 15日目の記事です。 【2016/01/29 追記】続編である「これがGPUの力！three.jsによる“リアルタイム”なレイトレーシング 〜宝石編〜」を公開しました。 はじめに Three.jsからGPUをつかって、リアルタイムなレイトレーシングを実装できたので紹介します。 iPhone6などの携帯端末でも動作するくらい軽量です。次のリンクから動作の様子をご覧になってください！ Reflect カラフルな球体に周囲の球体や床を鏡面反射させました。 マウス移動によって、上からの視点にもできます。 無数の球体がずら〜っと並ぶ様子は、ちょっと壮観ですね！？ 一般的にレイトレーシングを行うためには、膨大な計算が必要です。 ソフトウェアで実装した場合、数個の球体を配置しただけでもリアルタイムに処理するのは困難です。 2010年の記事によると、For
初心者でも絶対わかる、WebGLプログラミング＜three.js最初の一歩＞
初心者でも絶対わかる、WebGLプログラミング＜three.js最初の一歩＞ 小山田 晃浩（株式会社 ピクセルグリッド） WebGLはとても高度な技術である一方、APIは低レベルであるためそのまま使うにはどうしても冗長な準備を行う必要があります。一方で、JavaScriptライブラリーを通して高レベルなAPIとしてWebGLを利用する方法があります。こうしたJavaScriptライブラリーとしてはthree.js、Away3D.js、Babylon.jsなどが有名です。その中でも特に人気があるthree.jsを通して、WebGLを利用する方法を解説します。(three.jsのリビジョンは執筆現在の最新であるr65を利用します) three.jsを手に入れる three.jsはhttp://threejs.org/から手に入れることができます。downloadから、zipファイルを手に入れま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - antonkulaga/threejs-facade: ScalaJS facade for threejs
three.js docs