ここから本文です

自作のイラストを用いてアバターシュミレータを作りたいのですが、 具体的なプロ...

ara********さん

2011/11/910:27:08

自作のイラストを用いてアバターシュミレータを作りたいのですが、
具体的なプログラムの作成法が分かりません。

php+GDで画像を合成してからの作業のようなのですが…

趣味でイラストを描いているものです。

以前から自作のキャラクターによるアバターシュミレータを作りたいと思い、
検索をしたところ、以下のサイトを見つけました。

http://tomotsugoo.com/401

こちらでやっていることをそのまま実行したいのですが、
phpとGDで画像を合成する。
ここまではなんとかできるのですが、
その先のフォームで情報をわたせるように改造する。
このやり方が全くわかりません。

ラジオボタンのフォームを作成しているようなのですが
どう改造すればよいのか…
先の合成した画像とどう関連づけているのでしょうか?
頭の中で配線が繋がらず、
記述の仕方が全くわかりません。

どなたか分かる方がいらっしゃいましたら
簡単な流れと具体的な記述を教えて頂けませんか?

プログラムの記述に関してはネットの初心者講座で得られる程度、
先日からJAVAの勉強を本で少し始めたばかりの全くの初心者です。
かなり検索していろいろ調べてみましたが、なかなか的を得た情報に
あたることができませんでした。

恐れ入りますができるだけわかり易い説明でお願い致します。

(サーバはさくらインターネットです。
phpは使用できますが、html拡張子のファイルでは動作しないようです。)

よろしくお願い致します。

閲覧数:
1,514
回答数:
1
お礼:
100枚

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

shimixさん

2011/11/911:23:48

ページに「仮に」表示している画像は、JavaScriptでbackgroung-image(画像ファイル)を差し替えていますね。htmlソースを良く読めばわかると思います。

画像表示部分(いろんな画像の重ね合わせになっています)
<div style="background:url(http://tomotsugoo.com/avachan/bg01.png) no-repeat; width: 300px; height: 300px;" id="bgImg10">
<div style="background:url(http://tomotsugoo.com/avachan/kami01.png) no-repeat; width: 300px; height: 300px;" id="bgImg9">

(以下同様)


パーツを変更する(アクセサリーは下記の部分)
<div>アクセサリー/
<script type="text/javascript">
function bgImgChange0(path) {
document.getElementById("bgImg0").style.backgroundImage=path; }
</script>
<input type="radio" name="ac" value="no.png" onClick="bgImgChange0('url(http://tomotsugoo.com/avachan/no.png)');" checked>なし
<input type="radio" name="ac" value="ac01.png" onClick="bgImgChange0('url(http://tomotsugoo.com/avachan/ac01.png)');">眼鏡
<input type="radio" name="ac" value="ac02.png" onClick="bgImgChange0('url(http://tomotsugoo.com/avachan/ac03.png)');">水瓶
</div>

ここまではJavaScriptです(汗


あとは(ava.phpに)form要素から選択したラジオボタンの値がPOSTされるので、サーバ側で画像を合成して返しているだけです(この部分は既知ということですよね)。

<form action="http://tomotsugoo.com/avachan/ava.php" method="get" target=_new>

質問した人からのコメント

2011/11/9 13:12:03

降参 有難うございました。
理解できました。
これから実行してみます。^^

あわせて知りたい

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる