readme.txt

sbdConvert.html
sbdPlayer.html(テスト判 オマケ)

ねこら氏作成の 絵コンテエディタ( http://nekora.main.jp/soft/sbedit/ )のデータを 独自の体裁のHTMLにコンバートするJavaScriptアプリケーションです。

上記アプリケーションには、HTML出力機能があるのですが当方の諸事情により 特殊な印刷が必要になり作成されました。
しばらく(数年位)は このプログラムを使用しますのでメンテナンスがおこなわれる予定です。
ご入用の方は、ダウンロードしてご使用ください。


	特徴
某業界用の一般的な絵コンテ用紙に対して無罫線で印刷する事が可能(要CSS調整)
改ページ指定可能
ヨコナガ・タテナガ・大判の印刷可能

オマケで、簡易絵コンテプレイヤーつきました。

	起動
解凍して得られるパッケージを編集中の絵コンテデータと同じ場所に配置して、ブラウザでアクセスしてください。

	簡単な使い方
最初はサンプルデータを開くようになっているので、いちばん上のテキストボックスのURLを「コンバートしたいデータのURL」に書き換えて"load"ボタンをクリックします。

この操作は絵コンテエディタの記録する *.sbd を直接メモリに読み込みます。

絵コンテの分量が多いと画像の読み込みに時間がかかりますのでしばらくお待ちください。

読み込みが完了したら コンバート可能のメッセージが表示されますので、"HTML" ボタンをクリックすると変換したHTMLをブラウザの画面に表示します。

印刷したい場合は、ブラウザの印刷機能を使ってください。

"hideBorder"ボタンをクリックすると、印字の罫線とカット番号が印刷されなくなります。


変換結果をファイルとして保存したい場合は「 HTML(for Save) 」ボタンをクリックすると、上部のウェルに変換結果のHTMLが表示されますので、お持ちのテキストエディタへコピー・ペーストしてUTF-8で保存してください。

文字コードを変更する場合はご自分でヘッダを書き換えてください。(雑だけど勘弁してね)

オマケでcsv形式のデータも出せます。
「 csv 」ボタンをクリックして表示されるデータをご利用ください。URIエンコードされたUTF-8のテキストなので「ソレナリ」によろしくお願いします。


内部的には 元のsbd形式も書き出せますが、あまりにも意味がないのでボタンとかありません。


	もう少しちゃんとした使い方

		パッケージの配置
パッケージの内容を配置する場所は、サンプルデータのように編集中もしくは完成済みの絵コンテデータと同じ階層に配置してください。
プレイヤも同様の配置でご使用ください。
|
+(データのあるフォルダ)/
	(絵コンテデータ).sbd
	(絵コンテデータ).sbd_BAK
	img/(画像フォルダ)
	sbdbackup/(ねこらエディタのバックアップフォルダ)
	sbdConvert.html
	sbdConvert.js
	sbdPlayer.html
	sbdPlayer.js
	sbdConvert/(ライブラリとかイロイロ)


プログラム単独で運用するよりも絵コンテデータの付属品扱いの気持ちで運用します。
なお、画像が相対パスで記述されている場合は この場所以外に配置するとパスが整合しません。


以下のファイルが有ります。

	sbdConvert.html
	sbdPlayer.html
アクセスするファイルです。

	sbdConvert.js
	sbdPlayer.js

初期状態でのパラメータを保存したファイルです。
デフォルトのデータのURLと起動時の自動読み込みのON/OFFが指定可能です。
プレイヤ用のファイルとコンバータ用のファイルの中身は同じ物です。
同時に同じ絵コンテデータに対して運用する場合は、html冒頭の値を書き換えて
同じファイルで運用可能です。

ターゲットのURLを複数書けます。

"sbdPlayer.js"を参考にして、配列で書いてください。

	sbdConvert/(フォルダ)
プログラム本体とか動作に必要なライブラリとかCSSとかが入ってます。
プレイヤ用のライブラリは、コンバータと共通です。


現在は、正常に動作および印刷可能なブラウザは、Fierfoxのみです。

かなり個人的に「実務実運」状態なので特にリクエストがなければ別環境への対応は考えていません。

他の環境に対する調整は、可能ならなるたけ各自でお願いします。


	(納品等で)オリジナルファイルを渡さずに単独保存したファイルのみを別の方へ渡す場合

ちょいとした作業が必要です。
(1)	画像収集
絵コンテエディタで [ファイル]>[正規化] メニューを選んで、使用している画像をすべて"img"フォルダの配下へ収集する。
これをしておかないと 画像をまとめて複写はできないかもしれません。

(2)	保存用のHTMLを単独ファイルで保存する
保存場所は、sdbConvert.html と同じ階層へ
お好きな名前をつけて保存してください

このファイルは、変換操作等はできませんが、コンテ左側のナビゲーションメニューは表示されて通常通り印刷可能です。

(3)	納品用のファイルを抜き出す
以下のファイルを複製してフォルダ構造を保ったまま受け渡し用にパッケージします


	2.で保存したhtmlファイル

	"img"フォルダの内容すべて

	"sbdConvert"フォルダ以下の次のファイル
		sbe_nas.css
		sbe_prt_nas.css
		paperDesign.css
		nas_common.js
		nas_common_HTML.js
		viewUtil.js

これらが印刷と表示に最低限必要なファイルです。

渡して読んでもらうだけならPDF等へ変換した方が良いかも…ファイルも一般に小さくできます。

この方法で作ったファイルは罫線を消してコンテ用紙に印刷する事はできません。

注意

ローカルのファイル名としては正常だが、WEB上ではアドレスの一部として使用できない文字がいくつか有ります。
私たちの作業で良くあるのは、制作番号などの前置としての半角の"#"がそれです。(これは、ドキュメント内の位置をあらわす区切りとして使用されます。)
このコンバータは、ブラウザでAjaxライブラリを使用してデータを取得するのでこの制限に引っかかります。
ファイル名や途中のパスに"#"を含めないように注意してくださいね。
(わはは、私は習慣でつい#のついたファイル名を作ってしまうのだった)

	Tips
コンテ内の移動にナビゲーションバー

各ページのヘッダにナビゲーションボタンが有ります。
各リンクは以下のジャンプです。
[start]	最初のページへジャンプ
[-10]	10ページもどる
[prev]	前のページへ
[===]	このページの頭へ
[next]	次のページへ
[+10]	10ページ先へ
[end]	最後のページへ

サイドのナビゲーションバーのボタンは以下の通り
[top]	メニューを含むページの先頭へ移動
[   ]	現在のページを表示(スクロールでは変化しません)
	ここに入力してコンテ内を移動可能
	p### (#は数字)	指定のページへ移動
	[##:##:]##:## または ##+##	指定時間へ移動
	それ以外	マッチするカット番号へ移動
[ ○ ]	現在のコンテデータを読み込んでコンバート
	編集中の確認に便利

[start]	最初のページへジャンプ
[-10]	10ページもどる
[△]	前のページへ
[▽]	次のページへ
[+10]	10ページ先へ
[end]	最後のページへ

ブックマークの登録があればこの下にブックマーク用のドロップダウンリストが表示されます。

	プレイヤのボタン

絵コンテプレイヤは、絵コンテの時間を読んでコマを時間どおりに置き替えてゆく簡易再生プレイヤです。
コンテのカットがわりのタイミングなどを確認するのに使用できます。

画面上方の▽ボタンでページ画面と切り替えが可能です。

現在プレイヤには、以下のコントロールがあります。
タイムスライダ
	ばーをクリックするか、マーカをドラグしてコンテ内の任意の時間に移動出来ます。
	再生範囲を限定して再生可能です。左右のボタンをクリックして開始点・終了点をマーカの位置に設定できます。
	左右ボタンのコントロール+クリックで再生範囲をリセットします。
[about]
	バージョンとかそんなもんを表示します。
[CUT#]
	カット番号の表示・非表示を切り換えます。
[content]
	ト書きを画面上に表示したりしなかったりします。
[size]
	640px幅と320px幅を切り換えます。
[(/ /)]
	再生のループモードを切り換えます。
[24FPS]
	再生レートを表示するはずです。
[stop/run]
	再生状態を表示するはずです。
[00:00:00+00]
	再生中の時間位置をタイムコードで表示します。
[タイムマーカ]
	しおりがわりにマークを打てます。ねこらエディタのしおりと連動してません。
	させた方が良いのはわかってますが、まだ書いてません。
||<]
	再生中はコンテの冒頭へ 停止中は前のカットの頭へ
<]<]
	再生中は前のカットの頭へ 停止中は前のフレームへ
[[> / |][|
	再生 ・ 停止
[>[>
	再生中は次のカットの頭へ 停止中は次のフレームへ
[>||
	再生中はコンテの最後へ 停止中は次のカットの頭へ
[Put-Mark]
	マークを打ちます
[Clear-Mark]
	マークを消します、全部

プレイヤの再生がなんだか変な場合は、再生用のキューがデータと不整合を起こしている場合があります。
コンテを切り換えた直後などに発生する可能性があります。

コマンドパネルを開いて [Queue] ボタンでキューを再構築すると直るかもしれません。

--- おことわり

 このプログラムの著作権は「ねこまたや」にあります。
 
 あなたは、このプログラムのこの著作権表示を改変しないかぎり
 自由にプログラムの使用・複製・再配布などを行うことができます。
 
 あなたは、このプログラムを自己の目的にしたがって改造することができます。
 その場合、このプログラムを改造したものであることを明記して、この著作権表示を
 添付するように努めてください。
 
 このプログラムを使うも使わないもあなたの自由なのです。
 
 作者はこのプログラムを使用したことによって起きたいかなる
 不利益に対しても責任を負いません。
 あなたは、あなたの判断と責任においてこのプログラムを使用するのです。
 
 なんか、困ったことがあったら以下で連絡してもらえると何とかなるかもしれません。
 http://homepage2.nifty.com/Nekomata/
 mailto:nekomata_ya@mac.com
 
 ま そんな感じです。


2008/04/03


オマケで試験中のプレイヤを同梱しました

2008/04/08

プレイヤがなんとなくカタチになってきたような気もする

2008/04/16	Nekomataya/kiyo