https://recruit.industry.panasonic.com/
上記URLの様な3Dが動くWEBサイトの作り方。※どんなツール。技術が使われているの?
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
これ、No.1様につられて動画ファイルだと思っていましたが、ファイルに記録されたものではなく、スクリプトが送られてきており、手元のPCで描いていますね。
タスクマネージャーでGPUの負荷を見ていると、このサイトに繋いだとたん、一気に負荷が上がります。
PCの性能により、再生速度が違うのが稚拙です。
ところで・・・、
ロボットアームの絵を見ると、ファセットの方向で濃淡を変えて、立体感を出しているようですが、自身のアームの影が入らないので、それほど高度なグラフィック処理はしていません。
高度なグラフィックになると、照明方向を考えて、前にある物体の影が後ろの物体に映るとかの処理をします。
もちろんGPUの性能によって有無を切り替えできますが・・・。
たしかファイナルファンタジーには、影を付けるかどうかの切り替えがあったかと思います。
また、自動車の窓(特にフロントガラス)に映る絵も誤魔化しています。ちゃんとしたグラフィックなら、ガラスの湾曲も考慮した反射画像を描きます。
技術に興味がおありなら、その辺に注意して観ると面白いです。
No.2
- 回答日時:
技術としては、
①図形(キャラクタ)を座標点を結んだワイヤーフレームとして定義する(メッシュ図のようなもの)。
②座標点をクォータニオンという計算技術で3D化する。クォータニオンは遠近を出すときに視点を変えるための計算方法です。
③直交空間で座標点を動かす。そのたびに②の3D処理を行う。
④それと同時に、ファセット(切り口)のテクスチャ(塗り方)を指示に従って描画する。
⑤それを動画として表示・記録する。
ゲームなどでは、ユーザーの操作により視点が変わったりしますので、⑤のように記録できません。そのため、ゲーム機内やPC内のGPU(グラフィック・プロセッサ)で視点変更や遠近の変更、ファセットのテクスチャの描画が行われます。
ここで、一連の動き(例えば腕を振り下ろすまで)に対して何枚の絵を作るか、ファセットの塗りつぶしをどれだけ精彩に描くか、隣接するファセット間のテクスチャ(例えば布地の模様とか)の連続性をどれくらい担保するかなどは、GPUの性能に応じてユーザーが決めます。
ファイナルファンタジーのベンチマークテストがありますね。これは、あなたのPCでは、精細に描くことは無理ですから、このくらいの設定にして下さい、というソフトです。
ゲームでは①と②の間に腕を動かしたり弾が発射されたりするアクションや、女の子の髪が風に揺れるとか、が入ります。
特に体の動きはエルゴノミクスという運動理論に沿って動作を生成し座標点を動かしていきます。
ここを手抜きしたソフトでは、腕を振り下ろしたりする一連の動きをセットで組み込んでしまっているものもあります。それらは、毎回同じ動きで敵をやっつけます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 事件・犯罪 テクノロジー犯罪・集団ストーカーについて テクノロジー犯罪・集団ストーカーについて相談、質問させて頂 1 2024/06/03 13:55
- その他(IT・Webサービス) 動画が多い(容量が多い)Webサイト作成 1 2023/04/08 17:42
- HTML・CSS VSコードでHTMLに(リンク)ファイル名をクリックしてもファイルが開かれない 1 2023/02/12 07:52
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- その他(プログラミング・Web制作) JavaScriptのコンソールのショートカットが動きません https://laptopreneu 1 2023/04/25 11:32
- 転職 マーケティングに転職する際に必要なスキルや経験を教えてください 1 2023/10/07 15:05
- CAD・DTP CADって簡単ですか? 4 2023/05/01 22:28
- WordPress(ワードプレス) ワードプレスのパーマリンク設定について 1 2023/02/11 19:08
- その他(IT・Webサービス) このようなサイトの作り方を教えてください。 https://www.rizeclinic.com/l 2 2023/08/22 12:12
- 事件・犯罪 テクノロジー犯罪について、 テクノロジー犯罪について質問します。 Google WEBやAmebaで 2 2024/05/25 19:23
このQ&Aを見た人はこんなQ&Aも見ています
-


添付URLの様なサイトを作るにはどうすればいいですか?※どんな技術が使われていますか
その他(プログラミング・Web制作)
-


覚えることが少ないプログラミング言語を教えて下さい。
その他(プログラミング・Web制作)
-


秀丸エディターでの置き換え
その他(プログラミング・Web制作)
-
-
4

プログラミングについて プログラミングの練習(勉強)ができるようなサイトなどありませんか? あれば教
その他(プログラミング・Web制作)
-
5

プログラミングの進学について
その他(プログラミング・Web制作)
-
6

AIのプログラムについて教えてください
その他(プログラミング・Web制作)
-
7

フロントエンドエンジニアをしていますが、スキルアップのための転職、異動は3年目では早すぎますか? 今
その他(プログラミング・Web制作)
-
8

プログラミングのやり方ざっくりでいいから教えて
その他(プログラミング・Web制作)
-
9

アセンブリ言語について。
その他(プログラミング・Web制作)
-
10

pythonについて
その他(プログラミング・Web制作)
-
11

アセンブラーの命令についてです。
その他(プログラミング・Web制作)
-
12

pythonでAmazonのほしいものリストをローカル保存するスクリプト書いたら一部しか保存できぬ!
その他(プログラミング・Web制作)
-
13

Web初心者です。 簡易的なWebページを作成し
その他(プログラミング・Web制作)
-
14

c++の勉強方法を教えてくださいプログラミングをやった事がなく1から勉強を始めようと思います1日1時
C言語・C++・C#
-
15

fortran write文について マチンの公式で円周率を近似するプログラムを作っています。 wr
その他(プログラミング・Web制作)
-
16

至急助けてください!!!あと2時間しかないです! ボタンを押したら0ランプが点灯し、コンマ5秒後に1
その他(プログラミング・Web制作)
-
17

Cのプログラムからアクセスできないファイル名の一括変更方法
C言語・C++・C#
-
18

C言語のことです。写真(見にくくてすいません)の下のプログラムを実行したいのですが四行目がおかしいと
C言語・C++・C#
-
19

IT業で開発をされてる方々に質問なんですが、一日に書かれるコード数ってどれくらいですか? また、最近
その他(プログラミング・Web制作)
-
20

従業員が1名だけのSierっているんですか? プログラマー
その他(プログラミング・Web制作)
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
vba クリップボードクリアにつ...
-
Geminiフォーム 画像生成で 人...
-
画像生成AIのプロンプトの作り...
-
数学、プログラミング、物理、...
-
CSVファイルの複数行削除
-
VBAでパワーシェルを実行したい...
-
OS入ってる機器のソフト・アプ...
-
初心者powershellのPS1ファイル...
-
プログラミング言語のバージョ...
-
pythonについて(初心者です)
-
プログラミングに興味があるの...
-
Python... 環境設定 初心者です...
-
pip --versionがエラーになる
-
趣味がプログラミングだと言っ...
-
Pythonのエラーメッセージをコ...
-
pythonの実行に関する質問
-
パイソンのソースコードをChatG...
-
ネットワークフォルダの中身を...
-
ImageMagickでgif画像の一部が...
-
HTMLソースが表示のページのも...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
vba クリップボードクリアにつ...
-
CSVファイルの複数行削除
-
OS入ってる機器のソフト・アプ...
-
Python 3.12.2 か一番最新のパ...
-
pythonの実行に関する質問
-
パイソンのソースコードをChatG...
-
画像生成AIのプロンプトの作り...
-
数学、プログラミング、物理、...
-
pip --versionがエラーになる
-
Google ColaboでGUI作成
-
Python... 環境設定 初心者です...
-
HTMLソースが表示のページのも...
-
ネットワークフォルダの中身を...
-
MOVEコマンドでサブフォルダー...
-
google Colabでmatplotlibの描...
-
VBAでパワーシェルを実行したい...
-
Pythonでの文字列からfloatへの...
-
Webサイト内に埋め込んだmp4動...
-
初心者powershellのPS1ファイル...
-
pythonについて(初心者です)
おすすめ情報









