WebGLデバッグに最強な「RenderDoc」 - Qiita
set RENDERDOC_HOOK_EGL=0 "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-gpu-sandbox --gpu-startup-dialog RENDERDOC_HOOK_EGL=0はChromeのWebGLが、DirectXでOpenGL ESをシミュレートするANGLEで動いているためで、OpenGLESの呼び出しを無視するために設定するようです。 詳細 --disable-gpu-sandboxはGPUのサンドボックス化を無効化します --gpu-startup-dialogはChromeの起動時に、GPUのプロセスIDを表示してくれます。 バッチファイルをクリックしてChromeを起動すると以下のようなウィンドウが表示されます。 表示させたままで次のステップへ進みま
WebGLの開発やデバッグに便利なブラウザ拡張機能をつかってみよう - Qiita
こんにちは，@rootxです．WebGLデバッグしてますか？ 今日は，WebGLやThree.jsのデバッグに便利な機能（ブラウザ拡張機能）を紹介してみるね． WebGLを始めてみたんだけれど「なんだかよくわからないけど動かないよう」「なかなか思ったような描画結果にならないっす」という方は使ってみると幸せになれるかもしれません． あと，気になるWebGLサイトを見つけたら，紹介するような機能をささっと使って，先人たちの工夫を参考にすることもできちゃうよ．やったね． WebGL Inspector Chrome用 Firefox用 みんな入れてる拡張です？ これがあれば，だいたいなんとかなります！ できること frameのキャプチャ 呼出しログや無効なコールの警告表示 ピクセルのヒストリ GLステートの表示 テクスチャ，バッファ，プログラムのリソースブラウザ 使い方 拡張をインストール後に，
WebGL開発に役立つ重要な三角関数の数式・概念まとめ （Three.js編） - ICS MEDIA
3Dコンテンツの制作において「三角関数は必須」とよく聞きます。ウェブサイト制作で三角関数を使う場面はほとんどありませんが、WebGLの勉強をすすめると3Dでは三角関数を使う場面が多いことに気づきます。本記事では3Dコンテンツ制作で使用頻度が多い基本的な数式と概念をまとめました。 今回解説する内容は地味ですが、ゲームやデータビジュアライゼーションを作る上でこの数式が基本となってきます。高校数学で学んだことをベースに、3つのサンプルを通して学習できるようまとめましたので、ぜひ最後までお付き合いください。WebGLの人気ライブラリの1つ「Three.js」を使って解説しています。 三角関数を使ったデモの紹介 まずは、本題に入る前に三角関数を使ったデモを作成したので紹介します。次のリンクをクリックしてご覧ください。 デモを別ウインドウで再生する ソースコードを確認する 地球をモチーフにしたサンプル
Explore the Genealogy of Nike Free interactive experience.
Part sandal, part running tight and introduced in a bumblebee color scheme, the Nike Sock Racer wasn't your average shoe. It was inspired by Bill Bowerman’s mandate to strip away all unnecessary elements of a running shoe and honed to act as an extension of the foot. Still, no one expected this ultralight racing flat to make the impact it did, but it became an instant favourite of marathon runners
the way down / FACT : Smartphone Music Video
FACT new album ‘KTHEAT’: Special Contents. Interactive Smartphone Music Video ‘The Way Down'. / FACTニューアルバムKTHEATスペシャルコンテンツ。インタラクティブ・スマートフォン・ミュージック・ビデオ the way down。
Action | RTP Gacor Terkini
Tiap pemain slot tentu ingin bisa menang dan mendapatkan hasil yang bagus di tiap spin yang dilakukan. Beberapa gambler bahkan tidak merasa cukup dengan hasil yang diperoleh sehingga mencari game-game yang bisa menawarkan hadiah yang lebih fantastis di situs judi slot. Tentu saja, permainan slot seperti itu juga bisa ditemukan,…
WebGL 開発支援サイト wgld.org
次なる Web を見据えて 来たるべき WebGL2 の時代へ 2011 年、最初のバージョンである 1.0 が勧告された WebGL は、ウェブブラウザ上で OpenGL ES に相当するグラフィックス API の機能を利用することができる JavaScript の API です。 そして 2016 年、WebGL の正当な後継バージョンとなる WebGL2 (もしくは WebGL 2.0) がいよいよ本格的に利用できる段階になりつつあります。 当サイトでは、2012 年の開設以来、WebGL 1.0 系の API を用いるための技術解説を掲載してきました。そして今後は、時代の変遷に合わせて WebGL 2.0 系の解説記事も公開していく方針です。 WebGL 2.0 が登場するとは言っても、後方互換を保つという意味もあって 意図的に有効化 しない限りは WebGL 1.0 相当の AP
WebGL Fundamentals
WebGL from the ground up. No magic. These are a set of articles that teach WebGL from basic principles. They are NOT old rehashed out of date OpenGL articles like many others on the net. They are entirely new, discarding the old out of date ideas and bringing you to a full understanding of what WebGL really is and how it really works. If you are interested in WebGL2 please see webgl2fundamentals.o
Inka3d -
Tự sướng hay thủ dâm là một cách để khám phá cơ thể, cảm nhận khoái cảm và chủ động thỏa mãn nhu cầu sinh lý tự nhiên. Tuy nhiên, hành động này nếu lặp đi lặp lại mỗi ngày có thể tiềm ẩn những rủi ro sức khỏe khiến nhiều người lo ngại. Vậy …
多彩な表現力の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はこれまで解説し
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を利用した様々なサンプルページやアプリケーシ
The Lessons - Hack The WebGL (WebGL勉強会)
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
日記 | ヨモツネット
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 混在でき
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BLUES DESIGN | 愛知県のプロダクトデザイン事務所
GPU.js - GPU accelerated Javascript
http://clockmaker.jp/blog/2014/01/html5-webgl-away3d-typescript-samples/
http://clockmaker.jp/blog/2014/01/webgl-away3d-particle/
WebGL - Jellyfish
Car Visualizer