動画・アニメーション 開発プロセス パターン＃１：ホーム Section#1 Ｗｅｂの動画・アニメ技術 「動画」と言われて連想するものは？ 動画のインターフェイス 映画の宣伝 動きのあるページ ゲーム（アプリ） © All Rights Reserved. Section#1 動画・アニメーション 開発プロセス パターン＃１：ホーム これからの動画・アニメ技術 FLASHだけではないWebの動的技術 静止した動かないページに対して動きのあるページ、 コンテンツを「動的ページ」と言う。 FLASH SVG スマホアプリ Jquary (JavaScript) HTML5 Direct X JAVA 独自の動画配信 アプリ その他の様々な プログラム © All Rights Reserved. 動画・アニメーション 開発プロセス パターン＃１：ホーム Section#1 これからの動画・アニメ技術 FLASH グラフィックス、オーディオ、テキスト、ビデオといったデジ タルメディアを組み合わせて、Web コンテンツを作成、再 生する世界標準のテクノロジー。 使用用途：ゲーム、商品のシミュレーション、動画配信サ イトの動画インターフェイスなど © All Rights Reserved. 動画・アニメーション 開発プロセス パターン＃１：ホーム Section#1 これからの動画・アニメ技術 SVG ベクトル形式によって画像を描画する方式で、高品質の グラフィックで、かつファイルサイズが小さいのが特徴で す。 SVG 形式のグラフィックは、画像品質を維持したま ま、画面上で拡大縮小を行うことができます。 SVG で保 存する際、メッシュオブジェクトがラスタライズされます。 また、アルファチャンネルを含まない画像は、JPEG 形式 に変換され、 アルファチャンネルがある画像は PNG 形 式に変換されます。 © All Rights Reserved. 動画・アニメーション 開発プロセス パターン＃１：ホーム Section#1 これからの動画・アニメ技術 スマホアプリ スマートフォンやタブレットで動作するアプリケーション。 開発言語 iOS→ObjectC、Swift・・・ Android→Java、C++・・・ © All Rights Reserved. 動画・アニメーション 開発プロセス パターン＃１：ホーム Section#1 これからの動画・アニメ技術 Jquary JavaScriptのコードを、より容易に記述できるようにする ために設計された軽量なJavaScriptライブラリ。現在一 番使用頻度が高く、発展途上で、世界中で開発され続け ている。 使用用途、アコーディオンメニュー、カルーセル、モーダ ルウインドウ、ページ内リンク、ポップアップ（Light Box） など多数。 © All Rights Reserved. 動画・アニメーション 開発プロセス パターン＃１：ホーム Section#1 これからの動画・アニメ技術 Java 1995年にSun Microsystemsにより初めてリリースされ たプログラミング言語およびコンピューティング・プラット フォーム。 ブラウザにプラグインをインストールしないと 機能しない。 セキュアだが、処理に時間がかかり、表示がやや遅い。 スマートフォンのアプリ開発でよく使われる。 使用用途：スマートフォンのアプリ開発、株式取引、FX取 引画面など © All Rights Reserved. 動画・アニメーション 開発プロセス パターン＃１：ホーム Section#1 これからの動画・アニメ技術 HTML5(canvas) HTML5はHTMLの5 回目に当たる大幅な改定版 で。 2008年にW3C の専門委員会からドラフト（草案）と して発表され、2014年10月28日に勧告された 。 2016 年にHTML 5.1が勧告される予定。 動画に関しては、HTML5の中の「Canvas」という部分が 担っている。 使用用途：物理現象をシュミレーションしたような簡単な アニメーション、ロゴやアイコンなど © All Rights Reserved. 動画・アニメーション 開発プロセス パターン＃１：ホーム Section#1 これからの動画・アニメ技術 Direct X マイクロソフトが開発したゲーム・マルチメディア処理用 のAPIの集合体。Windows・Xbox・Xbox 360・Xbox One向けに開発され、マイクロソフトのデバイスに広く利 用されている。DirectX互換のビデオカードを利用するこ とにより、高品質の3次元コンピュータグラフィックスを高 速にレンダリングできる。 使用用途：業務用ツールの操作画面など © All Rights Reserved. 動画・アニメーション 開発プロセス パターン＃１：ホーム Section#1 これからの動画・アニメ技術 授業でFLASHだけに注力しない理由 アプリやjquary、HTML5などの技術発展・普及により、 これまでFlashでしかできなかったことが代替される ケースが多くなってきた。 FLASHで現在最も使われるケースが多いのは 動画配信サイトの動画のインターフェイス。 ＝制作現場でFlashの制作機会が 激減している。 © All Rights Reserved. 動画・アニメーション 開発プロセス パターン＃１：ホーム Section#1 これからの動画・アニメ技術 「かつて」の花形職業 ・かつて３Ｄロゴデザインは一個１０万円以上で売れた。 ・ＤＴＰが「スゴイ」と言われた時代がった。 ・死語大賞ナンバーワン候補「マルチメディア」。 ・かつてCD-ROM制作は「ウマみ」のある商売だった。 ・アプリ開発の「ウマみ」は、超一瞬で終わってしまった。 「Webデザイナー」も、 今や一般的な職業。 © All Rights Reserved. 動画・アニメーション 開発プロセス パターン＃１：ホーム Section#1 これからの動画・アニメ技術 マルチメディアと動的技術の歴史 © All Rights Reserved. 動画・アニメーション 開発プロセス パターン＃１：ホーム Section#1 これからの動画・アニメ技術 これから業界で生き残っていくためのヒント ・アプリとサイトと他メディアのボーダーレス化 ・静的画面と動的画面の境目がなくなる ・SassとCSSフレームワーク ・jquaryとBootcaｍp ・Google Material Design（ビジュアル言語） ・非プログラマーのプログラマー化 ・グロースハッカー ・これからは、基礎は必要ありません。 © All Rights Reserved. 動画・アニメーション 開発プロセス パターン＃１：ホーム Section#1 これからの動画・アニメ技術 これから業界で生き残っていくためのヒント Photoshop、Illustrator、Flashだけでなく、 いずれ近い将来「これもできない？」 「あれもできない？」と必ず言われる日が来る。 © All Rights Reserved.
© Copyright 2024 Paperzz
