【TypeScript】gray-matterでsections

gray-matterという便利なライブラリがあります。

Next.js+gray-matterのススメ」でも書いたようにコンテンツとコンフィグをまとめて1つのマークダウンにかけるようなやつです。

TypeScript でセクションを使う時に少し困ったのでメモしておきます。

続きを読む 【TypeScript】gray-matterでsections

【GLSL】つぶやきGLSL作成ログ#14

ツイッターで書いた以下の #つぶやきGLSL の作成ログ。

四角の動きを表現したい。

続きを読む 【GLSL】つぶやきGLSL作成ログ#14

【GLSL】つぶやきGLSL作成ログ#13

ツイッターで書いた以下の #つぶやきGLSL の作成ログ。

今回タグを入れられなかった。

続きを読む 【GLSL】つぶやきGLSL作成ログ#13

【GLSL】つぶやきGLSL作成ログ#12

ツイッターで書いた以下の #つぶやきGLSL の作成ログ。

移動ゲートっぽい感じを書いてみたかった。

続きを読む 【GLSL】つぶやきGLSL作成ログ#12

【GLSL】つぶやきGLSL作成ログ#11

ツイッターで書いた以下の #つぶやきGLSL の作成ログ。

前回の斜め方向ドットが若干コレジャナイ感があったので焼き直し。

続きを読む 【GLSL】つぶやきGLSL作成ログ#11

【GLSL】つぶやきGLSL作成ログ#10

ツイッターで書いた以下の #つぶやきGLSL の作成ログ。

タイトルに迷ったので通し番号でナンバリング。

続きを読む 【GLSL】つぶやきGLSL作成ログ#10

【GLSL】斜めに線が伸びて膨らむアニメーション

ツイッターで書いた以下の #つぶやきGLSL の作成ログです。

続きを読む 【GLSL】斜めに線が伸びて膨らむアニメーション

【GLSL】四角形を描く

ちょっといつもと違う感じにお絵描きがしたくなったので、基本になる四角形を色々書いてみます。正方形、長方形、角丸、適当な4点などの基本形。

続きを読む 【GLSL】四角形を描く

ガウシアンフィルタについての確認

前回トゥーン化シェーダーを試したときにガウシアンフィルタを使いました。

使った後で、これって本当にあってるんだっけと思い始めて少し深堀り。

続きを読む ガウシアンフィルタについての確認

画像をトゥーン化するシェーダーを作りたい

トゥーンシェーディング(セルシェーディング)はアニメ風の塗りを表現します。

今回は3Dを描画するときのトゥーンレンダリングではなくて、画像をそれっぽく変換してみたいと思います。

することを簡単に書くと、明るさを数段階に分けることとエッジ抽出です。

 

今回はやりたいことと考え方のまとめで、上手くは行きません。

続きを読む 画像をトゥーン化するシェーダーを作りたい