いいアドバイスがあればご教授ください。
当方、C#、PHP、Javaにてプログラムを組むスキルは保有しております。
今回相談された案件なのですが、画像の表現方法に最適な方法があれば
ご教授ください。
目的、オーダーメード家具を作成する際、枠、ガラス、素材を選択すると
それに応じた画像が組み込まれ購入者にイメージさせる為のWebアプリ
例1 車の見積もり時、色、ホイール、エアロなどクリックするとそれに応じて画像がはめ込まれる。
例2 アバターの着せ替えの様なイメージ
画像がはまる時、フェードイン、フェードアウトできれば最高ですが、これは
FlashのActionScriptしか無理なような気がしまして...←これは苦手です。
ではよろしくお願いいたします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
まず言語選択について。
一般的にウェブアプリケーションはJavaScriptで作られていますから、
CSS、JavaScriptを勉強するつもりが有るならCSS、JavaScriptで作れば最適だと思います。
勉強するつもりが無いなら、C#でSilverlight、JavaでJavaAppletで作れば良いと思います。
一般的なJavaScriptが最適と思うが勉強するつもりが無い、というのであれば、
依頼を断るもの選択肢の一つじゃないですかね。
画像の合成の仕方は、それぞれの実装方法に依ります。
------------------------
スポーツマンは野球もテニスもムエタイも、全部出来るわけではないですし、
通訳だからといって英語もドイツ語もヒンズー語も全部出来るわけじゃないです。
プログラマーだからといって、C#もJavaScriptも、全部出来るわけじゃないです。
No.1
- 回答日時:
要望されている程度の内容であれば、HTML/CSS/JavaScriptだけで実現できますよ。
どのブラウザ(バージョン)を対象にするかは、サイトを制作する前にまず決定すべきでしょう。IE6などのレガシーブラウザに対応させようとするならば、確かにFlashなどを使ったほうが楽かもしれませんが、IE9やこれから増えるIE10などのモダンブラウザを対象にするなら、CSS3もしくはJavascriptだけで実装できます。
たとえば、フェードイン効果を付ける場合、
CSS3なら
div{
opacity:0;
-webkit-transition: opacity 1s linear;
}
div:hover{
opacity:1
}
javascript(jQuery)なら
$("div").fadeIn();
とするだけです。
モダンブラウザを対象にするなら、基本的には簡単に実装できます。
検索キーワードは、「css3 transition animation」「jquery animate」あたりだと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PowerPoint(パワーポイント) パワーポイント アニメーション効果で、テキストと同時に画像を表示させる方法を教えてください 2 2022/09/12 21:06
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Excel(エクセル) EXCELのグラフを画像(JPG形式)で保存、通常実行がうまく行かない。ステップインはうまく行く 3 2022/08/30 12:06
- Windows 10 再起動後 Pinが使用できず、PC(windows11)にサインインできない 3 2022/08/30 20:53
- その他(プログラミング・Web制作) プログラムの勉強のおすすめは 7 2022/12/09 20:09
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- その他(Microsoft Office) スプレッドシートにて、条件付き書式で複数の単語に合致するセルを着色したいです。 2 2023/04/06 13:25
- Excel(エクセル) エクセルにサムネイル画像組み込み 2 2022/09/02 17:13
- Excel(エクセル) エクセル VBA セルの結合 2 2022/09/07 11:48
- Chrome(クローム) インターネットの各サイトの画像が表示されない 3 2022/12/04 22:43
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
掲示板を作成しておりアップロ...
-
htmlの文字が縦書きになる
-
HTML属性での「""」 「''」違い
-
【ヒトの神秘】美男美女から何...
-
リストマーカーをボックス内に...
-
ボタンをセル内一杯に表示させ...
-
<div id="container">の使いか...
-
<table>の高さ固定。情報増加時...
-
質問1.
-
htmlのolやulなどlistにtitleや...
-
idの中のid指定
-
サイトにjQueryが使用されてい...
-
html/cssの、navを2段にする...
-
リンクをつけた画像をクリック...
-
個別にリンクの色を変える方法
-
border-style:solidで文字がずれる
-
<h1>、<h2>と<p><div>の行間を...
-
widthやheightの数値に単位(px...
-
submit buttonの違い
-
インラインフレーム内の表示位...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
掲示板を作成しておりアップロ...
-
wordpressでキャプション内で改...
-
ASP.NETでの縦・横スク...
-
NN4.78が途中までしか読...
-
どこをテーブルで作るべきか、d...
-
htmlの文字が縦書きになる
-
【ヒトの神秘】美男美女から何...
-
htmlのolやulなどlistにtitleや...
-
<h1>、<h2>と<p><div>の行間を...
-
HTML属性での「""」 「''」違い
-
超音波で洗脳。
-
widthやheightの数値に単位(px...
-
ボタンをセル内一杯に表示させ...
-
div要素が重なってします
-
リストマーカーをボックス内に...
-
質問1.
-
<div id="container">の使いか...
-
リンクを知らせる手のマークが...
-
画像イメージの上下左右、欲し...
-
複数のボタンを等間隔に、かつ...
おすすめ情報