横浜@黄昏です。こんにちは。

 人工無能「改装」計画第4回、ロボット画像表示編です。

デフォルトでは画像を画面の左上方に表示しますね。
で、今回、画像をロボットの左側に(ロボット名の脇に)表示します。

参照しているbot.cgiはランダム出現タイプ(バージョン2.03)を
基準にしています。(前回までの文字色編も同じ)

二通り考えました。

(1)デフォルトのように発言(チャット)ごとに表示されては消える方式。
(画面に画像は常に一つしか表示されてない)


(2)ログの個数分各ロボットの画像が残る方式。

(1)(2)共に「返事あり・なし」両モード使用可です。(汗)
---------------------------------------------------------------------
(1)一つだけ表示タイプ
これは簡単です、テーブルの中にテーブルを作ればいいんですね。

bot.cgi を開いてください
167行目あたりフォームを閉じる記述の下に
print "\t<hr size=5 width=80\% >\n\n";がありますね、

この下に「発言全体テーブル」を作ります。
print "<TABLE><TD>\n";

このテーブルに画像を表示します。113行目あたりにある以下の3行をコピーして
貼り付けます。
if ($res == 0 && $chat ne ""){
print "<img src = \"$gif\"> \n"; 
}

もう一度113行目に戻ってコメントにするため「#」を各行につけます。
#if ($res == 0 && $chat ne ""){
#print "<img src = \"$gif\"> \n"; 
#}

回り込みの属性をつけます
<img src = \"$gif\"> を→ <img src = \"$gif\" align=\"left\">

今度は203行目あたりにある
print "<TABLE><TD><B>$name</B><FONT SIZE=\"2\">[$date][$ip$addr] </FONT>\n";
print "<br>$chat</TD></TABLE><HR>\n";
}
の下で「発言全体テーブル」を閉じます
print "</TD>\n</TABLE>\n";

デフォルトの表示法を「ロボット発言欄の隣に並べただけですが、チャット
参加者には好評です。
-------------------------------------------------------------------------
(2)画像が残るタイプ

bot.cgi を開いてください
113行目あたりにある以下の記述をコメントにする「#」を各行につける
#if ($res == 0 && $chat ne ""){
#print "<img src = \"$gif\"> \n"; 
#}

そして175行目あたりにある
($date,$name,$ip,$hp,$chat,$chat_tanu,$dict)に 「,$gif」を追加。
こうなります
($date,$name,$ip,$hp,$chat,$chat_tanu,$dict,$gif)

次に200行目あたりにある
print "<TABLE><TD><B><font color=\"$tanu_c\">$dict</B></font>
<FONT SIZE=\"2\">[$date] </FONT><br>$chat_tanu</TD></TABLE><HR>\n";の

<TD>と<B><font ・・・>の間に<img src = \"$gif\" align=\"left\" >を
書き加えます。

最後に324行目あたりにある(書込み処理)
 $value = "$date_now \^ $name \^ $ip \^ $hp \^ $chat \^ $chat_tanu \^ $dict\n";
に、「 \^ $gif」 を追加

こうなります
$value = "$date_now \^ $name \^ $ip \^ $hp \^ $chat \^ $chat_tanu \^ $dict \^ $gif\n";

これで画面には各ロボットの画像が残ります。

----------------------------------------------------------------------
ロボット発言の横に画像を表示する場合、画像のサイズは40x40ピクセル程度迄が
いいでしょう、(2)の方式は各画像の大きさを揃え、そのサイズで画像表示セルの
WIDTHを決めておとくとよいと思います。
あまり大きいと表示に時間が掛かり、ロボットの発言は表示されてるのに画像が
出てこないので、ストレスがたまります。
----------------------------------------------------------------------
さて、人工無能「改装」計画はひとまずここまでです。皆さんもよいアイデアが
ありましたら、教えてください。

途中で不具合など見つかり、また調子に乗りすぎた表現がありました事を
お詫びします。

内容不備な個所等がありましたらご指摘ください。 おわり。   

.