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