Wellcome to pettanr

html2comic Js Editor

開発記録

11-08-27

開始。当初uupaa.jsを使うも0.8でresize()イベントの拾い方が分からずあきらめる。

11-08-28

jQueryに差し替え。コマと半透過レイヤーの高さのリサイズ・windowリサイズを受けたリサイズ。オペレーションキャッチャーによるキャラクタの移動。コミックエレメントにリサイザ用のマークを表示

11-08-29

キャラの8方向のリサイズ、マークのみx8、実際にイベントを起こす透明な要素x8で計16個の要素を使う。

11-08-30

人に触ってもらったところ、操作性が悪すぎることが判明。自分でいじっている間は深刻度が把握が甘かった、、、

11-08-31

ドラッグ周りをjQueryに頼らない形に書き換え。マウスイベントのキャッチはoperationCatcherElmに一任する。処理が遅れ要素からカーソルが離れた段階でドラッグイベントが終了するのを防ぐ。

11-09-02

コマ枠のリサイザーのマウスイベントもmouseOperationChacherElmに任せる。コマ枠リサイザーとコマ要素（キャラ・吹き出し）を同列に扱うために処理を書き直す。キーイベントの調査。

11-09-03

ctrl+zの実装に備えて、コミック要素の座標を絶対座標からコマ枠からの相対座標とした。

11-09-04

altキーは一度押すと他のキー入力ができなくなる。もう一度押すと解除。以上をaltのみreturn falseしてfirefoxでは対処できた。ieではできない。

ctrl+z 戻る（アニメーション）、ctrl+0 センタリング。

svgまたはvmlで吹きだしを書いて、Vectorのサポートを調べる

11-09-05

ctrl+shift+zで進むを実装してみるもいまいちおかしい、、、

11-09-06

吹き出しのしっぽの座標決定ロジックの修正。以前は数回～数百回ループしていたのを、10回程度に固定。

11-09-07

戻る・進むのそもそもの考え方が間違っていた。でうまく動作！

11-09-17

噴出しの尻尾の回転・復帰ができる！クラス構造どうするかとか手間取ったけど、別に10日間をフルで取り組んでたわけじゃないんだからね。ie7+8でxmlの描画が非常に重い、、、

ieはマウス操作のたび？にキー入力監視用のinputからfocusが外れるみたいで、intervalで0.5秒おきにfocusさせてみた

11-09-18

window関連を始める。まずはinfomationのモックのみ

11-09-19

infomationのドラッグ、currentなcomicElementの情報の表示。

Dragに関わるアイテムは、MouseOperationChacherの下に。そうでないものは上で、ただし使うときだけ。よし！

jQueryの拡張で、editableTextを作る。こいつでinfomationの属性を編集可能にする。さらにtabキーによる項目移動。tab+shiftでその逆。currentのロックをしないと、属性変更を反映できないな。

11-09-20

ツールボックスwindowに着手。

11-09-22

エディタブルテキストの修正を開始。グリッドスイッチを動作。吹き出しの挿入。

11-09-23

ie8の8modeに対応。キー周りの見直し。エディタブルテキストの修正。コミックオブジェクト情報⇔背景情報の切り替え。

11-09-24

クロスブラウザな吹き出しクラスの整理。画像⇔ベジェの切り替えもh2c.vectorに置く。キャンバスのドラッグ。ショートカットキーのie7以下対応。

11-09-25

コミックオブジェクトの操作ボタンの表示。小さい場合は外に表示。その際にはフォーカスがヒットエリアの外にも拡大。カレントなオブジェクトは優先してヒットエリアをチェック。尻尾操作の位置を修正。

11-11-20

再開！テキストの編集が可能に。履歴も効きます。まだリターンキーが反応しない。

11-11-22

comicElementの削除。ヒストリーも動作。

11-11-23

comicElementの追加（今はtextのみ）ヒストリーも動作。グループイメージの選択画面に着手。まだ操作はできない。

11-11-26

イメージの追加、ヒストリーも動作。グループイメージの選択画面も動くようになる。comicElementのコンソールのボタンに画像を用意。

11-11-28

レイヤーの前後、ヒストリーも動作。

11-11-29

グループ画像選択画面の画像の読み込みエラーに対処、マウスホイールでスクロール、filesizeの大きいものはサムネイルを表示、画面の外の画像は表示範囲に入るまで読み込まない、クリックで画像取得のリトライ。

11-12-03

ヒストリーに格納されたcomicElementのうち、append & removeに関するもので、ヒストリーから参照されなくなったものは.destroy()するようにする。main.jsが100KB超え。。。

file + io なクラスが必要。

xBackend(css3,ActiveX,vml,flash,silverlight,canvas)な画像の反転、ロード監視、png fix(ie6-) してくれる画像ラッパーが必要。

11-12-06

vmlを使ったie用のReversibleImageClassが動作。vmlはclassを変えた後に、再びelmWrap.appendChild(vmlImg)しないと再描画されない。

11-12-11

画像の反転操作ができるように！ヒストリーも動作。現在のバックエンドは、css3,vml,ActiveV。

jQueryが不要そうな部分は直接domに触るようにする。style.width,style.heightにieではマイナスは不可、'px'が不要。

ieでイメージの縦横pxが取れず、jsonからのデータを入れる。

11-12-13

ieでイメージの縦横pxが取れない問題の解消。new Image()の場合、ie8以下ではサイズが取れなかったり、removeChildに失敗するっぽい。

11-12-18

helpウインドウの追加。併せてWindowClass周りの大幅な書き換え。クロージャを効かせるスタイルでも継承っぽい書き方ができたかも。

domTreeに追加する前にjQueryでセットしても特にイベント周りで表示がおかしくなる．ieでは特に酷い。

11-12-25

メニューバーが動作するようになる。他にマウスイベントリスナへのイベント伝播の書き換え。