js-demo

https://sapphire-al2o3.github.io/js-demo/

WebGL

• Bloom
• conic-gradient
• Distance-Field
• Dither
• facing
• forked_-WebGLでリサージュ曲線
• Fur
• FXAA
• 六角形
• Instancing
• Lambert
• lineWidthのテスト
• NormalMapTexture
• Pixelize
• Projection Mapping
• ProjectionMatrix
• Scissor
• Screen-Tone
• Shape
• Sphere Mapping
• undefined
• uniform配列のテスト
• UV Mapping
• WebGL-point-particle
• WebGLでゆらゆらさせる
• WebGLでアウトライン描画
• WebGLでインデックスカラー画像を表示
• WebGLでテキスト表示
• WebGLでトーラス
• WebGLでドット絵表示(ドットの形を変える)
• WebGLでビデオにフィルタをかける
• WebGLでポイントスプライト
• WebGLでポイントライト
• WebGLでマンデルブロ集合
• WebGLでモデル表示
• WebGLでリサージュ曲線
• WebGLでワイヤフレーム
• WebGLで花火
• WebGLで草原
• WebGLにWebカメラのキャプチャをつけるテスト
• WebGLの初期値
• WebGLの演算精度
• WebGLテスト
• Wireframe
• アウトライン
• フィードバックポストエフェクト
• フラットシェーディング
• ミップマップのバイアス
• 星空
• 深度テクスチャ
• 雨と波紋

Math

• 2x2行列の固有値
• 2次ベジェ曲線
• 3次ベジェ曲線
• 3Dの行列テスト
• ベジェ曲線で描く
• 3次ベジェ曲面
• atan
• Catmull-Rom曲線
• 図形の重心
• float
• Hermite曲線
• ラメ曲線
• Math.imulのテスト
• Math.randomテスト
• Math.randomテスト-その2
• vector-utility
• オイラー角→行列→オイラー角
• forked_-オイラー角→行列→オイラー角
• ベクトル間の角度を求める
• ボックス＝ミューラー法による正規乱数
• 直線と線分の当たり判定
• ベクトルの反射
• 光線の反射
• 二次ベジェ曲線と線分の当たり判定
• 円と線分の当たり判定
• 点と線分の最近接点
• 矩形と線分の当たり判定
• 矩形同士の当たり判定
• 立方体
• 鏡映と回転
• 斜方投射
• 線分同士の当たり判定
• 正規分布
• 整数の補間
• 波形
• 三角形の内外判定
• 多角形の内外判定

Canvas

• 2011-09-29-1st
• canvas-utilty
• CanvasでCatmull-Rom曲線を描く
• Canvasでページめくりエフェクト
• Canvasで吹き出し
• Canvasで破線
• Canvasに透明な色を描画した時の挙動
• Canvasのピクセル書き込みの速度比較
• Canvasの再生テスト
• Canvasの描画速度テスト
• createImageBitmapのテスト
• fillRectとrectの速度比較
• forked_-fireworks
• ImageBitmapのテスト
• lineCap
• rainbow
• Sequencer
• split-drawing
• string
• モアレ
• toDataURLの速度
• transformでの回転
• 画像のトリミング
• WebフォントでCavansに文字を描く
• ♥
• あの花のEDっぽいもの
• いろんな方法でお絵かきしてみる
• うねうね
• ふつうの花火
• カプセル型
• ドロップした画像の上に絵を描く
• パスで描いた図形のドラッグ
• パターンアニメーション
• マンデブロ集合
• ジュリア集合
• コッホ曲線
• リサージュ曲線
• バタフライ曲線
• 円形グラデーション
• 円錐グラデーション
• 動く四角
• 回転して描く
• 回転する正方形
• 星
• 時計
• 歯車
• 炎っぽいエフェクト
• 真ん中の正方形の大きさが変わるように見えるやつ
• ＠がんばらないジェネレータ
• Cellular Noise
• Perlin Noise
• Value Noise
• Simplex Noise
• FlowMapPainter
• クリップボードから画像を貼り付ける
• 迷路生成
• ダンジョン生成
• 点描
• 集中線
• モーフィング
• バーンズリーのシダ
• 日本地図

Image Processing

• 16bit Color
• Bilateral Filter
• Channel Packer
• 色収差
• Color Matrix
• 色抽出
• Dithring
• Gaussian Blur
• ヒストグラム
• HSV色調補正
• Kuwahara Filter
• Laplacian
• ノイズテクスチャ
• 極座標変換
• Posterization
• SNN
• Tiling
• ミニチュア風
• Vignette
• Voronoi
• RGBAチャンネル表示

Misc

• ツールチップ
• ノイズサウンド