指導対局自戦記
 駒落ちならプロにも勝てる!   はずなんだけどなぁ・・・

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

棋譜再現への道 【3】 局面図の貼り付け

局面図の貼り付け方です。


 1)局面画像保存用のフォルダを作ってください。

 2) kifu for windows で貼り付ける局面を表示します。

 3)[ツール]-[画像の保存]をクリック。

 4)『画像の保存』ウィンドウが開くので、(1)で作ったフォルダを指定して[保存]します。
   ファイル名はそのままでもいいし、管理しやすいように独自のルールで付けてもいいでしょう。

 5)画像ファイルをアップロードして、写真を貼るのと同じように貼り付けます。
   ちなみに『サンプルページ』の『ページ1』に局面図を貼り付けたタグは、
   
   <img border="0" alt="7手目局面" width="580" height="350" p=""
   src="kyokumen1.jif " />
   
   です。
   width と height はページのデザインに合わせて数値を調整してください。
   『サンプルページ』では index.html と同じディレクトリに画像ファイルを置いたので、 src の
   指定はファイル名だけですが、違うディレクトリにアップする時は当然その指定をしてください。
   HTMLの知識が無いので『p=""』が何なのか分かりません。index.html をアップロードしたら
   自動で挿入されていました。
   

これで局面図は貼り付けられたと思います。
基本的には写真の貼り付けと同じなので、これは簡単に出来たと思います。


次はフラッシュ貼り付けの準備です。

『柿木の将棋ソフトウェア』から『 Kifu for Flash 』をダウンロードして解凍してください。

これから棋譜を紹介するページが増える事を考えて、ディレクトリ構造を整理しておいてください。
『サンプルページ』では
 [ Root ]
    ├[ index.html ]
    └[ kifusaigen ]
        │
        ├[ kifuforflash ]
        │    └[ kifu.swf ]
        │
        ├[ page1 ]
        │   ├[ index.html ]        
        │   └[ kyokumen1.jif ]
        │
        ├[ page2 ]
        │   ├[ index.html ]        
        │   └[ kifu1.txt ]
        │
        └[ page3 ]
            ├[ index.html ]        
            ├[ kifu1.txt ]
            └[ kifu2.txt ]

このようになっています。
それぞれのページの[ index.html ]で kifu.swf と棋譜データを相対パスで指定するので、間違えないように分かりやすい位置に[ kifu.swf ]を置いておく方がいいです。
各ページのディレクトリにそれぞれ[ kifu.swf ]を置いておけば間違えないのですが、同じ物をページごとにアップしていてはメモリの無駄なのでこのようにしました。

準備が出来たらコメントをください。
次はいよいよフラッシュを貼り付けて棋譜再現に挑戦です。

関連記事
スポンサーサイト
コメント
No title
準備できましたー!
次でいよいよですか。
wkwkのtktkでお待ちしております。
2011/05/15(日) 15:54 | URL | 玉頭銀 #-[ 編集]
コメントの投稿
管理者にだけ表示を許可する
最新記事
最新コメント
最新トラックバック
カテゴリ
リンク
検索フォーム
RSSリンクの表示
月別アーカイブ
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
プロフィール

RAY

Author:RAY
FC2ブログへようこそ!

FC2カウンター
FC2カウンター
現在の閲覧者数:
アフィリエイト・SEO対策
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。