[B! GLSL] yoshiwebのブックマーク

GLSLで物理ベースシェーディング - Qiita

GLSLで物理ベースシェーディングを試すために、いろいろなBRDFを実装してみました。サンプルを以下においておきました。マクロで使用するBRDFを変更することができます。 http://glslsandbox.com/e#54592.0 マウス位置のx方向でroughnessパラメータを、y方向でmetallicパラメータを変更することができます。下準備 BRDFを定義する際に使用する変数です。 \begin{eqnarray} \rho_{d}&:& 拡散リフレクタンス\\ \rho_{s}&:& 鏡面リフレクタンス\\ \vec{n}&:& 法線(normal)ベクトル\\ \vec{v}&:& 視線(view)ベクトル\\ \vec{l}&:& 光源(light)ベクトル\\ \vec{r}&:& 反射(reflect)ベクトル\\ \vec{h}&:& ハーフ(half)ベクト

yoshiweb 2019/05/14

Qiita
GLSL

リンク

ガラスを流れ落ちる水滴……その様子をシェーダを使って再現したデモがチュートリアル記事付きで登場！ - WebGL 総本山

チュートリアル記事も用意されている今回ご紹介するのは、驚きの水滴シェーダを使ったデモと、それを実装する方法を解説したチュートリアル記事です。まるで、本物の水滴越しに撮影した写真なのではと一瞬疑ってしまうような、見事な水滴シェーダがお目見えです。しかもその実装方法までこうして解説してくれているとは、なかなか興味深いですね。メタボールや液体の表現は、なかなか資料が無い、あるいは本格的な学術的記述でなかなかプログラミングに応用できない、というケースが多いような気がしますが、今回のチュートリアル記事はかなり参考になるのではないでしょうか。ボカシ処理をうまく利用したメタボール今回の水滴シェーダは、まずは実行して見てみることがなによりおすすめです。本当にプロシージャルにその場でシェーダで描かれているものなのか、一瞬疑いたくなるような見事な完成度になっています。シェーダを記述するには高い知

yoshiweb 2015/11/27

GLSL
WebGL

リンク

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（最終回） - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（最終回）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（９） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity な

yoshiweb 2015/07/12

リンク

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（９） - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（９）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（８） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などの

yoshiweb 2015/07/12

リンク

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（８） - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（８）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（７） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などの

yoshiweb 2015/07/12

リンク

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（７） - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（７）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（６） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などの

yoshiweb 2015/07/12

リンク

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（６） - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（６）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（５） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などの

yoshiweb 2015/07/12

リンク

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（５） - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（５）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（４） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などの

yoshiweb 2015/07/12

リンク

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（４） - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（４）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（３） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などの

yoshiweb 2015/07/12

リンク

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（３） - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（３）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（２） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などの

yoshiweb 2015/07/12

リンク

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（２） - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（２）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。前回：[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（１） - Qiita 想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などの

yoshiweb 2015/07/12

リンク

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（１） - Qiita

[連載]やってみれば超簡単！ WebGL と GLSL で始める、はじめてのシェーダコーディング（１）WebGLGLSL まずは挑戦してみようシェーダを自分でコーディングするなんて…… きっとお難しいんでしょ…… と、お思いの奥様方。そんなことはないんです。コツをつかめば意外と楽しめます。当連載では、シェーダというものに対して抱かれてしまいがちな、漠然とした難しそう感を払拭すべく、簡単なシェーダの記述とその基本について解説したいと思います。想定する読者当連載では、シェーダってなんか難しそう……とか、シェーダプログラミング始めてみたいけど……とか、なんとなく興味を持ってるけどシェーダを記述したことがない方を読者に想定しています。たとえば Unity などのツール、あるいはマインクラフトのようなゲーム、またはモデリングソフトなどでもシェーダを自分で記述することができるような世の中で

yoshiweb 2015/07/12

リンク

はてなブックマーク

タグ

関連タグで絞り込む (3)

GLSLに関するyoshiwebのブックマーク (12)

お知らせ

今週のはてなブックマーク数ランキング（2024年6月第2週）

月間はてなブックマーク数ランキング（2024年5月）

今週のはてなブックマーク数ランキング（2024年6月第1週）

公式Twitter

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

はてなブックマーク

公式Twitter

はてなのサービス