
いいアドバイスがあればご教授ください。
当方、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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
絶対パスと相対パスについて。
-
HTML&CSS 学習本の相談
-
HTML&CSS 学習方法のお勧め
-
ホームページのサイトでhtm...
-
テーブルの行を折りたたみたい...
-
CSSを教えて下さい webデザイナ...
-
メモ帳の段落の揃え方
-
ホームページを作っていたらhtm...
-
iPhoneで HTMLファイルを閲覧
-
htmlの文字が縦書きになる
-
スマホで、左右にスワイプして...
-
HTML/CSSを使って写真のような...
-
HTMLでクロス抽出したい
-
htmlの<input type=”file”>でア...
-
画像が分割されて切り替わる、...
-
WEBページを強制的に横画面で見...
-
レスポンシブで困っています・・
-
ホームページの制作について教...
-
GoogleSearchControlにホームペ...
-
Dreamweverは今も主流なんです...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ASP.NETでの縦・横スク...
-
wordpressでキャプション内で改...
-
どこをテーブルで作るべきか、d...
-
掲示板を作成しておりアップロ...
-
CSSでDIVを複数囲むには
-
動かない文字。
-
IE6のブラウザで、<div>に設定...
-
TeX(LaTeX2e)で柔軟な枠線を...
-
htmlの文字が縦書きになる
-
含む含まないという概念自体の...
-
htmlのolやulなどlistにtitleや...
-
【ヒトの神秘】美男美女から何...
-
widthやheightの数値に単位(px...
-
角丸画像の背景色を透明にした...
-
html の divとtable の役割
-
css初心者 フレックスボックス...
-
liタグの中に<p>タグやら<dl>を...
-
複数のボタンを等間隔に、かつ...
-
個別にリンクの色を変える方法
-
ワードにコピペ、画像が表示さ...
おすすめ情報