Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
Ryo Kanda
PPTX, PDF
16,284 views
プログラムで映像をつくるとは?? ~超入門編~
VEJ様でのセミナー資料 プログラムで映像を作るとどんなこと出来るか、 どんなツールがあるか、の超入り口的なお話
Technology
◦
Read more
18
Save
Share
Embed
Embed presentation
Download
Downloaded 20 times
1
/ 59
2
/ 59
3
/ 59
4
/ 59
5
/ 59
6
/ 59
7
/ 59
8
/ 59
9
/ 59
10
/ 59
11
/ 59
12
/ 59
13
/ 59
14
/ 59
Most read
15
/ 59
16
/ 59
17
/ 59
18
/ 59
19
/ 59
20
/ 59
21
/ 59
22
/ 59
23
/ 59
24
/ 59
25
/ 59
26
/ 59
27
/ 59
28
/ 59
29
/ 59
30
/ 59
31
/ 59
32
/ 59
33
/ 59
34
/ 59
35
/ 59
36
/ 59
37
/ 59
38
/ 59
39
/ 59
40
/ 59
41
/ 59
42
/ 59
43
/ 59
44
/ 59
45
/ 59
Most read
46
/ 59
47
/ 59
48
/ 59
49
/ 59
50
/ 59
51
/ 59
52
/ 59
53
/ 59
54
/ 59
Most read
55
/ 59
56
/ 59
57
/ 59
58
/ 59
59
/ 59
More Related Content
PDF
Unityのサウンド状況を調べまくって分かったアレコレ
by
Takaaki Ichijo
PDF
BigQuery で 150万円 使ったときの話
by
itkr
PPTX
さくっと理解するSpring bootの仕組み
by
Takeshi Ogawa
PDF
サーバー未経験者がソーシャルゲームを通して知ったサーバーの事
by
Manabu Koga
PDF
【Unite Tokyo 2018】カスタムシェーダーでモバイルでも最先端グラフィックスな格闘ゲームを!
by
UnityTechnologiesJapan002
PDF
ドメイン駆動設計 失敗したことと成功したこと
by
BIGLOBE Inc.
PDF
世界でいちばんわかりやすいドメイン駆動設計
by
増田 亨
PPTX
Process Monitor の使い方
by
彰 村地
Unityのサウンド状況を調べまくって分かったアレコレ
by
Takaaki Ichijo
BigQuery で 150万円 使ったときの話
by
itkr
さくっと理解するSpring bootの仕組み
by
Takeshi Ogawa
サーバー未経験者がソーシャルゲームを通して知ったサーバーの事
by
Manabu Koga
【Unite Tokyo 2018】カスタムシェーダーでモバイルでも最先端グラフィックスな格闘ゲームを!
by
UnityTechnologiesJapan002
ドメイン駆動設計 失敗したことと成功したこと
by
BIGLOBE Inc.
世界でいちばんわかりやすいドメイン駆動設計
by
増田 亨
Process Monitor の使い方
by
彰 村地
What's hot
PPTX
MVPパターンによる設計アプローチ「あなたのアプリ報連相できてますか」
by
U-dai Yokoyama
PDF
Discordから バーチャルオフィス「Teamflow」 に乗り換えてみた 雑談を生む工夫
by
Koichiro Matsuoka
PDF
40歳過ぎてもエンジニアでいるためにやっていること
by
onozaty
PDF
そう、UE4ならね。あなたのモバイルゲームをより快適にする沢山の冴えたやり方について Part 2 <Texture Streaming, メモリプロ...
by
エピック・ゲームズ・ジャパン Epic Games Japan
PPTX
使い倒そう Visual Studio Code!~クラウド連携や遠隔ペアプロ、 もちろん Git も便利に~
by
Saki Homma
PDF
エンジニアから飛んでくるマサカリを受け止める心得
by
Reimi Kuramochi Chiba
PDF
DDD x CQRS 更新系と参照系で異なるORMを併用して上手くいった話
by
Koichiro Matsuoka
PDF
アジャイル開発におけるクラフトマンシップの重要性
by
Shigeru Tatsuta
PDF
ドメイン駆動設計に15年取り組んでわかったこと
by
増田 亨
PPT
Scrumの紹介とXPプロジェクトへの適用(Scrum and XP)
by
Masashi Umezawa
ODP
Guide To AGPL
by
Mikiya Okuno
PDF
インフラ領域の技術スタックや業務内容について紹介
by
MicroAd, Inc.(Engineer)
PDF
オンラインゲームのRails複数db戦略
by
Yasutomo Uemori
PDF
レガシーコードの複雑さに立ち向かう~ドメイン駆動設計のアプローチ
by
増田 亨
PDF
ドメイン駆動設計のためのオブジェクト指向入門
by
増田 亨
PDF
VRM-VCIが広げるVR世界間ポータビリティ
by
VirtualCast, Inc.
PDF
ドメイン駆動設計の正しい歩き方
by
増田 亨
PDF
你所不知道的 DDD - 文件驅動開發
by
志龍 陳
PDF
ビジネスルールの複雑さに立ち向かう
by
増田 亨
PPTX
MVVM入門
by
Kazutoshi Urabe
MVPパターンによる設計アプローチ「あなたのアプリ報連相できてますか」
by
U-dai Yokoyama
Discordから バーチャルオフィス「Teamflow」 に乗り換えてみた 雑談を生む工夫
by
Koichiro Matsuoka
40歳過ぎてもエンジニアでいるためにやっていること
by
onozaty
そう、UE4ならね。あなたのモバイルゲームをより快適にする沢山の冴えたやり方について Part 2 <Texture Streaming, メモリプロ...
by
エピック・ゲームズ・ジャパン Epic Games Japan
使い倒そう Visual Studio Code!~クラウド連携や遠隔ペアプロ、 もちろん Git も便利に~
by
Saki Homma
エンジニアから飛んでくるマサカリを受け止める心得
by
Reimi Kuramochi Chiba
DDD x CQRS 更新系と参照系で異なるORMを併用して上手くいった話
by
Koichiro Matsuoka
アジャイル開発におけるクラフトマンシップの重要性
by
Shigeru Tatsuta
ドメイン駆動設計に15年取り組んでわかったこと
by
増田 亨
Scrumの紹介とXPプロジェクトへの適用(Scrum and XP)
by
Masashi Umezawa
Guide To AGPL
by
Mikiya Okuno
インフラ領域の技術スタックや業務内容について紹介
by
MicroAd, Inc.(Engineer)
オンラインゲームのRails複数db戦略
by
Yasutomo Uemori
レガシーコードの複雑さに立ち向かう~ドメイン駆動設計のアプローチ
by
増田 亨
ドメイン駆動設計のためのオブジェクト指向入門
by
増田 亨
VRM-VCIが広げるVR世界間ポータビリティ
by
VirtualCast, Inc.
ドメイン駆動設計の正しい歩き方
by
増田 亨
你所不知道的 DDD - 文件驅動開發
by
志龍 陳
ビジネスルールの複雑さに立ち向かう
by
増田 亨
MVVM入門
by
Kazutoshi Urabe
Recently uploaded
PDF
エンジニアが選ぶべきAIエディタ & Antigravity 活用例@ウェビナー「触ってみてどうだった?Google Antigravity 既存IDEと...
by
NorihiroSunada
PDF
20251210_MultiDevinForEnterprise on Devin 1st Anniv Meetup
by
Masaki Yamakawa
PPTX
楽々ナレッジベース「楽ナレ」3種比較 - Dify / AWS S3 Vector / Google File Search Tool
by
Kiyohide Yamaguchi
PDF
流行りに乗っかるClaris FileMaker 〜AI関連機能の紹介〜 by 合同会社イボルブ
by
Evolve LLC.
PDF
Machine Tests Benchmark Suite. Explain github.com/alexziskind1/machine_tests #2
by
Tasuku Takahashi
PDF
Machine Tests Benchmark Suite. Explain github.com/alexziskind1/machine_tests #1
by
Tasuku Takahashi
エンジニアが選ぶべきAIエディタ & Antigravity 活用例@ウェビナー「触ってみてどうだった?Google Antigravity 既存IDEと...
by
NorihiroSunada
20251210_MultiDevinForEnterprise on Devin 1st Anniv Meetup
by
Masaki Yamakawa
楽々ナレッジベース「楽ナレ」3種比較 - Dify / AWS S3 Vector / Google File Search Tool
by
Kiyohide Yamaguchi
流行りに乗っかるClaris FileMaker 〜AI関連機能の紹介〜 by 合同会社イボルブ
by
Evolve LLC.
Machine Tests Benchmark Suite. Explain github.com/alexziskind1/machine_tests #2
by
Tasuku Takahashi
Machine Tests Benchmark Suite. Explain github.com/alexziskind1/machine_tests #1
by
Tasuku Takahashi
プログラムで映像をつくるとは?? ~超入門編~
1.
プログラムで映像をつくるとは?? 超入門編!! 神田 竜
2.
目次 • 自己紹介 • 作例紹介 •
触ってみよう
3.
自己紹介 • 神田竜 • Kezzardrix名義で活動 •
フリーランスのプログラマ • VJ • SjQ++ • VMO • HEXPIXELS • 展示の手伝いとか
4.
自己紹介 • LINEスタンプなども出しました • ケザドリ
5.
自己紹介 • クリエイターケザドリ
6.
自己紹介 • ヒップホップケザドリ
7.
自己紹介 • ケザジジケザババ
8.
本日よろしくお願い致します!!!
9.
作例紹介
10.
映像仕事多い
11.
ほぼ全てプログラミングして作る
12.
プログラミング映像の利点 • レンダリング待ちがない! • リアルタイムに色々出来る! →
何かに反応 → パラメータを変更可 • かゆいところに手が届く! → 便利な機能を思いついたら自分で作る → デバイスと組み合わせるとか
13.
オーディオリアクティブVJ • https://www.youtube.com/watch?v=eryQb3e 77r8 • http://www.creativeapplications.net/maxmsp /hexpixels-c-punks-a-unit-for-realtime-visual- expression/ •
パラメータやシーンをリアルタイムで操作 • ミキサーをプログラミング
14.
SjQ++ • https://vimeo.com/77019029 • オーディオビジュアルな即興演奏バンド •
楽器を個別にセンシング • 演奏を聞いて映像を変える • 映像を見て演奏を変える → お互いにフィードバックする
15.
SDKezzardrix • https://vimeo.com/160073609 • レーザー担当のMotoi
Shimizu君とのユニット • レーザーとPJをキャリブレーションして使う
16.
パフォーマンス • Dividual Plays •
安藤洋子 + YCAMによるプロジェクト • http://special.ycam.jp/ram/ • 自作モーションキャプチャを利用 • https://vimeo.com/121890356 → 客ではなくダンサーに見せる映像 →ダンスの動きのアイデアになる情報を作る
17.
展示案件 • 天吊のセンサーカメラ(KinectV2)で人を検知 • ネットに出せません案件
18.
映像制作 • LITEのMV • https://www.youtube.com/watch?v=tTVs1Mo R2kA •
事前に楽器のファイルをバラで貰って解析 • リアルタイムで動かしてキャプチャ • Take20くらい撮った • 初回のを未編集で採用。。。
19.
まとめ • 普通の映像制作じゃ無理なこと → インタラクティブ、他セクションとの連携 •
普通の映像制作じゃめんどいこと → 事前解析、データベース、ランダマイズ
20.
んじゃ、実際どんな感じで作るの?
21.
何使うの? & どんな流れで作るの?
22.
プログラミング環境の種類 • 色々あります • ビジュアルプログラミング •
コードをガリガリ書くもの • ゲームエンジン ↓ それぞれ特性が違う!
23.
ビジュアルプログラミング
24.
ビジュアルのプログラミング?
25.
ビジュアルでプログラミング!
26.
ビジュアルプログラミング • GUIを使って開発 • 多くの環境が、箱と箱を線で繋いで開発 →
パッチング → 動かしながら開発できる • プログラミング初心者でも参入しやすい
27.
Max7 • Cycling74が開発 → https://cycling74.com/ •
音楽と映像を同時に扱える • 業界標準 • 元々は音楽用のソフト → 音響処理が超得意
28.
Max7 • 有料 • 昔は高かったけど、今は安い
29.
Pure data • https://puredata.info/ •
Maxにも関わっていた音楽家が立ち上げ • 無料 • 音響処理は強い • 映像も扱える • 編集のこなれ具合でいうとMaxには劣る → パッチの整理とか
30.
VVVV • https://vvvv.org/documentation/jp.propagand a • Windowsのみ •
有志が開発したプラグインが凄い • DirectXによるレンダリング
31.
Touch Designer • http://www.derivative.ca/ •
Windowsのみ • GUIが独特 • 照明の制御などにも使われる
32.
まとめ • プログラミングの入門にはかなり良い • Maxがオススメ •
かゆいところに手が届かないことがある → 自分で箱自体を作ることも可能 → ソースが公開されてるので頑張って書く • GUIを描画しているので、少し重い
33.
2、コードベース
34.
コードベース • エディタを使ってコードを書く • コードからアプリケーションを生成
35.
コードベース • 利点 • (ほぼ)なんでも好きなように出来る →
足りない機能は自分で開発可能 • 欠点 • 全部自分で書かないといけない → カメラの設定、物体の質感 → 設定を保存したかったら保存機能を開発
36.
コードベース • 多くの環境が開発と実行が分かれている → 動かしながらコードを変えられない →
コードがアプリケーションを吐くまで待つ → コンピュータがコードを解釈 → アプリに固める処理をやる → コンパイル
37.
閑話休題
38.
プログラミング言語の話
39.
言語は色々あります • C言語 • C++ •
C# • Java • JavaScript → 全部文法が違う → 文法は違うけど、基本は同じ → 英語とか日本語と同じ
40.
今日紹介するのは • それらの言語で書かれた便利なコード集 • アートとかデザイン向けの機能 •
ツールキット • ライブラリ → 便利な機能は先人が作ってくれている → ウィンドウを作るとか誰が開発しても同じ → その上で中身のネタを作る • 言語そのものがわかれば拡張可能
41.
クリエイティブコーディング • oFとかProcessingとかをまとめてこう呼ぶ • Cinderがカンヌをとったくらいから? •
バズワード
42.
Processing • https://processing.org/ • 教育向け •
Javaベースの言語
43.
Processing • 難易度は比較的低め • 開発環境の導入がしやすい →
落としたらすぐに動く • Javaで動いているのでちょっと重い
44.
openFrameworks • http://openframeworks.cc/ja/ • 通称oF •
日本では恐らく一番人気
45.
openFrameworks • 様々なオープンソースのコードを利用 → 映像生成 →
動画再生 → サウンド → デバイスなど • これらを繋ぐ「糊」のようなもの • アドオンと呼ばれる拡張機能を有志が開発 → http://ofxaddons.com/
46.
openFrameworks • 利点 • C++ベースなので速い •
日本のユーザー多めでコミュニティもある → 質問がしやすい • C++が難しい • C++は果てしない
47.
Cinder • https://libcinder.org/about • oFと同じくC++ •
モダンOpenGLなど、新しい機能を積極的に取 り入れる
48.
Cinder • 映像のかなり深いところまで開発しやすい • oFよりもエンジニア向けに色々設計されてる •
初心者向けではない → exampleも難しめ → 映像プログラミングの深いところを知らな いと意味不明なコードが多い
49.
Three.js • http://threejs.org/ • Javascirptベースのツールキット •
WebGLが動く → スマホでも3Dが表示できる
50.
ちょっとoF書いてみます?
51.
openFrameworks • void 〜()というブロック •
関数と呼ぶ → 仕事毎に役割分担するようなもの • それぞれの関数に処理を分けて書く
52.
openFrameworks • setup → アプリ全体で使う設定 →
アプリ起動時に一度だけ呼ばれる • update → 毎フレームの更新処理 • draw → 描画処理
53.
まとめ • 細かいことは色々出来る • リッチな表現などをやろうとすると大変そう
54.
ゲームエンジン • ゲームを開発する用途に作られたもの • GUIで操作 •
コードもかける • 便利な機能が盛りだくさん • デザイナーでも作業できる • 自分で拡張するのも可能 • 出来ないことは出来ない
55.
ゲームエンジン • 昔はゲーム会社だけが大金払って使用 • モバイルゲームなどの普及でゲーム開発も 個人へ •
個人でも使えるようにライセンス緩和 • 売り上げが少なければタダで使える
56.
ゲームエンジン • ゲーム作んないけどアートとか展示に便利そ う • oFで全部作ると →
最新のレンダリングテクニックの実装大変
57.
Unity • http://japan.unity3d.com/ • 最新バージョンは5 •
昔は有料だった機能もタダで使えるように • デスクトップアプリ、モバイルアプリ、web開発 など幅広く対応 • アセットストアが充実 → 金の力で解決だ
58.
Unreal Engine • https://www.unrealengine.com/ja/what-is- unreal-engine-4 •
ゲーム業界での実績が凄い • 立ち上げた瞬間から絵が綺麗 →ハイスペックのPCでないと動かない
59.
Unityを体験してみる • GUIで操作 • マテリアルの設定とかすぐ •
コードも書ける → 外部エディタで書く → 言語はC#かJavaScript • drawがないので描画はUnity任せ → 拡張しようとすると色々めんどい → でも、僕ら的にはそこが一番楽しい
Download