# Wellcome to pettanr

## html2comic Js Editor

エディター起動 ⇒
エディター起動(ReversibleImageBackend is CSS3) ⇒
エディター起動(ReversibleImageBackend is VML) ⇒
エディター起動(ReversibleImageBackend is ActiveX) ⇒

### 開発記録

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

home comic list image list setting

▲
▼
⇔
<B
x
F>
E
⇔
<B
x
x｛
F>
OK
Group Name
cancel
x