アルちゃん
記事一覧
Matrix3D(JavaScript)
Vector3Dclass Vector3D { constructor(x, y, z) { this.x = x; this.y = y; this.z = z; } static get Zero() { return new Vector3D(0, 0, 0); } get(i) { if
もっとみるDOM要素Dockテスト
Google Colabでテストするため%%htmlが付いている。
Google ColabでテストするためDOMContentLoadedなどは用いない（多分ブラウザのロード系のイベントはGoogle ColabのUIが使う）。
Google Colabでテストするため、absoluteを使う要素は表示用のdivに包む。
仕様
リサイズや折り畳みを考慮に入れる。
この時、ウィンドウは左上を固定
Dot絵エディタ6 : ViewPort
ViewPort 最も単純なマウス座標->グリッド座標の変換
// handleMouseDown(event) { // const rect = this.canvas.getBoundingClientRect(); // const x = event.clientX - rect.left; // const y = event.cli
パティーン総当たり。
2×2[[0,0,0,0],[0,0,0,1],[0,0,1,0],[0,0,1,1],[0,1,0,0],[0,1,0,1],[0,1,1,0],[0,1,1,1],[1,0,0,0],[1,0,0,1],[1,0,1,0],[1,0,1,1],[1,1,0,0],[1,1,0,1],[1,1,1,0],[1,1,1,1]]
4C0
ビット反転すると4C4
4C1
平行移動、あるいはグリ
Dot絵エディター５ : process / LayerManagerV2
ver0.240714
DOM系
ボタン
二手いるやつ
<div id="layerControls"> <button onclick="handleClearGrid()">Clear Grid</button> <button
Dot絵エディター３ : Grid, Palette, Layer
やること
rock, opacity, groupのためのgui
visibilityとopacity反映されてない
GridクラスaddLayer
addLayer() { const targetObj = getSelectedTarget(); if (targetObj && targetObj.type === 'grid') {