KITASENJU DESIGN BLOG

memo, html, javascript, unity

Entries from 2025-08-01 to 1 month

p5.svg.jsからイラレへコピペ

svgタグをコピーすればいい function keyPressed(){ if(key === 'c'){ if(isSVG){ const firstSvgWithoutId = document.querySelector('svg:not([id])'); console.log(firstSvgWithoutId); navigator.clipboard.writeText(firstSvgWithoutId.outerHTML); } }…

ドラッグ&ドロップ drag&drop

js

ブラウザにドラッグ&ドロップする window.addEventListener("dragover", (e) => { e.preventDefault(); // ← これ超重要! }); window.addEventListener("drop", (e) => { e.preventDefault(); // ← これも必要! const file = e.dataTransfer.files[0]; if…

Adobe Animate(Flash)が書き出したCanvasの制御

ChatGPTが教えてくれると思うが exportRootをstopさせるなど。するとよい exportRoot.stop(); //例えばマウスムーブでタイムラインを操作 window.addEventListener("mousemove", function(event) { //console.log(event.clientX, event.clientY); exportRoot…

0-1の範囲をループしてる空間で2点の距離を得る

// 0~1の範囲で指定 getDistance(from:number,to:number){ let dist1 = Math.abs(from-to); return Math.min(dist1, 1-dist1); }

イラレで直線曲線を線分のみに細かく分割

chatGPT5作 /* StraightenAndSubdivide.jsx 目的: - 元アンカー(頂点)を移動させず保持。 - 各元セグメント(直線/曲線)を、指定間隔 step で内分する中間ポイントを追加。 - 曲線は flatness 許容誤差でポリラインにフラット化して弧長に沿って分割。 仕様: …

"FOOTER"