どの様な技術を使用しているのかが知りたいです。

Question

前提・実現したいこと

下記のURLの様なオープニングアニメーションを実装するには
どの様な技術が必要なのでしょうか。

https://unity-inc.jp

最初に黒背景からロゴが現れ
左から右へ黒背景がスライドするまでの動作です。

知識がないため質問の仕方も漠然としていますが
宜しくお願い致します。

Answer 1

要素検証してみて確認してみました。

SVGと、CSS3を併用して、JavaScriptでコントロールした技術のようです。

SVGは最近流行りですし、ベクターなので、画像荒れがでないので、
非常にクールな技術です。

Comments

[SoichiroYamada]

ありがとうございます。
SVGで画像を書き出し、CSS3で動かしているということで理解しました！
画像が荒れないという点が魅力的ということがわかり、勉強してみたいと思います。

[miyabi_pudding]

SVGは、ブラウザ別で対応を変えなきゃいけない部分があるなど、難しいですが、頑張ってください。
今後、注目されており、統一もされていくと思うので、かなり有用だと思います。