vvvvで始めるビジュアルプログラミング

Makoto Hirahara
vvvvで始めるビジュアルプログラミング
1.16 2016
CREATORS
MEETUP36

2
平原真
新潟県生まれ。長岡造形大学造形学部卒業。
コンピューターや電子回路を用いたインスタレーション、照
明や玩具などのプロダクトデザイン、スマートフォンのアプ
リ開発などを行う。近年は教育機関との関わりから、デザイ
ン・アート・教育の連...

4
クリエイティブコーディングの為の
ビジュアルプログラミング言語。
デザイナーやアーティストが、グラフィック、インタ
ラクション、デバイス制御などを行うための環境。
いろいろな機能を持った部品を線で繋いで、視覚的
にプログラムをするスタイル。

Tesela Interactive Paper Sculpture

8
布多天神社あかり計画
東京都調布市にある布多天神社でのプロジェクション

9
vvvv ≠ vvvウイルス
昨年末に流行ったvvvウイルスとは、全く無関係。
インストールしても拡張子は.vvvになりません。
≠ .vvv

10
1998年、ドイツのメディアインスタレーション制作
スタジオMESOによって内部ツールとして開発を開
始。現在はオープンソースで、ドイツのvvvv Group
が開発を引き継いでいる。
http://www.meso.net/start
...

11
公式な読み方は無い
国内では、「ブイフォー」「フォーブイ」「ヴイヴ
イヴイヴイ」などが一般的。
ドイツ語読みだと「ファオフィア」「ファオファオ
ファオファオ」
https://goo.gl/RTy1VB

12
動作環境
現在はbetaでWindowsのみ。
今年予定されているメジャーアップデートで、
Version1.0となり、Mac版も提供される模様。

14
デモ
https://youtu.be/hTFXHvUpKC0

15
グレーのアイコンをクリックすると...

16
グレーのエディット画面...

17
Renderノードで画面を表示

18
Quadノードを繋げば矩形が表示される

19
HSVノードで色を変える

20
Transformノードで大きさを変える

21
Spread系ノードで複数の要素を扱う

22
LFOノードでアニメーション

24
粘土をこねるように
あらかじめ完成形を決め
ずに、その場のノリや見
た目のフィードバックを
最大限活かして、「粘土
をこねるように」作品を
作ることができます。

25
プログラミングスキルの向上
異なるパラダイムのプロ
グラミング言語を学習す
ることで、全体のスキル
が向上すると言われてい
ます。

26
プログラム初心者へ
各機能の繋がりが視覚的
に分かり、変更した結果
が即座に反映されるので、
初心者が試行錯誤を取り
組みやすい。

28
書籍
vvvvook
プロトタイピングのための
ビジュアルプログラミング入門
伊東実 (著), 星卓哉 (著)

29
動画
https://www.youtube.com/playlist?list=PLqjkdWFcBMk8gVdbGuSqwi4q1ihr7LcaW
vvvv講座

30
vvvv Japan Community
日本のvvvvコミュニティ。定期的
に初心者向け講座などを開催して
いる。 
http://vvvv-jp.tumblr.com/
http://vvvv-jp.tumblr.com/

32
平原真展 -Nonscale-
会期 : 2016年 3月5日(土) ‒ 3月7日(月)
時間 : 10時 ‒ 19時 ※最終日は17時閉場
会場 : HALO SPACE03
東京都渋谷区恵比寿1-23-21 ヤマトハ...

Makoto Hirahara