WebGL と GLSL で気軽にレイトレーシングに挑戦してみよう！ - Qiita
はじめに 全国 8,120 万人のレイトレファン の皆様こんにちは！ WebGL でレイトレがどうしてもやりたいんだというお便りがついに 1,021 万通を超えたので、そろそろ WebGL で簡単なレイトレーシングの実装について解説する頃合いかなと思い立ち筆を執った次第です。 今回はあくまでも 基本に忠実 に、簡単なレイトレーシングの実装を GLSL だけで行ってみましょう。全国のレイトレファンの皆さんの声援に応えてがんばって解説記事を書いていこうと思います。 前置き 私は幸運なことに WebGL について解説する機会がそれなりにあります。 そういった席ではよく、数学的な知識はとりあえず後回しにしてまずはやってみることからスタートしましょうという話をします。たとえば行列やクォータニオンについて、その数学的な詳細にまで勉強するのは大変です。ですから、まずは使い方から覚えようという促し方をする
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
7 Lines GLSL Graphics Compoに挑戦してみよう！
これはTokyo Demo Fest 2014(http://tokyodemofest.jp/2014) の7 Lines GLSL Graphics Compoのチュートリアルです。 7 Lines GLSL Graphics CompoではGLSLのFragment Shaderを用いて7行(7x80 characters)で グラフィックスを表示します。 すべての作品は最新のGLSL sandboxで表示します。 GLSL sandboxについて GLSL sandboxについては以前にも記事(http://www.demoscene.jp/?p=1154)で紹介されました。 GLSL sandboxはwebGLによりglslを用いてシェーダーを記述・確認できるサイトです。 やってみよう http://glsl.heroku.com まず、はじめに"Create new effec
OpenGL ES 2.0 GLSL precision 宣言と GPU 毎の演算精度を調べる | ホイール欲しい ハンドル欲しい
OpenGL ES 2.0 の GLSL では highp, mediump, lowp と 3種類の 演算精度の宣言ができます。 C言語の float と double のようなもので、浮動小数点演算の場合 highp が 24～32bit、mediump が 16bit (half)、lowp はそれ 以下となります。 実際に用いられる演算精度は実装に依存しており GPU によって異なります。 一般的に演算精度を下げることによってレジスタの消費量を抑える ことができ、並列実行可能なスレッド数の低下を防ぐことができます。 また純粋に ALU の演算能力不足を補うために低精度宣言が効果的な GPU もあります。 逆にこれらの宣言が全く意味を持っていない GPU もあります。 現在の Mobile 向け GPU はどれも設計思想が異なっており その特性は千差万別です。 最適化するためにはどこ
hello
hello [ "::ffff:35.191.8.95", "GET", "/wp/?p=170", {}, { "host": "wate.jp", "user-agent": "HatenaBookmark/4.0 (Hatena::Bookmark; Analyzer)", "cache-control": "no-cache", "accept": "*/*", "x-cloud-trace-context": "7cd691b8697db6c5fb6b9dbf072afc45/14721859824120299830", "via": "1.1 google", "x-forwarded-for": "153.120.13.138, 35.227.238.79", "x-forwarded-proto": "http", "connection": "Keep-Alive" }
GLSL : common mistakes - OpenGL Wiki
The problem is that for count, you set it to 4 while it should be 1 because you are sending 1 vec4 to the shader. The count is the number of that type (4f, which corresponds to vec4) that you are setting. Consider this: This is correct. The length of the array is 5, which is what we tell glUniform2fv. glUniform doesn't work[edit] You probably did not bind the correct shader first. Call glUseProgra
Lumina platform independent GLSL IDE Noise
Welcome to the third Lumina tutorial This tutorial is not only Lumina specific and is about generating procedural noise with GLSL. This algorithms are similar or different from other well known like "Perlin Noise" 1. Random What is noise? The best expample is the snow on a TV. Each pixel is set with a random value. But each photo of that screen looks different from a other. In reality there is a s
Pd会#05 - ruby trunk changes
Pd会第5回に参加してきました。@tatmos さん会場提供いつもありがとうございます。 我らが主催者永野さんが風邪のため欠席されましたが、ややまったりしつつも会は進行されておりましたのでご安心ください。余談ですが、こういう会で旗振りの人が不在だと残りのメンバーが様子見でお見合いになっちゃうことはままあると思うのですが、そういうこともなくちゃんと回ってたっていうことで Pd会はかなりうまくいってる勉強会だなと感じます。メンバーの入れ替わりありつつもなかなかのペースで 5回目を迎えてますし、毎回何かしら得るところもあり、なにより自分が楽しいので。 さて今回のテーマはちょっと Pd から脱線してるかもしれませんがグラフィック関連の話(OpenGL, GLSL, Colada, Quartz Composer)と、わたしの resospeana~ オブジェクトの解説でした。 OpenGL, GL
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Visual Computing Lab | Computer Graphics, Computer Vision and High Performance Computing
opengl:glsl [HYPERでんち]
http://www.opengl.org/sdk/docs/manglsl/
zip2save.com
深圳究染广告传媒有限公司
Reddit - Dive into anything
Google Code Archive - Long-term storage for Google Code Project Hosting.
http://www.clockworkcoders.com/oglsl/index.html
Index of /~stegu/simplexnoise
GLSL Noise Performance
Apple