X-Git-Url: http://git.osdn.jp/view?a=blobdiff_plain;f=0.3.0%2Findex.html;h=ca89cab171587cbb05d0a225aecfd650280389f1;hb=2cfc1f1dd997da0e5d24dea5d56dc7609f3326e6;hp=fc293dff15f2fb92e30c0ef762451168895bdd3d;hpb=7c3a15c9d1e6b02c80b004679b93bb8971caa04b;p=pettanr%2FclientJs.git diff --git a/0.3.0/index.html b/0.3.0/index.html index fc293df..ca89cab 100644 --- a/0.3.0/index.html +++ b/0.3.0/index.html @@ -6,347 +6,95 @@ - html2comic Js Editor - - - - - - -
- -
- - -
-
-

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
-
メニューバーが動作するようになる。他にマウスイベントリスナへのイベント伝播の書き換え。
-
11-12-30
-
shiftキーを押しながらのリサイズでは、縦横比が維持するようにする。
-
-
-
- - -
- - -
- - -
- - -
- home - comic list - image list - setting -
- - -
-

-

-

-

-

- - - - - - - -
- - -
-
-
-
-
-
- - -
- -
▲
-
▼
+ pettanR + + + +
+
- -
-
-
-
-
-
-
-
-
-
- - -
-
-
-
-
⇔
-
<B
-
x
-
F>
-
-
-
E
-
⇔
-
<B
-
x
-
x｛
-
F>
-
+ -
- -
- - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - -
- - - - - - - - - + - + \ No newline at end of file