質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

3DCG

コンピュータの演算により、3次元空間の仮想物体を、2次元平面上で表現する手法である。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

313閲覧

HTML(WEB)動画合成?

rondono7

総合スコア13

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

3DCG

コンピュータの演算により、3次元空間の仮想物体を、2次元平面上で表現する手法である。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

1クリップ

投稿2019/01/30 01:27

編集2019/01/30 01:52

前提・実現したいこと

https://www.ea.com/ja-jp/games/anthem
このゲーム会社のページを少し下に行くと
「片腕に雷が走っている画像」があると思うのですが
これがどのような方法で描画されているのかわかりません。
イメージ説明

私はCGデザイナーで素材は作れるのですが、HTML上でどのように表示しているのかは素人でわかりません。
調べたところ合成の場合CSSやJSで作れるような記事をこのサイトで見つけたのですが実際に作成までは
書かれていませんでした。そもそも合成しているのでしょうか?
それとも合成せず単なる1動画ファイルなのでしょうか?1ファイルであれば別のソフトで作れるのですが、
クロマキー合成でも無いように思えオーバーライトのようなことをしているのでしょうか?ソースコードを見ても
私にはわかりませんでした。

・目的としてはこれと同じ(HTML上で表示という意味で)物を作るためのアプリや手順のヒントを
頂ければと思いました。また、ここへの質問が初でして趣旨を間違えていたらすいません。

このような、動画の様で動画では無いと思われる(合成画像)は結構昔からよく見るのですが
作り方はわからないままでした。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

https://teratail.com/questions/107198
この記事を参考にさせてもらいましたが、クロマキーなのかどうかも私にはわからないので
それ以上の質問が現時点ではわかりません。

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2019/01/30 01:43

>「片腕に雷が走っている画像」があると思うのですが どれだろう…。
m.ts10806

2019/01/30 01:44

画像も添付できるので齟齬がうまれないためにも画面キャプチャなど提示された方が良いかなと。 ただ、プログラミングと直接関係あるかというと微妙なので積極回答はのぞめないかもしれません
rondono7

2019/01/30 01:56

返答ありがとうございます。画像は掲載いたしました。
guest

回答2

0

ベストアンサー

ただの動画。
https://media.contentapi.ea.com/content/dam/eacom/anthem/anthem/vids/us/storm-1920x1080.mp4

そこよりもWebComponentっぽいのがすごいな…遠慮なく実戦投入できてることが。

投稿2019/01/30 01:52

kawax

総合スコア10377

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

rondono7

2019/01/30 01:57

動画でしたか、安心しました。感謝します。
guest

0

GUIホームページエディタなどを使用して、重ねることができます。(他のやり方はあると思いますが思いつかないので)

投稿2019/01/30 04:23

satauki

総合スコア25

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問