【ドット絵エディタ制作】17回目:スマホ用レイアウト
完全オリジナルのドット絵エディタ作り。TypeScriptで1から制作する試行錯誤の備忘録。17回目はスマホに最適化しレイアウトの作成。
完全オリジナルのドット絵エディタ作り。TypeScriptで1から制作する試行錯誤の備忘録。17回目はスマホに最適化しレイアウトの作成。
完全オリジナルのドット絵エディタ作り。TypeScriptで1から制作する試行錯誤の備忘録。16回目はカラーパレットをライブラリを使った実装に変更。
完全オリジナルのドット絵エディタ作り。TypeScriptで1から制作する試行錯誤の備忘録。15回目はドラッグ可能なウィンドウを実装。各種ツールをウィンドウ内に格納することで、レイアウトを調整可能に。
完全オリジナルのドット絵エディタ作り。TypeScriptで1から制作する試行錯誤の備忘録。14回目はレイヤー機能を実装。
完全オリジナルのドット絵エディタ作り。TypeScriptで1から制作する試行錯誤の備忘録。13回目はお絵かき内容をPNGやJPEG形式でローカルに保存する機能を実装。
完全オリジナルのドット絵エディタ作り。TypeScriptで1から制作する試行錯誤の備忘録。12回目はお絵描きエリアの描画内容を俯瞰で確認できるプレビュー画面を追加。ついでに、キーボードショートカットのも。
完全オリジナルのドット絵エディタ作り。TypeScriptで1から制作する試行錯誤の備忘録。11回目はお絵かきエリアの追加とコピペ・カットペ機能の実装。これまで1つだけだったお絵かきエリアを2つにすることで、同時に2つのドット絵制作ができるようになった。
完全オリジナルのドット絵エディタ作り。TypeScriptで1から制作する試行錯誤の備忘録。10回目はWordPressへの保存・読み込みの実装。
完全オリジナルのドット絵エディタ作り。TypeScriptで1から制作する試行錯誤の備忘録。9回目はドット絵エディタとWordPressを繋ぐAPI作り。
完全オリジナルのドット絵エディタ作り。TypeScriptで1から制作する試行錯誤の備忘録。8回目はWordPressにドット絵を保存するための環境作り。