ARTiSというサークルを作った話

FUN Advent Calendar 2020 Day19です．

adventar.org

 

クリエイティブコーディングサークル「ARTiS」 

f:id:ohayota:20201219023227p:plain

artis-creativecodingcircle.github.io

 

今年度のはじめ，『クリエイティブコーディングサークル「ARTiS」』を設立しました．

公立はこだて未来大学（以下「本学」）では初のクリエイティブコーディングサークルです．

活動目的は「自由な表現の追究と，クリエイティブコーディングの普及」．

所属しているからといって，作品をつくる義務はありません

（どんな活動をしているのかだけ知りたい方は，途中は読み飛ばしてください）

 

ARTiSは，学びと発信の場を作ります． 

ARTiSは，表現のためにプログラムを書きます．

 

このような場としてのサークルを作ったきっかけに，自分が他のプログラミング言語より長く使っている「Processing」を使った授業と，興味深い本との出会いがあります．

 

必修授業「情報表現入門」でのProcessing

本学に1年生から在学している学生であれば，必修授業「情報表現入門」で必ずProcessingに触れているはずです．

 

以下，今年度シラバスp.55「情報表現入門」から引用．

https://www.fun.ac.jp/wp-content/uploads/2020/04/2020_syllabus.pdf

情報表現のために必要な「対象の観察・分析・様式化・再構築のプロセス」と「プログラミング言語記述能力の基礎」をアプリケーションの作成を通して学ぶ．

（中略）

表現関連テーマとしては，データが持つ情報属性を理解し，それらを効果的に可視化する方法を学び，プログラミング関連テーマとしては，手続き型言語に関する基本概念の理解，アニメーション，初歩的な対話処理を学ぶ．

デジタルアート（プログラムアート）としての表現については授業の主題ではなく，関連する情報に触れるには，授業外で本などの資料を漁ることが必要です．

 

情報表現入門の課題では，例年「ブロック崩し」「スケジューラ」などのシステムを作ります（今年度は少し違ったようですが）．

www.youtube.com

 

入り口がシンプルな言語ながら様々な機能を実現できるため，プログラミング初学者に適した課題だと思います．

ただ，システムを作るには，他の言語で作った方が便利かつプラットフォーム利用者が多い場合があります（例えば，モバイルアプリなど）．

大抵の学生は違うプログラミング言語に流れていきます．

全員が触れているはずなのに，授業が終わってからProcessingを使い続ける人は数えるほどしかいませんでした（自分が把握している限り）．

 

自分も「もうProcessingに触れることはないだろう」と思っていましたが，大学で見つけた本の影響を受けます．

 

ジェネラティブ・アートを知る

「ジェネラティブ・アート　Processingによる実践ガイド」という本を見つけました．

www.bnn.co.jp

公式サイト内の解説文を引用します．

アーティスト／デザイナーのためのプログラミング環境「Processing」を使って、美しく予測不可能な「ジェネラティブ・アート」をスケッチするための解説書。

（中略）

本書は、そのProcessingを利用して、「ジェネラティブ・アート」と呼ばれる生成的な視覚表現を作るためのわかりやすい手引き書です。

この本1冊を通じて，予測不可能性を含めたアルゴリズムによる視覚表現に惹かれました．

そこから少し時間が開いたものの，時々Processingを使った投稿をするようになります．

 

 

国内のProcessingコミュニティ

自分が学んでいたSwiftに関連するイベントには，Try! SwiftやiOSDCなどのカンファレンスがあります．

Processingにも，Processing Community Dayというイベントが1年に1度ありました．

Processingのカンファレンスのような感じかと思います．

twitter.com

 

現地に行くことは日程の都合上できませんでしたが，YouTubeでの配信もありました．

www.youtube.com

 

イベントを見て，表現のためのプログラミングを楽しむ人が，思っていた以上に多いことを知りました．

 

Processingを楽しむ人のコミュニティは，学外にありました．

自分が個人でコミュニティに参加することに，抵抗はありませんでした．

 

ただ，学内で同じような興味を持ってくれる人を増やすことには繋がりづらい．

本学の他の学生にアプローチすることは，個人としては難しいと思いました．

個人としてではなく，一つの小さなコミュニティ（学内のサークル）から，学外のコミュニティにアプローチしたいと思いました．

これなら新入生にも知ってもらえると思いました．

 

サークルを作る

このような考えから，まずはうっすらと興味を持っている学生を探しました．

メンバーを集めるきっかけは，一つのツイートでした．

 

このツイートに反応した人に声を掛けました．

 

探した限りでは，近いことをやっていそうなサークルは学内にありませんでした（正確には，情報にアクセスする手段がほとんど見つからない上に，活動があまり活発には見えなかった）．

だからARTiSを作りました．

https://artis-creativecodingcircle.github.io/

 

サークル名「ARTiS」の由来となった言葉は，「ART is 〇〇.」です．

 

ARTiSでは，やりたい表現を自由に学びながら実践していきます．

作って終わりではなく，発信もします．

現に，Twitterなどを利用したコミュニティで作品を発信しています．

  

ARTiSの活動

設立してから，サークル単独の活動や，コミュニティと関わる活動をしてきました．

ARTiSの活動については，Twitterのハッシュタグ「#ARTiS_Activity」で見ることができます．

twitter.com

 

主にこんな感じの活動をしていました．

  • 2020年度サークルカット制作（〜2020.2，制作1名）
  • ロゴ制作（〜2020.3，初期メンバー7名）
  • オンライン新入生勧誘（2020.4）
  • ワークショップ（2020.4〜）
  • PCJ ZINE vol.0への寄稿（2020.5，執筆4名）
  • クリエイティブコーディング作品展 #01（準備2020.7〜2020.9，展示2020.9，出展7名）
  • PCJ ZINE vol.1への寄稿（2020.9，執筆3名）
  • 部誌制作（2020.11〜）

 

2020年度サークルカット制作（〜2020.2，制作1名）

f:id:ohayota:20201219112609p:plain

2020年度サークルカット

サークルカットは，新入生勧誘冊子に載せるために制作したものです．

4月の新入生勧誘中止により冊子に使われることはありませんでしたが，TwitterのヘッダーやARTiS公式サイトのヘッダー（背景）になっています．

Processingと，ライブラリ「joons-renderer」をガラスや金属をレンダリングするために使用しています．

github.com

 

ロゴ制作（〜2020.3，初期メンバー7名）

f:id:ohayota:20201219112351p:plain

ロゴ

設立時にロゴを制作しました．

グラフィックと組み合わせた時に，グラフィックの邪魔をしないようなロゴタイプにしました．

使われているフォントの名前「Avenir」は，フランス語で「未来」を表します．

「iS」の部分に使われているターコイズという色は，「自由」「創造」といった意味を持つそうです（諸説ありますが）．

「ART is 〇〇.」の「is」の先を自由に創るという意味を持たせています．

 

プロトタイプ作成から書き出しまで，すべてProcessingで完結しました．

 

オンライン新入生勧誘（2020.4）

大学側から，Zoomでオンラインサークル勧誘の場が設けられました．

30分が割り当てられ，前半はサークルについて説明し，後半は簡単なコードでライブコーディングしました．

5名ほど，興味を持ってくれた新入生が連絡してくれました．

 

ワークショップ（2020.4〜）

 

60〜90分で特定のテーマについて学び，不明点をリアルタイムで聞きながら作品を1つ作ることを目指します．

タイムアタックみたいな感じでもありますね．

 

過去に，不定期で8回開催しています．

  • Workshop#1 "Random"
  • Workshop#2 "Noise"
  • Workshop#3 "Object"
  • Workshop#4 "Image"
  • Workshop#5 "Renderer"
  • Workshop#6 "Color"
  • Workshop#7 "Recursive"
  • Workshop#8 "Attractor"

 

部員がつくった作品は，Twitterのハッシュタグ「#ARTiS_Workshop」から見ることができます．

twitter.com

 

イベントのバナーをどのように作ったかについては，Qiitaで執筆した記事に書いています．

Processing Advent Calendar 2020 Day12の記事です．

qiita.com

 

ついでにProcessing Advent Calendarの記事も漁ってみると面白いと思います．

adventar.org

 

PCJ ZINE vol.0への寄稿（2020.5，執筆4名）

ワークショップを4回開いたことについて書いています．

 

クリエイティブコーディング作品展 #01（準備2020.7〜2020.9，展示2020.9，出展7名）

f:id:ohayota:20201219124256p:plain

展示会場（Mozilla Hubs）

リアルでの展示ができないため，作品展はオンライン開催としました．

7名で24作品の展示で，展示期間中の来場者数は約300名となりました．

初回である本作品展では，プラットフォームによって可能な展示方法を見るために，展示会場に3つのプラットフォームを利用しています．

中間試験と準備期間が丸被りしている中，特に展示会場準備班には非常にお世話になりました（土下座）．

来場者から工夫についての意見をいただくこともできました．

 

PCJ ZINE vol.1への寄稿（2020.9，執筆3名）

クリエイティブコーディング作品展 #01について書いています．

 

部誌制作（2020.11〜現在）

今年の活動をアーカイブするために，部誌を制作しています．

年明けの発行を目指し，絶賛執筆中です．

 

余談

ロゴなどをなるべくProcessingで完結しようとしているのは，サークルのある方針に基づくものです．

Slackで発令したAdobe製品禁止令です（別に嫌いなわけじゃなくて，自分はAdobeCCめちゃくちゃお世話になってます）．

f:id:ohayota:20201219152409p:plain

SlackでAdobe製品禁止令を発令した場面

せっかくProcessingが使えるんだったら，とことんProcessingを使い倒そうという意図でした．
なお，発令してから半年で，代表（自分）が自ら破っています．おい．

 

今年度の振り返りと来年度のあり方

今年度は最初からオンラインでの活動になりました．

その影響で，対面で話したことがないメンバーが半分います．

最近の状況を見る限りは，来年度もオンライン中心の活動が続くことでしょう．

 

オンライン中心ということは場所の制約がないというメリットがあります．

オンライン作品展のように，現地開催としていたら来場者が限定されていたことを考えると，現状のスタイルも悪く無いとは思います．

（それでも，同じサークルに所属するメンバーで集まれないのは少し寂しい）

 

来年度もサークルを続けていきます．

システムを作るためだけのプログラミングだけでなく，表現のためのプログラミングを徐々に広げていきたいと思います．

メンバーの忙しさが少し落ち着いたタイミングで，2回目の作品展を開きたいですね．

まずは，来月の部誌の完成を目指します．

発行されたら，是非読んでみてください！

 

表現のためのプログラミングに興味を持つ人が増えますように．

*1:x+t*9)/800)-.5;n=x/12;p=180*sin(a*TAU);r=radians;f=r(n-p);s=r(n+p);stroke(x/8,30+225*cos(TAU),255,.03);q=360;line(q*cos(f),q*sin(f),-q*cos(s),q*sin(s