ﾌﾞﾗｳｻﾞ上でｷｬﾗｸﾀｰに､ﾏﾝｶﾞのように吹き出しで会話を表示させたいと思います｡ｾﾘﾌのﾃﾞｰﾀを与えると､その文字を図のように次々､画面に表示させます｡可能…

ﾌﾞﾗｳｻﾞ上でｷｬﾗｸﾀｰに､ﾏﾝｶﾞのように吹き出しで会話を表示させたいと思います｡
ｾﾘﾌのﾃﾞｰﾀを与えると､その文字を図のように次々､画面に表示させます｡
可能であれば､ｷｬﾗｸﾀｰの表情も変えられるともっといいです｡

ｷｬﾗｸﾀｰは固定(たとえば決まった10名しか使わない)でOKですが､その画像はこちらで指定したいです｡
flashは使わないとすると､どのような方法で実現すればいいか､だいたいの方針を教えてください｡
よろしくお願いいたします｡
(あるいは､すでに便利なWebｻｰﾋﾞｽがありますか？)

Flash なしなら､HTML をﾌﾟﾛｸﾞﾗﾑで書きだす､でしょうか｡
CSS で吹き出しを作って､ﾃﾞｰﾀは javascript で書き出します｡

"css 吹き出し会話" でｸﾞｸﾞると､いろいろと見つかります｡
例えば､こんなの｡
https://moriawase.net/kaiwa-text

そこの例では､ひとつのｾﾘﾌがこんな感じで書かれます｡

<div class="balloon">
<figure class="balloon-image-left">
   <img src="画像のﾊﾟｽ(URL)" alt="画像名">
<figcaption class="balloon-image-description">
     人の名前や画像の説明
</figcaption>
</figure>
<div class="balloon-text-right">
   <p>
     吹き出しの中のﾃｷｽﾄ
   </p>
</div>
</div>

ﾃﾞｰﾀとして置き換えたいところは､赤字にしたところでしょうか｡
ｷｬﾗｸﾀｰの数は決まっているので､｢画像の URL｣は CSS にできます｡
あと､表情の指定も｡

J尼｢日本ﾆ､軽ｸﾃ重ｲﾌﾟﾚｾﾞﾝﾄ､ｱﾘﾏｽ｣

を､こんな感じに展開します｡

<div class="balloon">
<figure class="balloon-image-left">
   <div class="charactor J-normal"></div>
<figcaption class="balloon-image-description">
     J尼
</figcaption>
</figure>
<div class="balloon-text-right">
   <p>
     日本ﾆ､軽ｸﾃ重ｲﾌﾟﾚｾﾞﾝﾄ､ｱﾘﾏｽ
   </p>
</div>
</div>

ﾃﾞｰﾀは､JSON と言われる形式にしておくのが良いかな､と思います｡
こんな感じで｡

<script type="text/serif">
[
 {
 "name": "J",
 "face": "normal",
 "text": "日本ﾆ､軽ｸﾃ重ｲﾌﾟﾚｾﾞﾝﾄ､ｱﾘﾏｽ",
 "pos" : "left"
 },
 {
 "name": "B",
 "face": "normal",
 "text": "何なの？",
 "pos" : "right"
 },
 ...
 {
 "name": "J",
 "face": "wink",
 "text": "ｺﾉﾌﾟﾚｾﾞﾝﾄ､何ｶ､ﾜｶﾘﾏｽｶ？",
 "pos" : "left"
 }
]
</script>