スクリーンスペース・アンビエント・オクルージョン（SSAO） - QiitaHelp us understand the problem. What are the problem?
How to hack VS Code: evil ways (Japanese)
Presented at Kyoto.js 15 https://kyotojs.connpass.com/event/113442/
webgl-waterのコースティクス解説
はじめに 最近バズっていたwebgl-waterのコースティクスをshadertoyで実装しました。せっかくなので簡単に解説したいと思います。 https://www.shadertoy.com/view/MttBRS https://www.shadertoy.com/view/MldfDn レイマーチングで絵が出せるぐらいの予備知識があると、ソースを理解しつつ読み進めることが出来ると思います。 レイマーチングについては@gam0022さんのスライドが詳細で分かりやすく解説されているのでおススメです。 シェーダだけで世界を創る！three.jsによるレイマーチング 解説に入る前に、見慣れない方もいると思うので webgl-water と コースティクス についての説明を先にします。 webgl-waterとは 2011年に登場した、ブラウザで動作する水面のリアルタイムシミュレーションです
Shadertoy
This help only covers the parts of GLSL ES that are relevant for Shadertoy. For the complete specification please have a look at GLSL ES specification Language: Version: WebGL 2.0 Arithmetic: ( ) + - ! * / % Logical/Relatonal: ~ < > <= >= == != && || Bit Operators: & ^ | << >> Comments: // /* */ Types: void bool int uint float vec2 vec3 vec4 bvec2 bvec3 bvec4 ivec2 ivec3 ivec4 uvec2 uvec3 uvec4 ma
ビルトイン関数の使い方いろいろ！シェーダアートの表現力を高める小技集
ビルトイン関数の使い方いろいろ！ シェーダアートの表現力を高める小技集 2018-09-13 GLSL Tech Night
ライブコーディングから始めるVJ入門 - karaage. [からあげ]
VJをやってみたくなった Maker Faire Tokyo 2018と同じ日にAkiPartyというライブに行ったのですが、そのライブのVJがめちゃめちゃカッコよくて、VJやりたくなってしまいました。 AkiPartyでは、ファミコン実機をサーキットベンディング（要は回路を勘でショートさせたりして適当に改造すること）をして、バグったような映像を表示させる、Vaporwave（ヴェイパーウェイブ）的な表現をしていたのですが、それがめちゃめちゃカッコよかったのです。文章だと全然カッコよく無さそうですね、すみません… ともかく、VJやってみたいな。あわよくばライブとかやりたいなみたいなことを思いました。ただ、ファミコン実機から入るのは幾ら何でもハードコア過ぎるし、市販のVJソフト買って、無料動画素材を切り貼りするのもなんか違うな…と思っていて、そういえば、はてなブログでVJやっている人がいたよ
![ライブコーディングから始めるVJ入門 - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f6c0a98a14b6cd602a521673b418fe345ec9c68c/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkaraage%2F20180818%2F20180818115725.png)
Shadertoy
This help only covers the parts of GLSL ES that are relevant for Shadertoy. For the complete specification please have a look at GLSL ES specification Language: Version: WebGL 2.0 Arithmetic: ( ) + - ! * / % Logical/Relatonal: ~ < > <= >= == != && || Bit Operators: & ^ | << >> Comments: // /* */ Types: void bool int uint float vec2 vec3 vec4 bvec2 bvec3 bvec4 ivec2 ivec3 ivec4 uvec2 uvec3 uvec4 ma
React NativeでGLSL書けるか試してみた | ランサーズ（Lancers）エンジニアブログ
この記事はランサーズ Advent Calendar 2017の21日目の記事です。 はじめまして、フロントエンドエンジニアの加藤です。8月からランサーズのユーザーファーストデザイン室というチームでデザイナーの人たちと一緒に働いています。 突然ですが、みなさんはglslsandboxを見て、知らない外人のお兄さんの作品を見て毎日感動してますよね？そして、うちの仕事では使う機会ないなぁと涙を流していますよね？ しかし、仕事は自分で勝ち取るものなのだと誰かが言っていました。どうやって今の仕事の環境の上で書けるかを試してみるといいかもしれません。以前、gl-reactを使ってReactで書いたアプリケーションの上でGLSLを書ける方法を試したことがありますが、現在であれば一番新規フロントエンド開発で選定されそうなReact Nativeで書ければ、もしかしたら仕事で書けるかもしれません！ GLS
OpenGL - Geometry shaders
So far we've used vertex and fragment shaders to manipulate our input vertices into pixels on the screen. Since OpenGL 3.2 there is a third optional type of shader that sits between the vertex and fragment shaders, known as the geometry shader. This shader has the unique ability to create new geometry on the fly using the output of the vertex shader as input. Since we've neglected the kitten from
WebGL2.0のためのGLSL ES 3.0 - Qiita
正式にWebGL2.0が使えるようになってきましたので、ここでWebGL2.0に対応するGLSL ES 3.0について、まとめていきたいと思います。 自分でも調べましたが、間違った認識や情報が含まれていたり、足りない情報がある可能性が高いです。 ぜひコメントをどんどん投げていただけるとありがたいですm(_ _)m めちゃくちゃ、読みにくいです。ゴメンなさい。 GLSL ES 1.0 から 3.0 への変更点 Version directive
TouchDesignerでGLSLを扱うには - Qiita
TouchDesignerでGLSLを扱っている人は多いと思いますが、GLSL事始め的なエントリが少ないことに気づいたのでメモ代わりに書いておきます。 サンプルコードはこちら。 TouchDesignerでGLSLを扱うためのノード TouchDesignerではGLSLを扱うためのノードが3つ用意されています。 GLSL MATとGLSL TOP、GLSLMulti TOPの3つです。 GLSL MAT GLSL MATは最も一般的なシェーダになります。 TouchDesignerにおけるGeometry COMP、Camera COMP、Light COMPと連携し、Renderへの描画処理を記述していくものです。 記述が簡単になる独自関数やCamera COMPやLight COMPと簡単に連携できる変数がすでに準備されているため、詳細はwikiのWrite a GLSL Mater
VEDA GLSL Livecoding workshop
Presented at TOPLAP Japan Vol.2 workshop at Kyoto
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
gmork.in
Shadertoy
Shadertoy
READY FOR THE BATTLE? -Introduction to Live Coding- - Speaker Deck
GLSL シェーダスクール 2018 募集開始！「表現すること」をメインテーマに今年も豪華講師陣が参戦！ - WebGL 総本山
Ryan Wanamaker Renderman II Portfolio
GLSL Materialの書き方 - TouchDesigner 099 Wiki
gmork.in
