制作ツール

p5.js

Processingの考え方をWebブラウザに持ち込んだJavaScriptライブラリ。アーティストやデザイナー、教育者、初学者が使いやすいことを重視しており、リファレンスと作例が充実している。

カテゴリ: テクノロジー・技法 › ジェネラティブアート
テクノロジー・技法 › インタラクティブ技術
テクノロジー・技法 › データビジュアライゼーション
表現媒体: ドローイング
リアルタイムCG
使用技術: p5.js
JavaScript
言語: 英語 / 日本語
登録日: 2026年11月4日
最終確認日: 2026年11月4日

共通するカテゴリ・タグ・技術が多い順に表示しています。

制作ツールよく見返す

視覚芸術の文脈でプログラミングを学ぶためのスケッチブック的な言語と開発環境。2001年にCasey ReasとBen Fryが始め、現在はProcessing Foundationが運営する。ジェネラティブアートの入門として長く使われている。

共通点: ジェネラティブアート · インタラクティブ技術 · ドローイング · リアルタイムCG

制作ツール

クリエイティブコーディングのためのオープンソースC++ツールキット。グラフィックス、映像、音声、センサー入力などを扱え、大規模なインスタレーションやパフォーマンスの制作に使われる。

共通点: ジェネラティブアート · インタラクティブ技術 · リアルタイムCG

制作ツール

カナダ・トロントのDerivative社が開発するノードベースのビジュアルプログラミング環境。リアルタイム映像、プロジェクション、センサー連動などインタラクティブな表現の制作に広く使われている。

共通点: インタラクティブ技術 · データビジュアライゼーション · リアルタイムCG

スタジオ・コレクティブ

真鍋大度らによる東京拠点のクリエイティブチーム。データ、センシング、ロボティクスなどの技術を用いて、メディアアート作品やライブパフォーマンスの演出を手がける。

共通点: インタラクティブ技術 · データビジュアライゼーション

スタジオ・コレクティブ

アーティスト、プログラマ、エンジニア、数学者、建築家などからなる日本のアートコレクティブ。鑑賞者の動きに反応する没入型のデジタルインスタレーションを国内外で展開している。

共通点: ジェネラティブアート · インタラクティブ技術

教育リソース

世界の風、気温、海流、波などの気象データを、ブラウザ上の地球儀に流れる線として表示する可視化サイト。投影法や表示する層を切り替えられる。ベクトル場を無数の粒子の流れで描く手法は、数学のベクトル場の表現にもそのまま応用できる。

共通点: データビジュアライゼーション · リアルタイムCG · JavaScript

つながりの図

線が太いほど共通点が多いことを示します。