2/12

日記

2026/02/12

Three.js

名称

意識していなかったけど、知識として、

  • デカルト座標系
    平面や空間上の位置を直交する軸(x, y, z)と数値の組で表す座標系
  • 極座標

    中心からの角度と距離

  • 幾何学関数
    length() atan()など
  • 比較関数

    greaterThan() equal()など

  • atan()

    2つの引数を取るときatan(y,x)で(x,y)への角度を返す。
    -π~πで返ってくる。

逆三角関数については、日記にて復習https://www.koh-fukuzawa.jp/hw1qqg8cssj

弱点

vec2 toCenter = vec2(0.5) - st;
float angle = atan(toCenter.y, toCenter.x);
float radius = length(toCenter) * 2.0;
  • st(uv)は今処理しているピクセルの位置を表す、いわば現在位置であることを忘れがち。
    フラグメントシェーダーが「画面上の各ピクセルごと」に実行されていることが頭に抜けてた。
    toCenterは現在位置から画面中心へのベクトル

内省

googleカレンダーで予定組んで、相手にスケジュールを埋めてもらうアポイントメント機能があること初めて知った。
googleカレンダー活用は仕事する際にすごく良かった。活用していきたい。

サイト制作練習、時間溶ける。インプットの3倍くらい時間流れるの早いんだよな。

Web site creation practice makes time fly. It feels like time passes three times faster than input.