-2

これが私がやりたいプロジェクトです：

技術プロジェクトを撮影し、ビデオの特定のセグメントでインタラクティブなレイヤーを作成して、関連する科学を説明します。簡単にするために、バイオ燃料としましょう。フッテージは、特定のフレーム一時停止で、ビデオ フレーム内のコンテンツのテクニカル イラストレーションであるレイヤーにシームレスに統合されます。

プロジェクト マネージャーとのインタビューのビデオ映像を想像してみてください。プロジェクト マネージャーは、後にバイオ燃料になる発酵液の樽に手を差し伸べます。このプロジェクトの目的は、発酵溶液内で起こっているプロセスを掘り下げることです。そのため、その人物へのインタビューの後、彼らはプロセスの次のステップ、つまり発酵中に何が起こっているかを分析することを身振りで示します。ビデオ フレームは、溶液のバレルにパンします。ビデオ フレームを一時停止します。ここで、イラスト レイヤーが下降し、ビデオ フレームの画像にズームインします。倉庫内の樽です。ズームインすると、イラストはバクテリアによって消化されるセルロースの分子を示しています。単なるイラストではなく、このリアルな図をインタラクティブにしたいと思います。視聴者はバレルをかき混ぜたり、発熱体を上げたり、

このインタラクティブなテクニカル イラスト レイヤーを作成して、インターネット ブラウザーから表示できるようにするには、どのようなテクノロジが必要ですか?

- Flash / Actionscript/ C++ / JibLibFlash - WebGL, - Javascript (PhysJL, Threejs) - その他...

助けてくれてありがとう!!

4

1 に答える 1

0

2 つのビデオを作成します。1 つは一時停止前、もう 1 つは一時停止後です。z-index を使用して、それらを 2 つの重複する DIV にします。それらを Flash で実行し、Javascript で自動検出して、最初のメディアの最後で<div>不透明度ゼロの非表示の不透明度を変更します。この内部<div>では、CSS3 / HTML5 アニメーションを使用して、必要なアニメーションを表示できます。終了後に次のようなものを使用します

box.addEventListener( 'webkitTransitionEnd', function( event ) { alert( "Finished transition!" ); }, false );ビデオの次の半分を開始します。もちろん、z-index最新のものをトップにする変更。単純！

于 2013-10-11T18:16:08.257 に答える