go back to Monkey Circus
2023/06/03
・レイマーチング。回転体。
・メッシュの透け感。SSS 感。
・レイマーチング。回転体。
・メッシュの透け感。SSS 感。
2023/04/22
・BVH で高速にスザンヌをボクセル
に変換した。128 x 128 x 128 個の
ボクセルに分割した後、512 x 512
ピクセルのテクスチャに入れた。
環境によってはとても低速。
・気分はレイマーチだけど距離関数を
使っていないからレイトレと言う
べきか。
・BVH で高速にスザンヌをボクセル
に変換した。128 x 128 x 128 個の
ボクセルに分割した後、512 x 512
ピクセルのテクスチャに入れた。
環境によってはとても低速。
・気分はレイマーチだけど距離関数を
使っていないからレイトレと言う
べきか。
2023/03/14
・レイトレで描いたボクセルと
three.js で描いたスザンヌの深度を
比較して重ね合わせた。
スザンヌの表面で反射した視線から
もレイトレした。
・レイトレで描いたボクセルと
three.js で描いたスザンヌの深度を
比較して重ね合わせた。
スザンヌの表面で反射した視線から
もレイトレした。
2023/03/05
・文字の形に切り抜いた紙を何枚か
重ねて立体的にするという紙工作
を WebGL で表現した。フォント
は赤の濃淡だけのテクスチャで
用意して、それを元にシェーダで
色を付けたり影を付けたりした。
ゼブラウッド。マイターふちどり
付きにした。
2023/03/04
・標準の mipmap にまかせると、
スクロールした場合チカチカする
ので、もうひとつ向こうまで巻き
込む方式の自作 mipmap にした。
2023/03/03
・three.js の r150 で three.min.js が
deprecated か…。どうしよう。
2023/2月
・mipmap が分からず、試行錯誤。
バイキュービックで、どんな画像
でも徹底的に滑らかにぼかす。
・文字の形に切り抜いた紙を何枚か
重ねて立体的にするという紙工作
を WebGL で表現した。フォント
は赤の濃淡だけのテクスチャで
用意して、それを元にシェーダで
色を付けたり影を付けたりした。
ゼブラウッド。マイターふちどり
付きにした。
2023/03/04
・標準の mipmap にまかせると、
スクロールした場合チカチカする
ので、もうひとつ向こうまで巻き
込む方式の自作 mipmap にした。
2023/03/03
・three.js の r150 で three.min.js が
deprecated か…。どうしよう。
2023/2月
・mipmap が分からず、試行錯誤。
バイキュービックで、どんな画像
でも徹底的に滑らかにぼかす。
2023/02/04
・SSS。subsurface scattering。
・SSS。subsurface scattering。
2023/01/28
・炭酸飲料。メロンソーダ。
・zhu のタピオカを改造してコーヒー
ゼリーみたいにした。
・炭酸飲料。メロンソーダ。
・zhu のタピオカを改造してコーヒー
ゼリーみたいにした。
2023/01/21
・木目に沿って法線の角度を変えて
凹凸を感じるような明暗を付け
た。アウトラインも真っすぐでは
なく、木目を反映させた。
・新品の家具や建物にペンキでわざと
汚れを付けて古びた味わいを出す、
エイジング技法。下部の木目に
ほこりっぽい色を入れた。
・木目に沿って法線の角度を変えて
凹凸を感じるような明暗を付け
た。アウトラインも真っすぐでは
なく、木目を反映させた。
・新品の家具や建物にペンキでわざと
汚れを付けて古びた味わいを出す、
エイジング技法。下部の木目に
ほこりっぽい色を入れた。
2023/01/14
・3D モデルを描画した後で、その
デプスバッファを参照しながら、
2D の煙レイヤーを重ねた。
・3D モデルを描画した後で、その
デプスバッファを参照しながら、
2D の煙レイヤーを重ねた。
2023/01/07
・にじみのボケ足をじわじわ拡げて
いく時に、ノイズでばらつかせる
だけではなく、格子の目に沿った
部分が伸びやすいようにして繊維
が染まっていくような感じに見せ
るという手法を考案した。
・にじみのボケ足をじわじわ拡げて
いく時に、ノイズでばらつかせる
だけではなく、格子の目に沿った
部分が伸びやすいようにして繊維
が染まっていくような感じに見せ
るという手法を考案した。
2022/12/31
・ラジオシティで他の物体の色を受け
取ったり、アンビエントオクルー
ジョンで狭い部分が暗くなったり
する様子を真似て、SDF の簡単な
方法でそれっぽく表現した。
・ラジオシティで他の物体の色を受け
取ったり、アンビエントオクルー
ジョンで狭い部分が暗くなったり
する様子を真似て、SDF の簡単な
方法でそれっぽく表現した。
2022/12/24
・three.js の組み込みの uniform や
attribute がとても便利。
・接近部を暗くして ao ぽくした。
・three.js の組み込みの uniform や
attribute がとても便利。
・接近部を暗くして ao ぽくした。
2022/12/17
・レイマーチの空間と three.js の
メッシュ空間を重ね合わせた。
・レイマーチの空間と three.js の
メッシュ空間を重ね合わせた。
2022/12/10
・水中に浮遊する物体。
・オーロララメのきらめき。
(世の中のラメの種類は、シルバー
ラメ、ホログラムラメ、オーロラ
ラメ、がありますよね。)
・水中に浮遊する物体。
・オーロララメのきらめき。
(世の中のラメの種類は、シルバー
ラメ、ホログラムラメ、オーロラ
ラメ、がありますよね。)
2022/12/03
・色が混ざらないように気をつけな
がら、模様を変形していく。
ビッグサイトの前で思いついた
アルゴリズム。背景色は口紅の
広告を参考にした。
・色が混ざらないように気をつけな
がら、模様を変形していく。
ビッグサイトの前で思いついた
アルゴリズム。背景色は口紅の
広告を参考にした。
2022/11/26
・赤ワイン。シックに。大人ぽく。
2022/11/23
・パーティクルの形状をしずく形に
した。
・赤ワイン。シックに。大人ぽく。
2022/11/23
・パーティクルの形状をしずく形に
した。
2022/11/19
・彩度の微調整を重ねた。
・蛍光っぽく見える色って、その色が
明るいのではなくて、周囲の色が
にぶい…と30年前にノーマン
ロックウェルの個展を観ながら
思ったことを今ごろになって表現
してみた。
・渦を巻く煙。トナカイ。
・fro 6 と違い、ベロシティ場・圧力場
をピンポンして、スピン場と発散場
も使うリッチ方式。
・彩度の微調整を重ねた。
・蛍光っぽく見える色って、その色が
明るいのではなくて、周囲の色が
にぶい…と30年前にノーマン
ロックウェルの個展を観ながら
思ったことを今ごろになって表現
してみた。
・渦を巻く煙。トナカイ。
・fro 6 と違い、ベロシティ場・圧力場
をピンポンして、スピン場と発散場
も使うリッチ方式。
2022/11/12
・マーブリング。隣り合った色どうし
が混ざっていかないように。
・シワにも注目。
・ベロシティ場すら無い超簡単方式。
移流しないので、流体と言うより、
ハイトマップに従った変形スクロ
ールと言うべきか。
・マーブリング。隣り合った色どうし
が混ざっていかないように。
・シワにも注目。
・ベロシティ場すら無い超簡単方式。
移流しないので、流体と言うより、
ハイトマップに従った変形スクロ
ールと言うべきか。
2022/11/05
・粘性流体。スタンフォードバニー。
・ベロシティ場だけの簡単方式。
(圧力場・スピン場なし。)
・粘性流体。スタンフォードバニー。
・ベロシティ場だけの簡単方式。
(圧力場・スピン場なし。)
2022/10/30
・月と影を付けた。
2022/10/29
・gif アニメみたいに、15コマに分割
したハイトマップを Illustrator で
描いた。
2022/10/25
・かえるの骨格を調べた。
・月と影を付けた。
2022/10/29
・gif アニメみたいに、15コマに分割
したハイトマップを Illustrator で
描いた。
2022/10/25
・かえるの骨格を調べた。
2022/10/22
・ハロウィンの魔女の鍋。
・結局、二次方程式は使わず…。
2022/10/18
・二次方程式の解をプログラムで
求める方法をだいぶ考えたけど
分からなくて調べたら a ± sqrt( b)
の形で一意に定まると分かった。
ありがたや。
2022/10/17
・ベロシティを持ったパーティクルに
加速度を加え、任意のフレーム数で
任意の座標に移動した後のベロシ
ティを任意にする方法をずっと考え
ていた。歯医者で。
・ハロウィンの魔女の鍋。
・結局、二次方程式は使わず…。
2022/10/18
・二次方程式の解をプログラムで
求める方法をだいぶ考えたけど
分からなくて調べたら a ± sqrt( b)
の形で一意に定まると分かった。
ありがたや。
2022/10/17
・ベロシティを持ったパーティクルに
加速度を加え、任意のフレーム数で
任意の座標に移動した後のベロシ
ティを任意にする方法をずっと考え
ていた。歯医者で。
2022/10/16
・毛玉。
・毛玉。
2022/10/08
・霞。
・霞。
2022/10/02
・メタボール。4096 個。マットキャ
ップ。
・独自に 2 バイトで小数を表すより、
素直に THREE.HalfFloatType を
使った方が高速。
・メタボール。4096 個。マットキャ
ップ。
・独自に 2 バイトで小数を表すより、
素直に THREE.HalfFloatType を
使った方が高速。
2021/10/01
・どうすればメタボールがいい感じに
ムニャッと伸びるのか、パラメー
ターではなく計算式を変えて研究
した。感じやすい。
・どうすればメタボールがいい感じに
ムニャッと伸びるのか、パラメー
ターではなく計算式を変えて研究
した。感じやすい。
2021/10/01
・水・スライム・水銀のような金。
・JS で Uint8Array に 256 以上の数を
代入すると不定。
・水・スライム・水銀のような金。
・JS で Uint8Array に 256 以上の数を
代入すると不定。
2022/09/24
・レイマーチ版。
・グニャグニャ動く。
・レイマーチ版。
・グニャグニャ動く。
2022/09/23
・パストレーシング版。
・高速化。M1 の MacBook Air で
ちょうどフレームレートが落ちな
い程度の計算負荷に調整した。
・パストレーシング版。
・高速化。M1 の MacBook Air で
ちょうどフレームレートが落ちな
い程度の計算負荷に調整した。
2022/09/19
・reaction-diffusion system を立体的
に見せるのは、ferro 3 のマットキ
ャップや、ferro 7 のレイマーチン
グでやったけど、PlaneGeometry
で 50 万ポリゴンとか全く軽いと
分かって今回はポリゴンにした。
・reaction-diffusion system を立体的
に見せるのは、ferro 3 のマットキ
ャップや、ferro 7 のレイマーチン
グでやったけど、PlaneGeometry
で 50 万ポリゴンとか全く軽いと
分かって今回はポリゴンにした。
2022/09/17
・古い iPad では sqrt 関数の引数を
負にしてはいけない。
2022/09/14
・three.js でレンダリングした結果の
深度バッファとレイマーチングを
干渉させた。
・古い iPad では sqrt 関数の引数を
負にしてはいけない。
2022/09/14
・three.js でレンダリングした結果の
深度バッファとレイマーチングを
干渉させた。
2022/09/10
・1000機の TIE Fighter にした。
とてもシンプルな形状に、テクス
チャではなく式で模様を付けた。
2022/09/05
・fbm に与える座標を fbm で作る。
・地形の法線ベクトルを求める。
・彩度に緩急。蛍光色の絵の具を使
ったみたいに。
・補間修飾子を flat にした。
provoking vertex で色を指定。
・1000機の TIE Fighter にした。
とてもシンプルな形状に、テクス
チャではなく式で模様を付けた。
2022/09/05
・fbm に与える座標を fbm で作る。
・地形の法線ベクトルを求める。
・彩度に緩急。蛍光色の絵の具を使
ったみたいに。
・補間修飾子を flat にした。
provoking vertex で色を指定。
2022/09/03
・玉ボケを好きな形状に変える。
・depth of field。
・"bon 7" から流用。(音声合成)
(歌を文字で記述) (東京音頭)
(ダンスを文字で記述) (盆踊り)
・玉ボケを好きな形状に変える。
・depth of field。
・"bon 7" から流用。(音声合成)
(歌を文字で記述) (東京音頭)
(ダンスを文字で記述) (盆踊り)
2022/08/27
・bokeh で tilt shift。トイカメラ。
・bokeh で tilt shift。トイカメラ。
2022/08/20 ニューラル関連の論文が英語ばかり。英語の勉強。
2022/08/11
・モンドリアン的な。
・モンドリアン的な。
2022/08/11
・NCA 的な。
・NCA 的な。
2022/08/07 javascript のモジュールとは。
2022/08/02 g_nca。
2022/07/30 GAN。
2022/07/28 hex。nca_tex。
2022/07/27 three.js のポストプロセッシングはモジュールだから、ローカルで実行できない (？)
2022/07/26 speechSynthesis は、声の種類の選択方法、環境による。
2022/07/25 speechSynthesis は、iOS では要タッチ。挙動が環境による。
2022/07/24 speechSynthesin の出力を、バッファに取り込むことは難しいみたい。 なので、それを加工して歌にできない。 でも、一音ずつ音程を変えながらリアルタイムにしゃべれば歌になる (？)
2022/07/23 speechSynthesis の存在に初めて気づいた。 2014年ごろからあったのか、気づくの遅すぎ。 歌うことはできない (？)
2022/07/31
・シグモイド、x/(1+abs(x)) も、
1/(1+exp(-x) も、いいね。
2022/07/30
・Stephan Rafler's SmoothLife.
John Horton Conway's
Game of Life.
・藻類を顕微鏡で見た感じにした。
・シグモイド、x/(1+abs(x)) も、
1/(1+exp(-x) も、いいね。
2022/07/30
・Stephan Rafler's SmoothLife.
John Horton Conway's
Game of Life.
・藻類を顕微鏡で見た感じにした。
2022/07/22
・SSS ぽく。
・ギリギリまで精度を落としたり
チートな技を使ったりして
計算負荷を半分以下にした。
・SSS ぽく。
・ギリギリまで精度を落としたり
チートな技を使ったりして
計算負荷を半分以下にした。
2022/07/16
・Kleinian group / path tracing /
Monte Carlo method
クライン群をパストレーシング。
モンテカルロ法。視線を少しブレ
させながら 10 枚レンダリングして
平均化。
・Kleinian group / path tracing /
Monte Carlo method
クライン群をパストレーシング。
モンテカルロ法。視線を少しブレ
させながら 10 枚レンダリングして
平均化。
2022/07/10
・金鉱。ハレーション。
・金鉱。ハレーション。
2022/07/10
・ボロノイ図を描画して早 24 年。
ボロノイ芸人。
・ボロノイ図を描画して早 24 年。
ボロノイ芸人。
2022/07/09
・偏微分の幅を広げるとほろほろ感
が出るトリックを発見した。
・トイストーリーの雲ぽくした。
・偏微分の幅を広げるとほろほろ感
が出るトリックを発見した。
・トイストーリーの雲ぽくした。
2022/07/02
・コロナウイルスのような形状。
正十二面体と正二十面体を合体
した 32 面体 (切頂二十面体) に、
目見当で合わせた。目見当って。
・下の物体のように、ディフューズを
弱めてスペキュラは残すと SSS
ぽく見える。気がする。
2022/07/01
・形状どうしを滑らかにつなげる。
sequel - 2022/03/08
・基本的な距離関数を勉強した。
・コロナウイルスのような形状。
正十二面体と正二十面体を合体
した 32 面体 (切頂二十面体) に、
目見当で合わせた。目見当って。
・下の物体のように、ディフューズを
弱めてスペキュラは残すと SSS
ぽく見える。気がする。
2022/07/01
・形状どうしを滑らかにつなげる。
sequel - 2022/03/08
・基本的な距離関数を勉強した。
2022/06/26
・だんだん分かってきた。OK。
2022/06/25
・ダイヤモンドの結晶構造を、折り
たたみ方式で描画できるかも
と思ってやってみたら
それらしきものが描画できたけど
ぐちゃぐちゃ。無理か。
・だんだん分かってきた。OK。
2022/06/25
・ダイヤモンドの結晶構造を、折り
たたみ方式で描画できるかも
と思ってやってみたら
それらしきものが描画できたけど
ぐちゃぐちゃ。無理か。
2022/06/25
・texture() が返す値の謎、おそらく
THREE.LinearMipmapLinearFilter
が、隣接ピクセルの uv 座標も考慮
に入れているからではないか。
2022/06/23
・タイリング。
・texture() が返す値の謎、おそらく
THREE.LinearMipmapLinearFilter
が、隣接ピクセルの uv 座標も考慮
に入れているからではないか。
2022/06/23
・タイリング。
2022/06/21
・ジュリア集合。マンデルブロ集合と
だいたい同じ。銀河みたいな形な
ので、それっぽい色合いにした。
・texture() 関数が if 文の中でおかしな
値を返す現象に悩まされた。
・ジュリア集合。マンデルブロ集合と
だいたい同じ。銀河みたいな形な
ので、それっぽい色合いにした。
・texture() 関数が if 文の中でおかしな
値を返す現象に悩まされた。
2022/06/19
・FAX 機の発信する音が、オッフェ
ンバックの「天国と地獄」に聞こ
えたので、それを再現してみた。
実際のプッシュ音の周波数に合わ
せているので、この通りに押せば
スマホ等でも同じ音が出るはず。
DTMF、2 つの正弦波を重ねる。
・Twemoji の絵文字、便利。
・FAX 機の発信する音が、オッフェ
ンバックの「天国と地獄」に聞こ
えたので、それを再現してみた。
実際のプッシュ音の周波数に合わ
せているので、この通りに押せば
スマホ等でも同じ音が出るはず。
DTMF、2 つの正弦波を重ねる。
・Twemoji の絵文字、便利。
2022/06/18
・Barnsley fern。乱数の確率で点描
し続けて、像を浮かび上がらせて
ゆく方式のサンプルがネットに
多数あるけど、その方式はシェー
ダには合わないので、折りたたみ
方式に変えて高速描画した。
バーンズリーのシダ。
・Barnsley fern。乱数の確率で点描
し続けて、像を浮かび上がらせて
ゆく方式のサンプルがネットに
多数あるけど、その方式はシェー
ダには合わないので、折りたたみ
方式に変えて高速描画した。
バーンズリーのシダ。
2022/06/15
・Pointer events を整理。長押しで
メニューが出ないように等。
2022/06/12
・画像を並べてフラクタルを描く。
マンデルブロ集合。超古典。
・Twemoji の絵文字のキリン。
・Pointer events を整理。長押しで
メニューが出ないように等。
2022/06/12
・画像を並べてフラクタルを描く。
マンデルブロ集合。超古典。
・Twemoji の絵文字のキリン。
sequel - 2022/06/19
・iOS のオーディオの開始について、
また変なくせを発見してしまった。
長押しの後の pointerup で作った
AudioContext は、いつまでたっても
suspended のまま。1 秒間待っても
suspended のままだったら、close()
して、タッチ要求に戻ることにした。
2022/06/11
・マカバの星を入れた。頂点の座標
を求めるため三角関数の方程式を
筆算した。
・色合いは、ときめきハワイフェア。
2022/06/08
・殿さまキングスの「ハワイ音頭」
耳コピでへなちょこ採譜。
スティールギター風ポルタメント。
・iOS のオーディオの開始について、
また変なくせを発見してしまった。
長押しの後の pointerup で作った
AudioContext は、いつまでたっても
suspended のまま。1 秒間待っても
suspended のままだったら、close()
して、タッチ要求に戻ることにした。
2022/06/11
・マカバの星を入れた。頂点の座標
を求めるため三角関数の方程式を
筆算した。
・色合いは、ときめきハワイフェア。
2022/06/08
・殿さまキングスの「ハワイ音頭」
耳コピでへなちょこ採譜。
スティールギター風ポルタメント。
sequel - 2022/06/19 ・iOS の長押し対策。
2022/06/07
・ミッキーマウスレビューが始まる
前の部屋で見られる映像や、
ファンタジアみたい。ただ、
サウンドトラック君は波形だと
思うけどこれは FFT のグラフ。
2022/06/05
・Benny Benassi のようなブザーぽ
い音を合成。
2022/06/04
・ネオン系。ブルームを好きなだけ
遠くまで高速で広げる方法。
2022/06/07
・ミッキーマウスレビューが始まる
前の部屋で見られる映像や、
ファンタジアみたい。ただ、
サウンドトラック君は波形だと
思うけどこれは FFT のグラフ。
2022/06/05
・Benny Benassi のようなブザーぽ
い音を合成。
2022/06/04
・ネオン系。ブルームを好きなだけ
遠くまで高速で広げる方法。
sequel - 2022/06/19 ・iOS の長押し対策。
2022/06/04
・正弦波は整いすぎているゆえ、
波形が少し飛んだだけで
ポップノイズが聞こえてくるから
めんどい。
2022/06/02
・「アンパンマンのマーチ」
歌詞が二ヶ所ほど泣ける。
雑誌「詩とメルヘン」思い出す。
・ふわっと光をひろげる。
2022/06/01
・スティールパンの音は、ディレイ
を使わないで単純に正弦波を重ね
た方がよさそう。
・ナツイロちゃんねる様の演奏を
参考にさせていただきました。
・スティールパンの音を合成。
2022/06/04
・正弦波は整いすぎているゆえ、
波形が少し飛んだだけで
ポップノイズが聞こえてくるから
めんどい。
2022/06/02
・「アンパンマンのマーチ」
歌詞が二ヶ所ほど泣ける。
雑誌「詩とメルヘン」思い出す。
・ふわっと光をひろげる。
2022/06/01
・スティールパンの音は、ディレイ
を使わないで単純に正弦波を重ね
た方がよさそう。
・ナツイロちゃんねる様の演奏を
参考にさせていただきました。
・スティールパンの音を合成。
sequel - 2022/06/19 ・iOS の長押し対策。
2022/05/29
・「荒城の月」
・本当のドラの音は気にしないで、
カンフー映画みたいなイメージ
で。太い音を合成する方法。
・PLAZA で見かけた文具の色合い。
・スティールパンの音を合成しようと
して、うまくできなかったので、
まず、ドラの音を合成した。
2022/05/29
・「荒城の月」
・本当のドラの音は気にしないで、
カンフー映画みたいなイメージ
で。太い音を合成する方法。
・PLAZA で見かけた文具の色合い。
・スティールパンの音を合成しようと
して、うまくできなかったので、
まず、ドラの音を合成した。
sequel - 2022/06/19 ・iOS の長押し対策。
2022/05/28
・「メヌエット」。ペツォールトでは
なく、ビゼーの方。
・1992年頃に街角で本谷美加子さん
の演奏を見てオカリナの練習を
したことがある。
・オカリナの音を合成。
2022/05/28
・「メヌエット」。ペツォールトでは
なく、ビゼーの方。
・1992年頃に街角で本谷美加子さん
の演奏を見てオカリナの練習を
したことがある。
・オカリナの音を合成。
sequel - 2022/06/19 ・iOS の長押し対策。
2022/05/24
・ディスク型にした。
2022/05/22
・John Williams "Hedwig's Theme"。
ハリー・ポッター。
"Greensleeves" をマネしてる (？)
と思ったけど、イングランド民謡
だから、わざと寄せたのだろう。
スメタナのモルダウも被る。
2022/05/21
・オルゴールは音叉に似ている (？)
ので正弦波で。6重和音の波形を
自分で加算。アルペジオ。残響。
・オルゴールの音を合成。
2022/05/24
・ディスク型にした。
2022/05/22
・John Williams "Hedwig's Theme"。
ハリー・ポッター。
"Greensleeves" をマネしてる (？)
と思ったけど、イングランド民謡
だから、わざと寄せたのだろう。
スメタナのモルダウも被る。
2022/05/21
・オルゴールは音叉に似ている (？)
ので正弦波で。6重和音の波形を
自分で加算。アルペジオ。残響。
・オルゴールの音を合成。
sequel - 2022/06/19 ・iOS の長押し対策。
sequel - 2022/05/26
・「気のいいあひる」に変えた。
ボヘミア民謡。
sequel - 2022/05/17
・FPS が 60 でない端末に対応。
2022/05/15
・オシレータは、正弦波や三角波など
ではなく、ホワイトノイズ。
・Perry Cook の slide flute の方式で
笛の音を合成。
sequel - 2022/05/26
・「気のいいあひる」に変えた。
ボヘミア民謡。
sequel - 2022/05/17
・FPS が 60 でない端末に対応。
2022/05/15
・オシレータは、正弦波や三角波など
ではなく、ホワイトノイズ。
←むかし買った
スライドホイッスル。
スライドホイッスル。
・Perry Cook の slide flute の方式で
笛の音を合成。
sequel - 2022/06/19 ・iOS の長押し対策。
sequel - 2022/05/17
・FPS が 60 でない端末に対応。
2022/05/14
・AudioWorklet で楽器の音を合成する
方法。弦楽器の音。
・ギターのコード。
・オシレータは、のこぎり波や矩形波
などではなく、単なるノイズ。
・Karplus-Strong の方式で
ギターの音を合成。
sequel - 2022/05/17
・FPS が 60 でない端末に対応。
2022/05/14
・AudioWorklet で楽器の音を合成する
方法。弦楽器の音。
・ギターのコード。
・オシレータは、のこぎり波や矩形波
などではなく、単なるノイズ。
・Karplus-Strong の方式で
ギターの音を合成。
sequel - 2022/06/19 ・iOS の長押し対策。
2022/05/19
・声も楽器も、全ての音をプログラム
で合成していて、音声データを1個
もロードしていないのが自慢。
・電子キーボードを弾いて音階を探り
篠笛のメロディを採譜。指打ちの
ピーヒャラにも挑戦。
2022/05/17
・Android の Pixel 4 で見てみたら、
FPS が高かったので対応した。
2022/05/09
・祭囃子の篠笛の音を合成するため、
Perry Cook の slide flute を研究
した。サンプルコードが LISP で
書かれていたので、LISP を勉強
した。ポーランド記法が懐かし。
2022/05/07
・弦楽器などの音が合成できる
Karplus-Strong を研究した。
2022/05/06
・ホイッスル。むずい。
2022/05/05
・鉦、チャンチキ。掛け声。
2022/05/04
・団扇太鼓。お会式のリズム。三三
七拍子や二三四拍子にも通じる。
夏祭、人の波、魂、水風船の模様、
俗であることを楽しむ喧騒の宴。
2022/05/19
・声も楽器も、全ての音をプログラム
で合成していて、音声データを1個
もロードしていないのが自慢。
・電子キーボードを弾いて音階を探り
篠笛のメロディを採譜。指打ちの
ピーヒャラにも挑戦。
2022/05/17
・Android の Pixel 4 で見てみたら、
FPS が高かったので対応した。
2022/05/09
・祭囃子の篠笛の音を合成するため、
Perry Cook の slide flute を研究
した。サンプルコードが LISP で
書かれていたので、LISP を勉強
した。ポーランド記法が懐かし。
2022/05/07
・弦楽器などの音が合成できる
Karplus-Strong を研究した。
2022/05/06
・ホイッスル。むずい。
2022/05/05
・鉦、チャンチキ。掛け声。
2022/05/04
・団扇太鼓。お会式のリズム。三三
七拍子や二三四拍子にも通じる。
夏祭、人の波、魂、水風船の模様、
俗であることを楽しむ喧騒の宴。
sequel - 2022/06/19 ・iOS の長押し対策。
sequel - 2022/05/17
・FPS が 60 でない端末に対応。
2022/05/04
・「五番街のマリーへ」のような
メロディ。
sequel - 2022/05/17
・FPS が 60 でない端末に対応。
2022/05/04
・「五番街のマリーへ」のような
メロディ。
sequel - 2022/06/19 ・iOS の長押し対策。
sequel - 2022/05/17
・FPS が 60 でない端末に対応。
2022/05/03
・緩急。
2022/04/30
・Pointer events が、ほぼ全環境で使
えるようになっていることに気づ
いた。3年ぐらい前からか。気づく
の遅すぎ。コードがシンプルにな
った。でもあいかわらず iOS で、
複数同時タッチの pointerdown で
作った AudioContext では音が出
ない。その瞬間には、複数同時
タッチであることを判断する手段
がない。音が出ていないことを
認識する手段もない。
だから、確実に音を出すためには、
pointerup で AudioContext を作る
しかない。
2022/04/27
・リバーブ用の IR データをロードせず
に、計算で作る方法を考案した。
2022/04/25
・ConvolverNode でリバーブ。
・でたらめな歌をうたう。
sequel - 2022/05/17
・FPS が 60 でない端末に対応。
2022/05/03
・緩急。
2022/04/30
・Pointer events が、ほぼ全環境で使
えるようになっていることに気づ
いた。3年ぐらい前からか。気づく
の遅すぎ。コードがシンプルにな
った。でもあいかわらず iOS で、
複数同時タッチの pointerdown で
作った AudioContext では音が出
ない。その瞬間には、複数同時
タッチであることを判断する手段
がない。音が出ていないことを
認識する手段もない。
だから、確実に音を出すためには、
pointerup で AudioContext を作る
しかない。
2022/04/27
・リバーブ用の IR データをロードせず
に、計算で作る方法を考案した。
2022/04/25
・ConvolverNode でリバーブ。
・でたらめな歌をうたう。
sequel - 2022/06/19 ・iOS の長押し対策。
sequel - 2022/05/17
・FPS が 60 でない端末に対応。
2022/04/23
・ボーカルに閉鎖音。
・AudioWorkletNode で継続音。
2022/04/21
・ボーカル入れた。BiquadFilterNode
の bandpass で音声合成して、
でたらめな歌をうたう。
・Underworld の Born Slippy Nuxx
みたいに。または DJ Isaac の
Bitches みたいに。
2022/04/20
・リンクに target を指定していると
先方タグに履歴が積まれてゆき、
そちらで、戻る・進むボタンを
押すと requestAnimationFrame が
再帰できなくなることがあるよう
だったので、target 指定をやめた。
Back-Forward Cache か。
2022/04/19
・AudioBufferSourceNode を大量に
再生しまくっても遅延しない。
ドラムシーケンス。
2022/04/16
・mod()、fract() は、％ や % 1 と違
って、負にならない。
sequel - 2022/05/17
・FPS が 60 でない端末に対応。
2022/04/23
・ボーカルに閉鎖音。
・AudioWorkletNode で継続音。
2022/04/21
・ボーカル入れた。BiquadFilterNode
の bandpass で音声合成して、
でたらめな歌をうたう。
・Underworld の Born Slippy Nuxx
みたいに。または DJ Isaac の
Bitches みたいに。
2022/04/20
・リンクに target を指定していると
先方タグに履歴が積まれてゆき、
そちらで、戻る・進むボタンを
押すと requestAnimationFrame が
再帰できなくなることがあるよう
だったので、target 指定をやめた。
Back-Forward Cache か。
2022/04/19
・AudioBufferSourceNode を大量に
再生しまくっても遅延しない。
ドラムシーケンス。
2022/04/16
・mod()、fract() は、％ や % 1 と違
って、負にならない。
2022/04/14
・メタボール。4096 個。
・メタボール。4096 個。
sequel - 2022/06/19 ・iOS の長押し対策。
sequel - 2022/05/17
・FPS が 60 でない端末に対応。
2022/04/13
・iOS はマルチタッチからシングル
タッチに推移した後の touchend
で AudioContext を開始しても
音が出ないので対応した。
・iOS はダブルタップして指を離さ
なかった時に、指で隠れている
部分が見える窓が出て、その後の
touchend で AudioContext を開始
しても音が出ないので対応した。
・iOS でマルチタッチや、少しでも動
かしたタッチの touchend で音が
出ないのは昔から知ってる。
2022/04/12
・AudioContext を suspend() した後、
他のアプリで遊んでから戻って
resume() しても音が出ないことが
あるので close() してまた再構築。
AudioContext は初期化後、短時間
state が suspended になるので
running になるまで待つのも大事。
interrupted にも対応した。
・色付きの影。
2022/04/11
・アロー記法は、無名関数と違って
this がレキシカル。
2022/04/02
・AudioWorklet がほぼ全環境で使え
るようになっている (1年前の
iOS 14.5 が出た頃からか。) こと
に先週気づいた。気づくの遅すぎ。
・以前は ScriptProcessorNode や、
JavaScriptNode だった。
・https 限定なので、GitHub にする。
sequel - 2022/05/17
・FPS が 60 でない端末に対応。
2022/04/13
・iOS はマルチタッチからシングル
タッチに推移した後の touchend
で AudioContext を開始しても
音が出ないので対応した。
・iOS はダブルタップして指を離さ
なかった時に、指で隠れている
部分が見える窓が出て、その後の
touchend で AudioContext を開始
しても音が出ないので対応した。
・iOS でマルチタッチや、少しでも動
かしたタッチの touchend で音が
出ないのは昔から知ってる。
2022/04/12
・AudioContext を suspend() した後、
他のアプリで遊んでから戻って
resume() しても音が出ないことが
あるので close() してまた再構築。
AudioContext は初期化後、短時間
state が suspended になるので
running になるまで待つのも大事。
interrupted にも対応した。
・色付きの影。
2022/04/11
・アロー記法は、無名関数と違って
this がレキシカル。
2022/04/02
・AudioWorklet がほぼ全環境で使え
るようになっている (1年前の
iOS 14.5 が出た頃からか。) こと
に先週気づいた。気づくの遅すぎ。
・以前は ScriptProcessorNode や、
JavaScriptNode だった。
・https 限定なので、GitHub にする。
2022/04/03
・コントラストを改善した。
2022/03/30
・パーティクルを半透明にして、
少し重なり合うようにした。
・コントラストを改善した。
2022/03/30
・パーティクルを半透明にして、
少し重なり合うようにした。
2022/03/29
・vertex shader の中で texelFetch()
ができるとは知らなかった。
VTF。頂点テクスチャフェッチ。
速くなった。コードも短くなった。
負荷 45。
2022/03/26
・勝手ハーフフロートにした。
1 ピクセルに 2 値格納。2 パス。
負荷 68。このバージョンを見る。
・古い iPad では、texture2D() や
texelFetch() 等の戻り値が、
わずかにぶれるので補正した。
・mrt 化すれば 1 パスになって、
もっと速くなりそうだけど、
readRenderTargetPixels() が
使えないから不可。
2022/03/25
・浮動小数点テクスチャにしてみた。
texelFetch() の回数が減ったけど
2 パスになったので、あまり速く
ない。負荷 67。座標 0.5、0.25、
0.125 にアーティファクト発生。
パターンがザラザラ。見る。
2022/03/24
・iPhone で動かない。ループ回数が
多いと (？) だめっぽい。比較相手
の数を 4 分の 1 に減らしたら直っ
た。でもなぜか逆に重くなった。
負荷 75。見る。
・texture2D() を texelFetch() にしたら
GPU 負荷が 68 から 58 に減った。
2022/03/21
・if 文で分岐した後の texture() の
戻り値が謎すぎて悩まされた。
2022/03/19
・centroidal Voronoi tessellation
や k-means (Lloyd) ではなくて、
明るさに応じて単純に押し合い
圧し合い。でも結果的にはほぼ
同じ状態に収束するのでは。(？)
点描 stippling。点の数、8192。
・vertex shader の中で texelFetch()
ができるとは知らなかった。
VTF。頂点テクスチャフェッチ。
速くなった。コードも短くなった。
負荷 45。
2022/03/26
・勝手ハーフフロートにした。
1 ピクセルに 2 値格納。2 パス。
負荷 68。このバージョンを見る。
・古い iPad では、texture2D() や
texelFetch() 等の戻り値が、
わずかにぶれるので補正した。
・mrt 化すれば 1 パスになって、
もっと速くなりそうだけど、
readRenderTargetPixels() が
使えないから不可。
2022/03/25
・浮動小数点テクスチャにしてみた。
texelFetch() の回数が減ったけど
2 パスになったので、あまり速く
ない。負荷 67。座標 0.5、0.25、
0.125 にアーティファクト発生。
パターンがザラザラ。見る。
2022/03/24
・iPhone で動かない。ループ回数が
多いと (？) だめっぽい。比較相手
の数を 4 分の 1 に減らしたら直っ
た。でもなぜか逆に重くなった。
負荷 75。見る。
・texture2D() を texelFetch() にしたら
GPU 負荷が 68 から 58 に減った。
2022/03/21
・if 文で分岐した後の texture() の
戻り値が謎すぎて悩まされた。
2022/03/19
・centroidal Voronoi tessellation
や k-means (Lloyd) ではなくて、
明るさに応じて単純に押し合い
圧し合い。でも結果的にはほぼ
同じ状態に収束するのでは。(？)
点描 stippling。点の数、8192。
2022/03/13
・やってみたけど、規則的になり
すぎるのでよくない。
・4096 マス。4096 と聞くとすぐに
FM77AV 総、天、然、ショック。
を思い出す。
2022/03/12
・ピクセルの濃度を加算していって、
合計が半分になった位置で縦横に
区切るというアルゴリズム。
先日、目黒川沿いを歩きながら
考案した。
・分割の過程を楽しむため
わざとユックリとジョジョニ。
・やってみたけど、規則的になり
すぎるのでよくない。
・4096 マス。4096 と聞くとすぐに
FM77AV 総、天、然、ショック。
を思い出す。
2022/03/12
・ピクセルの濃度を加算していって、
合計が半分になった位置で縦横に
区切るというアルゴリズム。
先日、目黒川沿いを歩きながら
考案した。
・分割の過程を楽しむため
わざとユックリとジョジョニ。
2022/02/28
・Pseudo Kleinian。
・Pseudo Kleinian。
2022/02/27
・rgb に回転行列をかけるという…
変な技。
・rgb に回転行列をかけるという…
変な技。
sequel - 2022/09/17 update
2022/02/26
・フラクタルツリー。古典的。
・35 年前には、テレビでこんなのを
見ていたなぁ。
2022/02/26
・フラクタルツリー。古典的。
・35 年前には、テレビでこんなのを
見ていたなぁ。
sequel - 2022/06/19 ・iOS の長押し対策。
2022/02/23
・3D 万華鏡。タッチでアングルを
ずらすと 3D だということが
よく分かります。
2022/02/23
・3D 万華鏡。タッチでアングルを
ずらすと 3D だということが
よく分かります。
2022/02/22
・ボクセルに、角 R。
・古い iPad では、pow 関数の
第一引数を負にしたらだめ。
・ボクセルに、角 R。
・古い iPad では、pow 関数の
第一引数を負にしたらだめ。
sequel - 2022/07/24 update
2022/02/20
・レイマーチングで 3D のメタボール
を描画する方法を考案した。
マーチングキューブは使わない。
きっと、車輪の再発明。
2022/02/20
・レイマーチングで 3D のメタボール
を描画する方法を考案した。
マーチングキューブは使わない。
きっと、車輪の再発明。
sequel - 2022/07/24 ・iOS の長押し対策。
2022/02/18
・レイマーチング。映り込み。PBR。
メタルネス。シャンパンゴールド。
2022/02/18
・レイマーチング。映り込み。PBR。
メタルネス。シャンパンゴールド。
sequel - 2022/12/15 update
2022/02/17
・山岳と雲海。
2022/02/17
・山岳と雲海。
sequel - 2022/07/24 ・iOS の長押し対策。
2022/02/16
・タッチで描けます。
・bleeding heart
2022/02/16
・タッチで描けます。
・bleeding heart
2022/02/15
・ボクセル。
・レイマーチングではなく、解析的に
立方格子と視線の衝突を判定。
・ボクセル。
・レイマーチングではなく、解析的に
立方格子と視線の衝突を判定。
2022/02/13
・これまでの反応拡散系とはぜんぜん
違うアルゴリズムで同じような
模様を生成。
・これまでの反応拡散系とはぜんぜん
違うアルゴリズムで同じような
模様を生成。
2022/02/12
・加算ブレンドと減算ブレンド。
・加算ブレンドと減算ブレンド。
sequel - 2022/07/24 ・iOS の長押し対策。
2022/02/11
・レイマーチング。ソフトシャドウ。
リアルタイムレイトレーシング。
2022/02/11
・レイマーチング。ソフトシャドウ。
リアルタイムレイトレーシング。
2022/02/03
・万華鏡。同心円を折りたたみ。
・万華鏡。同心円を折りたたみ。
sequel - 2022/07/24 ・iOS の長押し対策。
2022/01/31
・ネットで美しいカビの写真を見て
いた。
・シェーダ芸人。
2022/01/31
・ネットで美しいカビの写真を見て
いた。
・シェーダ芸人。
sequel - 2022/07/24 ・iOS の長押し対策。
2022/02/02
・視線ベクトルが画面の中心から離れ
るのに応じて焦点距離を縮めて、
太陽がゆがまないようにした。
と同時に水平線がカーブするよう
になった。
2022/01/28
・海と太陽。
2022/02/02
・視線ベクトルが画面の中心から離れ
るのに応じて焦点距離を縮めて、
太陽がゆがまないようにした。
と同時に水平線がカーブするよう
になった。
2022/01/28
・海と太陽。
2022/01/25
・神の光。
2022/01/24
・WebGL2、MRT、を勉強した。
(Multiple Render Targets)
・神の光。
2022/01/24
・WebGL2、MRT、を勉強した。
(Multiple Render Targets)
2022/01/25
・古い iPad では、for 文の中で i や j
などを宣言する必要がある。(？)
2022/01/23
・北斗七星ぽく。
・古い iPad では、for 文の中で i や j
などを宣言する必要がある。(？)
2022/01/23
・北斗七星ぽく。
2022/01/20
・虹のトンネル。
ブルームぽく光る出口。
・虹のトンネル。
ブルームぽく光る出口。
2022/01/19
・フラクタル。雪の島ぽく。
・フラクタル。雪の島ぽく。
2022/01/17
・背景が流れるようにした。
2022/01/16
・以前、"pitchaze" や "tinsel" でも
試したことがある「玉ボケ」。
今回は、フラグメントシェーダを
使って、円形テクスチャ無しで、
計算だけで描画した。
・背景が流れるようにした。
2022/01/16
・以前、"pitchaze" や "tinsel" でも
試したことがある「玉ボケ」。
今回は、フラグメントシェーダを
使って、円形テクスチャ無しで、
計算だけで描画した。
sequel - 2022/07/24 ・iOS の長押し対策。
2022/01/15
・アレルゲン28品目のイラストを
ぜんぶイラストレーターで描いた。
そらにたこえびかに。
2022/01/10
・いかみりんを食べながら研究。
2022/01/09
・法線マップのテクスチャ自動生成。
2022/01/08
・拡散反射はベクトルの内積。
法線、接線、従法線。
2022/01/03
・プロシージャルいかみりん。
2022/01/15
・アレルゲン28品目のイラストを
ぜんぶイラストレーターで描いた。
そらにたこえびかに。
2022/01/10
・いかみりんを食べながら研究。
2022/01/09
・法線マップのテクスチャ自動生成。
2022/01/08
・拡散反射はベクトルの内積。
法線、接線、従法線。
2022/01/03
・プロシージャルいかみりん。
sequel - 2022/05/19
・FPS が 60 でない端末に対応。
2022/01/02
・チューチュートレインを入れた。
2022/01/01
・インコの色を調整。
ページ全体の背景を白に。
2021/12/31
・大きな十字キーにした。
2021/12/30
・画面周囲にタッチボタンを配した。
これもまだ操作しづらい…。
色合いは HeM のパーカーの真似。
2021/12/29
・ジョイパッド式にしたけど、タッチ
が難しかったのでやめた。
2021/12/28
・BTS のキャラクター (BT21) に
似ている気がしたので、調べて
みたらまゆげがあったので付け
た。まゆげ。
・連打で加速することが、視覚的に
分かるように、おしりからフムスを
噴出するようにしたら、進む向き
が分かりにくくなったのでやめた。
2021/12/27
・ゲームオーバー表示、ビッグバン
表示、スコア表示。
・2000点ぐらい取れるようになる
まで遊んでいただきたい。
2021/12/25
・鈴カステラが集まると時空が歪んで
ビッグバンが起こる、ことにした。
2021/12/24
・インコの顔を付けた。たまに
オカメインコも登場。ポインコも
調べた。
・1 年以上前に、このゲームのことを
考えながらインコの工作をした。
2021/12/23
・無限に拡大・縮小できる「マス目」
を描画する方法を考案した。
2021/12/18
・どんどん食べて大きくなるゲームを
作ります。『インコまみれ』
・FPS が 60 でない端末に対応。
2022/01/02
・チューチュートレインを入れた。
2022/01/01
・インコの色を調整。
ページ全体の背景を白に。
2021/12/31
・大きな十字キーにした。
2021/12/30
・画面周囲にタッチボタンを配した。
これもまだ操作しづらい…。
色合いは HeM のパーカーの真似。
2021/12/29
・ジョイパッド式にしたけど、タッチ
が難しかったのでやめた。
2021/12/28
・BTS のキャラクター (BT21) に
似ている気がしたので、調べて
みたらまゆげがあったので付け
た。まゆげ。
・連打で加速することが、視覚的に
分かるように、おしりからフムスを
噴出するようにしたら、進む向き
が分かりにくくなったのでやめた。
2021/12/27
・ゲームオーバー表示、ビッグバン
表示、スコア表示。
・2000点ぐらい取れるようになる
まで遊んでいただきたい。
2021/12/25
・鈴カステラが集まると時空が歪んで
ビッグバンが起こる、ことにした。
2021/12/24
・インコの顔を付けた。たまに
オカメインコも登場。ポインコも
調べた。
・1 年以上前に、このゲームのことを
考えながらインコの工作をした。
2021/12/23
・無限に拡大・縮小できる「マス目」
を描画する方法を考案した。
2021/12/18
・どんどん食べて大きくなるゲームを
作ります。『インコまみれ』
