シェーダだけで世界を創る！three.jsによるレイマーチング
2016/02/14 シェーダだけで世界を創る！three.jsによるレイマーチング GPU の熱でチョコも溶けちゃう！？ GLSL シェーダテクニック勉強会 @gam0022Read less
Tokyo WebGL Meetup #2
ハードウェア特性に基づいた WebGL 高速化手法 WebGL fast method that is based on hardware characteristics WebGL 高速化のためのテクニック、ハードウェアの特性を良く知った上で速く動く WebGL コンテンツを作るためのノウハウをお伝えします。 An introduction to how do we make WebGL contents with better performance, accoding to the hardware spec and compatibility. 北海道生まれ。株式会社エクサ コンサルティング推進部所属。 三次元コンピュータグラフィックス関連、ユーザエクスペリエンスデザインを専門とする。 Web を含む情報家電からスマートフォン、巨大立体視シアターまで、多岐にわたったCG、ユーザーイ
WebGLでベジェ曲線を描いてみた | SONICMOOV LAB
フロントエンジニアのらくさんです。iPhone6はSIMロックフリー版にしました。iPhone6をしばらく使ってからiPhone5sに戻ると、とても小さく感じますね。でも、iPhone6だと片手でQWERTYキーボード使おうとすると、Aを押そうとしてもSになってしまいます。もうちょっとだけ小さくして欲しかった… さて、iOS8からMobileSafariでもWebGLが使えるようになりました。皆さんWebGLやってますか？ WebGLというと3Dグラフィックスという印象が強いですが、3D以外にも描画に関するさまざまな処理を行うことができます。この記事では、そんなWebGLで「ベジェ曲線を描画するシェーダ」を作ってみます。 ベジェ曲線はCanvas 2Dの方を使えば簡単に描けますが、WebGLだけでベジェ曲線を描けると便利なこともあります。また、これからWebGLも含めたOpenGL系の技術
Comma Excess: Vector Graphics on the GPU
Deprecated: Function get_magic_quotes_gpc() is deprecated in /home2/commaexc/public_html/textpattern/lib/constants.php on line 149 I am quite a fan of vector graphics, and think they look absolutely amazing in motion, but there is no native support on desktop GPUs for drawing Bézier curves. However, obviously that doesn't stop a graphics programmer! The two most popular ways to draw Bézier curves
超弾幕も可能？ WebGL高速化のススメ
今日のテーマ WebGL高速化のススメ 今回はあくまでも WebGL 特有の高速化 TIPS です。 WebGL にあまりなじみのない方もいらっしゃると思うので…… そもそも WebGL って？ というところから簡単に解説します。
複数スレッドでGLの処理が可能なGLSurfaceView作りました - eaglesakuraの技術ブログ
複数スレッドでGLの処理が可能なGLSurfaceView作りました Githubで配布しています https://github.com/eaglesakura/multicontextglsurfaceview 何が出来るのか GLSurfaceViewを継承したクラスです。動作には互換性があり、GLSurfaceViewをMultiContextGLSurfaceViewに切り替えるだけで使えます。 GLSurfaceViewとの違いは、標準で複数スレッドでのOpenGL ESコマンドの利用を可能にしている点です。GLSurfaceViewでテクスチャ等のリソースを非同期で読み込もうと思っても、最終的には GLSurfaceView#queueEvent にキューイングして、描画スレッドを止める必要があります。 GLSurfaceViewは後述のMaster & Slaveの仕組みを利
WebGL Anti Patterns
WebGL Anti Patterns 2014-06-16 This post has moved to webglfundamentals.org Tags: codedevelopmentwebgl Comments Why Your Company Owns Your Outside Work WebGL - Less Code, More Fun
Mozilla、クロスプラットフォームのWebGLゲームエンジン「PlayCanvas Engine」公開 | OSDN Magazine
Mozillaは6月4日、オープンソースのクロスプラットフォームのゲーム構築用JavaScriptライブラリ「PlayCanvas Engine」をリリースした。「世界で最も容易に利用できるWebGLゲームエンジン」としている。 PlayCanvas Engineは3Dグラフィックを利用したゲーム開発向けのJavaScriptエンジン。Webブラウザ上で利用できる3DグラフィックスAPIである「WebGL」を利用する。プロジェクトは、WebGLがデフォルトで有効となった「Firefox 4.0」のリリース（2011年3月）後に立ち上げられており、パートナーとしてMozillaのほか、米ARMやゲーム開発を手がける米Activisionが名を連ねている。 対応OSはWindowsおよびMac OS X、Android、iOSで、グラフィックスのほか物理演算エンジンやアニメーション、2D/3D
Approaching zero driver overhead
The document discusses approaches for reducing driver overhead in OpenGL applications. It introduces several OpenGL APIs that can be used to achieve this, including persistent mapped buffers for dynamic geometry, multi-draw indirect for batching draw calls, and packing 2D textures into arrays. Speakers then provide details on implementing these techniques and the performance improvements they prov
OpenGLドライバー品質の実情
Rich Geldreich's Blog: The Truth on OpenGL Driver Quality 本の虫: OpenGLでムカつくことに引き続き、Valve社員のRich Geldreichが、OpenGLドライバーの品質について嘆いている。 製品の対象顧客が極めて限定された実行環境でもないかぎり、まともなGL開発者は、ドライバーの実情にぶち当たる。（今、あるいは来年までに製品を実際に出荷しなければならない場合、このドライバーとやりあわねばならないのだ。単にお家で趣味プログラミングしてるだけなら、この手の現実問題と向き合う必要は多分ないだろう） D3Dしか使ったことがないのならば、覚悟しておいたほうがいいだろう。というのも、Windows/Linux用のGLドライバーはあまりにも多岐にわたるからだ。以下が、筆者の現在のドライバー品質についての意見だ。 ベンダーA ほとんど
How to use OpenGL ES on a separate thread on iphone?
The OpenGL ES rendering loop is placed on a separate thread in my iphone application. Everything goes fine except that the EAGLContext's presentRenderbuffer method fails. The result is a blank white screen. When the same code is run on the main thread, presentRenderbuffer succeeds and the graphics is properly shown. What is the correct way of doing OpenGL on a separate thread?
wgld.org | WebGL |
WebGL contents WebGL に関するコンテンツの一覧です。 初心者や WebGL の入門者の方は、最初から読み進めていただけると理解が深まると思います。 また、当サイトでは実際に動作する WebGL のサンプルや、WebGL のデモを多数用意していますが、それらには当サイトオリジナルの行列・クォータニオンなどを扱うライブラリ、minMatrix.js などが使われています。ライブラリの詳しい実装については library のページをご覧ください。 WebGL 2.0 については別のコンテンツとして分けて掲載していますので、 WebGL2 のほうを参照してください。 ブラウザの準備 WebGL を始める前に canvas を知る 3D 描画の基礎知識 レンダリングのための下準備 行列(マトリックス)の基礎知識 頂点とポリゴン コンテキストの初期化 シェーダの記述と基礎 頂点バッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
OpenGL ES Hardware Database - © 2013-2018 by Sascha Willems
MMD on WebGL
Contact Support
Animated Random Access Vector Graphics
Bezier Shaders & Vector openGL rendering · Issue #1190 · openframeworks/openFrameworks
Rendering resolution independent Curves
How to draw a Bezier line with shaders?
Edit fiddle - JSFiddle - Code Playground