◆ Chime分子アニメ画像作成用ページ ◆

◆参考Webページ
• 「分子の学習帳」（Chimeの入手方法やChime利用サイトリンク集など）
• Chimeマニュアル（分子の表示形式の変更方法など）
• 「生活環境化学の部屋」掲載分子モデルリスト（約800分子の圧縮版データをダウンロード可能）
• 「iモード化学」（iモード版分子アニメ表示サンプル参照可）
• 「iモードで科学!」（PC版）（iモードページ作成関連リンク集など）
• 『パソコンで見る 動く分子事典 CD-ROM付』アナウンスのページ（分子について解説した書籍の紹介）

  《以下のソフトの使用方法は各ソフトのマニュアルを参考にしてください》
  

• フリーの動画キャプチャソフトの例（Windows版）〔板橋 功さんによる〕
• フリーのアニメgif作成ソフトの例（Windows版）：Animation GIF Maker〔服部宣広さんによる〕，ツァイトアニメGIFメーカー

• 「定規」〔安原啓悦さんによる画面上のピクセル数が測れるツール；別途Vb40032.dllが必要（DLサイト例，dll情報例）〕

• iモード用Webページ作成ソフトの例“iど〜も!”（Windows版）〔体験版をDL可能〕
• インターネットマガジン特集『iモード対応 ホームページ改造術』

• フリーソフトDLサイトの例　Vector　｜　窓の杜

●　他の分子をこの画面に表示させる方法

　以下の表のソースは，デモ用データを表示させるようになっていますので，これを書き換えて任意の分子を表示させてください。なお，以下の表の分子の表示枠のピクセル数は，上から96×74，152×152，302×302になっていますので，作成目的に合わせてご利用ください。

◆ソースの書き換え方法とアニメgif作成方法
• ソースHTMLの，<EMBED src="water.mol" width= …　あるいは，<EMBED src="co2.mol" width= … となっている分子ファイル名water.molやco2.molを，表示したい分子のデータ名に合わせて??????.molや??????.pdbなどと書き換えて保存する。
• 書き換えたHTMLデータをブラウザで再読み込みして分子を表示する。
• このあと，Chimeマニュアルを参考にして分子表示を変更したり，Electrostatic Potential（静電ポテンシャル）・Lipophilic Potential（親油性ポテンシャル）表示ボタンを押して好みの表示にしてから（分子データによってはポテンシャル表示ができない場合があります），回転ボタンを押して回転させる。
• そのあと，各自の利用している動画キャプチャとアニメgif作成ソフトを併用してアニメgifを作成する。大きさを調整した後，CTRL+右ドラッグで分子モデルを隅に移動すると切り取りサイズを確認しやすい（このページの背景の目盛りは，薄い線が10ピクセル，濃い線が20ピクセル刻みになっている）。以下の回転ボタンでは１秒間に90°回転（４秒で１回転）するので，キャプチャするコマ数（フレーム数）により画像取得の時間間隔を調整する。パソコン用はコマ数が多くても問題ないが，ｉモード用は大きさと色数により４〜５コマが限界である。

●　iモード用アニメgif画像作成上の注意

　2000年8月現在，カラーアニメgifを見ることのできるiモードは，502i，209i，SH821iシリーズですが，今後は増えていくものと思われます。また，表示できるデータサイズは5kBまで（画像と表示用のHTMLを合計して）ですので，十分注意してください。
　iモード用のHTMLについては以下のページを参考にしてください。

ｉモード対応HTML タグ・画面イメージ対応表（NTT DoCoMo）

　以下はその要点です。

・	最大画面数は5コマ。
・	1画面に最大4個までアニメーションgifを配置可能。
・	扱える１画面の大きさは横94×縦72ピクセルが最大（全機種対応にする場合）。
・	繰り返しの最大数は16回。 （繰り返しの最大数を越えた指定をした場合、規定最大値が使用される）

●　Chime分子でiモード用アニメgif画像する場合の補足

　Chimeを利用したWebページ作成で，特定の原子の表示を変更する方法について，アニメgif（iモードサイズ）を用いて補足します。
　例えば，高分子の末端原子に隣接するダミー原子だけスティックにして他を球棒にするには以下のようにします。Chimeメニューの使い方も参考にしてください。

1) まず全原子を球棒にして，“Select → Mouse Click Action → Toggle Atom's Selected State”にすると全原子が黄色になって全選択状態になります（表１a）。
2) 球棒のままにする原子をマウス左クリックするともとの原子色に戻ります。間違えて選択したら再度クリックすればキャンセルされます。表１bが末端隣接原子だけを選択したところです。
3) ここで，“Display → Sticks”にすると，残った選択原子だけスティック表示になります（表１c）。同様なやり方で特定原子の原子色その他の変更も可能でしょう。
4) この状態を直接ページで表示させるには，次のようにします。希望の表示状態になったところで“Edit → Copy Chime Script”を選んでから，エディタを起動してペーストするとその時の分子表示状態がすべてチェックできます。例えば表１cの状態ではその中に，
| # Atoms
| colour atoms cpk
| select all
| spacefill off
| select (atomno>=1) and (atomno<=23)
| spacefill 120
| select (atomno>=25) and (atomno<=26)
| spacefill 120
| set shadow off

とあるので，これをHTMLソースの参考にして，以下のようなタグを書けばいいのです。
<embed src="3gt.mol" align=abscenter width=300 height=300 display3D=stick script="select (atomno>=1) and (atomno<=23) or (atomno>=25) and (atomno<=26) | spacefill 120">　→　実際のChime版ページ例

表１　ポリトリメチレンテレフタレート（3GT）を例にしたアニメgifのデータサイズ等
※画面サイズ：100ピクセル×72ピクセル

状　態	a) 全原子選択状態	b) 変更しない原子を指示 （黄色のみ変更）	c) 残った選択原子の表示変更
アニメ画像
コマ数	3	4	16
データサイズ	1.77kB	3.56kB	12.6kB

　次に，やはり表１の画像を例にしてiモード用のアニメgif作成について。
　携帯の画面サイズは上述のように横94×縦74ピクセル以内が目安ですが，現在カラーアニメgifが表示可能な209i，502iだと機種にもよりますがもう少し大きくても大丈夫なので，私の場合は100×100を最大の目安にしています。分子が小さい場合はそれ以下でも十分です。タンパク質などはリボン表示などの工夫が必要ですが，通常は無理でしょう。
　サイズが大きい場合や色数が多い場合は，アニメのコマ数を減らします。ともかくHTML＋gifで１ページ5kB以下にしないといけないので，画像はだいたい4.7kB以内にするのが目安でしょうか。表１cのようなスムーズな表現はコマ数・データサイズからして無理になります。因みにもとのChime分子のデータ（MDL MOLデータ）は1.90kBですから，Chime分子をアニメgifにすることは効率が悪いわけで，この面からも新しい動画ファイル形式の出現とデータ変換ツールの出現が待たれます。
　これらの制限にしたがって，上の高分子のほかにアミノ酸，ビタミン，界面活性剤なども作ってみました。大まかに見て100原子以上になるとiモードアニメは難しいことがわかります。なお，iモード版アミノ酸のメニューと20分子を見ると，パケット課金で91746バイト，218.4円かかります。３コマくらいでもだいたいの立体的な形が把握できるのが人間の視覚の面白いところです（アニメは８回転で停止するようにしています）。
　球棒や空間充填などを使い分けるのもコツです。複雑な分子では詳しい構造の認識は不可能ですが，併記している分子式も参考にして，親水性・疎水性の違い，界面活性剤の共通構造など，分子の形の重要性を感じ取れるのではないでしょうか。