Steam, Kindle, ディズニープラス, アマプラ, TypeScript, JavaScript, Python, Go, Blender, グラフィックス全般。
Joined April 2014
- Tweets 353
- Following 553
- Followers 795
- Likes 1,071
91 Photos and videos
16 Apr 2023
30
81
9,725
3 Feb 2023
1
21
1,987
31 Jan 2023
#p5js #typescript
2次ベジェ曲線は(1-t)^2⋅p0 2⋅(1-t)⋅t⋅p1 t^2⋅p2という2次関数で表現できるから、これを微分してt=の形に持っていけば、頂点に対応するtの値が分かり、バウンディングボックスの範囲が計算できることを勉強したので、さっそくコードに落としてみた。
9
91
6,668
19 Jan 2023
10
1,259
17 Jan 2023
#pixijs #typescript
PixiJSの練習も兼ねて、リサイズと回転ができるオブジェクトを作ってみたけど、右下を動かしているのに左側が動いたり、回転した状態だとリサイズが変になったりと想像以上に難しくて色々と勉強になった。
32
4,478
21 Dec 2022
#p5js #typescript
再帰的に矩形分割を行うことで領域を幾つか作り、それぞれの領域内からはみでることがないように棒状のパーティクルを移動させる。
2
33
2,120
18 Nov 2022
そろそろNext.jsやるかあと思って、素のReactでできてる自サイトをNext.jsにざっと置き換えたら、[id].tsxページの直リンク（リロード）が404になってしばらく困っていたけど、getStaticPathsでid指定すると自動で個別にindex.html配置してくれるって仕組みなのね…。直ってやっとすっきりした。
2
5 Nov 2022
5
87
448
31 Oct 2022
#p5js #typescript #webgl #glsl
前にツイートした、円を描画する際、元々そこにあるピクセルが外側に押し出されるコードを改良したのでジャギーがかなり軽減された。あと、WebGLの勉強も兼ねてコードの大部分をGLSLで書き直したらめっちゃ高速化した。
8
62
18 Oct 2022
#p5js #typescript
雑な円をコードで書きたくて色々と試していたけど、下記の方法でだいたい満足できるレベルにはなった。
1. 始点と終点を繋げないようにする
2. 真円の円周上に等間隔で点を置き、その点をランダムに少しずらして、円を描くときにその地点を通るようにする
7
56
9 Oct 2022
1
1
14