not good but great

プログラミング、アート、映画・本の感想について書きます。

GLSL

threejsのbuffergeometry exampleをes6で書いてみた

poop particles buffergeometry example buffergeometryを使えば、よりWebGLネイティヴに近い書き方ができるらしい。Particle(頂点だけなので四角)を大量に描画することに向いている。 three.js examples es6記法で書き直す exampleはシンプルに書かれている…

WebGLでたくさんの線を動かす

動かした。 線を動かしているので、particleではないw GitHub - naoyashiga/gl-particle: Simple WebGL particle これを参考にしてる。 Day54: WebGL Particle Animation.

D3jsの雑な印象

D3.js - Data-Driven Documents D3jsはデータビジュアライズの定番となっている。 D3jsのメリット オープンソースでメンテナンスがされている 作者のやる気高め 事例が多い Gallery · d3/d3 Wiki D3.jsはなぜ人気があるのか? そして、なぜ難しいのか? | #…

fract()は実数の少数部を求める組み込み関数

結構サンプル載っている。 http://www.demoscene.jp/?p=1147 #ifdef GL_ES precision mediump float; #endif uniform float time; uniform vec2 mouse; uniform vec2 resolution; float lengthN(vec2 v, float n){ vec2 tmp = pow(abs(v), vec2(n)); return …

surfacePositionは画面の中心

glslsandboxというサイトがあり、他の人が書いたコードを見ることができる。その場で編集できて実行できるエディタもあって便利だ。 GLSL Sandbox Galleryこちらをいじってみることにした。 http://glslsandbox.com/e#22547.0 http://glslsandbox.com/e#2257…

GLSLで回転行列を使って座標を回転させる

・参考 [連載]やってみれば超簡単! WebGL と GLSL で始める、はじめてのシェーダコーディング(7) - Qiita http://goo.gl/5aM2U7 precision mediump float; uniform float t; // time uniform vec2 r; // resolution void main(void){ vec2 p = (gl_FragC…

GLSLでグラデーションや光るオーブを描画してみる

新年に触ったGLSLをもう一回やってみる。 KayacのFiltersで遊んでみた - not good but greatこのシリーズを読んでみた。オリジナルのeditorを作成されているそうで、すごい。GLSLがやっていることは、最終的にピクセルに何の色を出すのかを決めるということ…

KayacのFiltersで遊んでみた

Filters | 面白法人カヤック KayacのFiltersで遊んでみた。他の人の作品をforkしていじったりできて楽しい。ずっとリアルタイムでフィルターを起動していたから、バッテリーの減りが早いw