JavaScript製ぷよ図エディター(IE6専用) ver 1.10

 製作者 ミスケン misuken@k2.dion.ne.jp 公開03/6/29 更新04/11/04

マウス操作で簡単に、かなり本格的なぷよ図を作成できるツールです。
対戦や戦略の解説、なぞぷよなど、手軽にご利用いただけます!
ジオシティーズの移動に伴い、アドレスが替わりました。
また、ページ読み込み時とセーブロード系統に不具合がでています。
大変申し訳ございませんが、注意してお使いになってください。

基本背景色の選択

ブロックの背景色を設定しない場合、文字色が見にくくなるのを回避するため、貼り付ける場所の背景色に似ている色を選択します。
後からツール上での設定変更も可能ですので、あまり深く考えなくても大丈夫。
 WHITE
 BLACK
 SILVER
 GREEN
 BLUE
 PINK

注意事項

エディター使用時は、最大化してご使用ください。
ノートパソコンなど、解像度が低いと使用できない可能性があります。
また、ソース生成時の文字数は全角と半角が混じっていますので、半角換算では約1.5倍程度になることがありますので、ご注意ください。

基本的な使用方法

本当に基礎的な流れだけ書いておきます。
まずエディターを開いたら、左のぷよボタンから置きたいものを押して、あとはフィールドの置きたい場所を押すだけ。
図が完成したら、右のソース生成ボタンを押すだけでクリップボードに自動コピーされます。

テキストを入力したい場合はテキスト編集ボタンを押した後、編集したいブロックをクリック。
タイトルを変えたい場合は、フォームという項目のセレクトボックスのスタイルに合わせ、見出し内容に入力後、ブロックをクリックしてください。

更新情報

03/7/12 ver 1.10
 フィールドないの行が改行されないバグを修正。

03/7/2 ver 1.01
 フォームが横に表示しきれない場合スクロールバーが出るように変更。
 エディター展開時にウインドウサイズが最大化されるように変更。

03/6/29 ver 1.00
 一応公開、一部機能使用不可。

ぷよ図の構造

このツールで作成するぷよ図の基本構造は
(1) 複数の図を持つことができる「ブロック」
(2) 実際にぷよ図の内容を表示する部分「フィールド」
以上二つからできています。(ブロックとフィールドはアイテムと呼びます)

そして、フィールドには
(1) 本体「メインフィールド」
(2) 予告ぷよを表示する「予告フィールド」
(3) 13段目以上の見えないフィールドを表示する「隠れフィールド」
(4) NEXTぷよを表示する「NEXTフィールド」
があります。

使用方法

操作は一つのルールに沿っているので、とっても簡単! 全体的な操作の流れとして、やりたい操作のボタンを押してから、
その効果の影響を受けさせる「ブロック」又は「フィールド」選択することで、
1つの操作が完了されることになります。

基本操作

左クリック

基本的に決定として使用。

右クリック

フィールド上ではスポイト。
フィールド外では消しゴム。

shift+ホイール

自作ぷよの絵文字変更。

shift+ctrl+ホイール

自作ぷよの絵文字色変更。

ctrl+ホイール

ブラウザの基本文字サイズ変更。

基本フォーム説明

ぷよボタン

使いたい絵文字のボタンをクリックした後、フィールドの好きな部分でクリックすると、ぷよを配置できます。
尚、消しゴムモードは、

テキスト編集ボタン

テキスト入力ウインドウを開き、ブロックに表示するテキストを変更します。

フォーム更新ボタン

このボタンの左にある"テキストボックス"に、全角で文字を打ち込み、色が赤っぽい色になっているときに押すことで、 "テキストボックス"に表示されている文字を、絵文字として使用することができるようになります。

このボタンの右にある"セレクトボックス"で、色や現在選択中の絵文字を変更することもできます。

フォーム変更セレクトボックス

使用できるフォームを変更します。

ズーム変更セレクトボックス

ぷよ図の表示サイズを変更します。
なお、実際のソース生成時には影響しないので、ご注意ください。

編集フォーム説明

追加系ボタン

新しい「ブロック」又は「フィールド」をクリックした物の直前に挿入します。
一番後ろに挿入する場合は、「ブロック」ならブロック外のエリアを、「フィールド」ならブロックを、それぞれクリックしてください。

削除系ボタン

クリックしたアイテムを削除します。
なお、間違えて削除してしまったときは、「BACKUPデータ」系ボタンを押してみてください。

貼り付け系ボタン

コピーで取得した「ブロック」又は「フィールド」をクリックした物の直前に挿入します。
一番後ろに挿入する場合は、「ブロック」ならブロック外のエリアを、「フィールド」ならブロックを、それぞれクリックしてください。

セーブ系ボタン

選択したアイテムのデータを記憶し、ウインドウを閉じたとしても、次回また再利用することができます。
記憶方法はビヘイビアという"IE"の機能を使用。
最大128KBほど記憶できるようですが、オーバーするとエラーがでます。
そのようなときは、ロードウインドウ上でいらないデータを削除してください。
あくまで簡易的、よく使う雛形など、あまり多く使用しすぎないことをおすすめします。

ロード系ボタン

ロードウインドウからすでに記憶されているデータを取得します。

BACKUPデータ系ボタン

アイテムの削除やフィールドサイズ変更時に、データが失われたアイテムを最大4つまで記憶しています。
なお、このデータはウインドウを一度閉じると完全に失われます。

ソース生成系ボタン

選択したアイテムを貼り付けられる状態のソースにして、自動的にクリップボードにコピーします。
後は掲示板や作成中のHTML文書などに貼り付けるだけでOK!

表示フォーム説明

フィールドサイズ系テキストボックス

「横*縦」(*は半角)の形式で入力後フィールドを選択することで、
各フィールドのサイズを変更することができます。
なお、このフォームには最大4文字までしか入力できません。

フィールド表示or位置系ボタン

「メインフィールド」以外の各フィールドを使用するかしないかを設定します。
また、「NEXT位置」ボタンは、「メインフィールド」に対しての「NEXTフィールド」の位置を「右」か「左」に設定します。

フィールド改行ボタン

「ブロック」「フィールド」を複数表示する場合、
「フィールド」何個で折り返すかを指定します。

スタイルフォーム説明

スタイル変更テキストボックス&セレクトボックス

お好きなスタイルを設定後、ブロックをクリックすると、背景色や文字色を設定することができます。
「ページ色」はアイテムには関係なく、ページの背景色を自動的に変更させます。
これは、ブロックに背景色を設定しない場合(透明)貼り付ける掲示板などの背景色と、今作成しているブロックの文字色が類似しているのに気づかないのを回避するための機能です。

見出し変更テキストボックス

見出しの色や文章を変更します。

ツールへのリンク方法について

下記のタグを埋め込むか、その下のURLへリンクさせてください。

<a target="blank"href="">IE6専用ぷよ図エディター</a>


バグや質問などについて

何か問題が発生したり、質問したいことがありましたら
"misuken@k2.dion.ne.jp"ミスケン宛てにご連絡ください。