KNDY

Flexでパースエディタつくってみた

最終更新：2010年10月05日 16:20

匿名ユーザー

- view

管理者のみ編集可

下絵を読み込めるようになりましたよ！

コレは何？

絵を描く時にアタリに使える、等間隔のパース線を引いてくれるモノです。
作例がココにありますよ。

使い方

マウスでドラッグすると3次元格子がグリグリ動かせます。
Shift,Ctrl,Altキーを押すと回転方向が制限されます。
ボタンやスライダ(マウスオーバで説明)でその他各種調整が出来ます。
「PNG」ボタンで指定サイズのPNG画像を生成します。
PNGはアルファチャネルを含みますのでブラウザによってはちゃんと表示されません。
保存して使ってください。

画面の見方

RGB3色での色分けは、それぞれの色について線が同じ平面上に在ることを表しています。
3平面は互いに直交しており、交差する部分の線は直交する平面と同じ色の太線で表されます。
（たとえばR平面とG平面の公差する線は青い太線になる）
線が重なって見づらい場合には距離（縦のスライダ）を動かすといいかも。
あと、基本的にはG平面を水平面としています。

2008-11-02 追記

全画面表示できるようにしま。

2008-10-28 追記

こっちにもログ機能を付けてみました。あとスターハックなるモノを学習したので、IE6でも透過PNGが見られるようになったかも知れない。IE6が手元にないので未確認。

2008-10-19 追記

プロット方法切り替えるコンボボックスにヒントを入れてなかったことに今頃気づいた。
ついでだから名称も変えちゃいました。
平面 → 一般的な1～3点透視図法でプロットします。
球面 → 広角レンズみたいな効果が出ます。なかなか汎用性が高く、かつなかなかフリーハンドではアタリが引きにくいのではないかと。俗に5～6点透視図法なんて言うみたいですが（つまり3軸の正負極限それぞれが消失点を持つという・・・）。
放物 → 魚眼レンズみたいな効果を出そうとして作ってみましたが、えらく使いにくいです。パラボラアンテナの構造にヒントを得ているとかいないとか。
円筒 → コザキユースケリスペクト（後述）。

2008-09-27 追記

とりあえず要望があったのでチェックボックス作りました。
あとついでに、Ctrl,Altキーでもちょっとしたことが出来るようになりました。
あと「円筒」パースをつかって360°ループ構図を作れる姉妹品をスピンオフ。
360°パース

2008-09-20 追記

YATTA!YATTA!とりあえずFFとIEで動作するモンが作れた。
生成するのはアルファチャネル含むPNGなので、ブラウザによっては妙な色になるかも。
保存したらばARBGで編集できるソフトで開いてやってください。

2008-09-19 追記

一念発起してPHPに触った！ぜんぜんわかんない！
とりあえずFirefoxではPNG吐いてくれたけれど、IEでは何かがおかしい。
うちの環境では何故かQTプラグインが立ち上がるのだが・・・？
あちらが立てばこちらが立たずのトレードオフ祭りである。

2008-09-17 追記

グリグリ回してると水平がなかなかとれなくなって「ムキィッ！」となるので、Shiftキーの挙動を変えてみた。
いつまでもIE不可とも言っていられないので、そろそろ腹を決めてPHPに触らなきゃならんだろうか。

2008-09-02 追記

最近買ったコザキユースキさんの画集に直方体の室内風景がループするようなパースのついたイラストがあって、それが面白かったので実装してみた。「円筒」がそれ。
それとShiftキーで回転軸を制限出来るようにした。グルグル回しやすいように。
左右とか上下に黒いバーが出ますが、トリミング領域を明示してます。
ほかにも色々と、見えるところ見えないところ変わってます。

使用したライブラリ

参考にしたページとか(一部、順不同)

▲上へ
（最終更新日：2010年10月05日）

&link_trackback(text=トラックバック表示)

気になることがあったら、どうぞ気兼ねなくコメントしてください！ -- KNDY (2008-09-17 21:45:36)
サイテクスチャ置き場から来ました。描きに大変役立ちそうです！ありがとうございます。 -- もも (2008-09-20 16:17:34)
これは…!パース勉強中の身としてはとっても有難いです。活用させていただきます! -- さく (2008-09-21 18:45:23)
似たようなものを作ろうと思ってましたが、これはなかなか便利ですね。水平軸固定は多用されそうなので、それ用にチェックボックスを１つ作っていただけると助かります。 -- とろ (2008-09-24 13:22:32)
>とろさんそれは考えたこともありましたが、手抜いてShiftキーにしたのです。検討します。 -- KNDY (2008-09-25 21:55:35)
使う前からすごいわくわくしてます！ぐるぐる回転して構図練るにも役立ちそうですありがとうございます！ -- ねこ (2008-10-15 01:50:08)
全くド素人なのでわかりませんが、自分が用意した画像を数枚を読み込んで簡易３D化することって不可能でしょうか？ポーズマニアとGIFアニメ混ぜた感じの･･･ -- ねこ (2008-10-15 01:53:39)
>ねこさんどういったモノを想像されてるのか分かりませんが、少なくとも自分のスキルでは不可能です・・・。 -- KNDY (2008-10-20 21:58:58)
パースのこと調べててここに来ました。とても勉強になります！ありがとうございます！ -- K (2008-12-20 19:24:39)
ありそうで無かったナイスアプリです。とくに魚眼パースも採れるのがパース好きにはたまりません。 -- はるさめ (2009-02-16 02:26:46)
それと、ゴースト機能は、絵を描く人ならではの着眼点を感じます。便利です。 -- はるさめ (2009-02-16 02:31:31)
これ便利ですね！直感でわかるし。ひとつ希望をあげるとすると、こちらで描いたラフを重ねて透かして見れればいいと思います。（レイヤーみたいに）そうすると、ラフスケッチをあわせてパースを取れるようになるし作画も便利です。こちらであげるのは透明だからやはりＰＮＧで抜き設定してやれば綺麗にすかせられるかなぁ。 -- ゆきの (2009-03-13 11:00:54)
こんにちわ！いつもお世話になってます！パースのことを少しずつ勉強したいとおもいます！ -- そ (2009-03-18 14:02:34)
使わせていただきます。パースと背景ともども勉強中です。 -- き (2009-04-04 14:39:36)
パースエディタの背面の色なくすことできませんか？ -- 名無しさん (2010-10-05 16:20:42)

タグ：

「Flexでパースエディタつくってみた」をウィキ内検索