KITASENJU DESIGN BLOG

memo, html, javascript, unity

Entries from 2024-09-01 to 1 month

AEでコンポを繰り返す

Motion Tile エフェクトを使う方法 グリッド状に繰り返しパターンを作成したい場合に便利です。 手順1: 動画レイヤーを選択します。 手順2: Motion Tile エフェクトを適用します(エフェクト > スタイライズ > Motion Tile)。 手順3: 出力幅 と 出力高さ を…

入れ子状態の子供を取得

あるクラスのメンバー変数にchildrenがあり、さらにその子供の子供の・・と入れ子構造になっていたとき、すべての子供を取得する。 getAllRects():MyRectBase[]{ let result: MyRectBase[] = []; // 自身のノードを結果に追加 result.push(this); // childre…

photoshop2024で画像アセットが書き出せない

以前のものと設定の場所が変わったらしい。以下の手順で解決した。 環境設定>プラグイン>Generatorを有効にする ファイル>自動処理>ジェネレータープラグイン>画像アセット、を有効にする

再生速度を半分にしGenArtをキャプチャする

QuickTime等でブラウザを画面キャプチャすることがある。 fpsは安定しないが使わざるを得ないときもあり、 その際、「再生速度を1/n倍にし、後で映像ソフトやffmpegでn倍速にする」と、等速より安定する。 ただ、フレームベースの処理と、時間ベースの処理が…

SVGのストロークを扱うclass

https://kitasenjudesign.hatenablog.com/?page=1725178084を使って import { SVGStroke } from "./SVGStroke"; export class SVGStrokes{ public static SVG_P:string = '<svg id="_レイヤー_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.3555 159.5796"><defs><style>.cls-1{f…</defs></svg>

複数の点から、補間値を得る

type Point = { x: number, y: number }; export class Interpolation { private points: Point[]; constructor(points: Point[]) { if (points.length < 2) { throw new Error("At least two points are required for interpolation."); } this.points = po…

デフォルトの機能のみでSVGをパース

ブラウザのデフォルトの機能で座標を取得する まずイラレでパスを作る。「オブジェクト>複合パス>解除」をした方がいい場合もある。 svgの各種APIを使う svg parser by kitasenjudesign -p5.js Web Editor var paths; function setup() { var svgText = '<svg id="_レイヤー_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.3555 159.5796"><defs><…</defs></svg>

"FOOTER"