Twitterでなんかのお絵かきソフトにある対称定規という機能(よく知らない)を使った面白い動画を見かけた。 お花っぽいのを描いて、隙間を適当なモニョモニョで埋めるだけでなんかおてがるにエスニックな感じの模様になるから、やはり対称定規は便利すぎるんだ…なによりこの自動生成感が楽しくて pic.twitter.com/FqJAMdzviy— ねぎ (@negi_mugiya) 2015, 10月 17 これなら簡単に作れるだろうと思ってProcessingでプログラムを書くことわずか５分、作れたので動画うｐしてツイートしたら結構反応あってうれしい限り。話題の対称定規をProcessingで5分で作った #processing pic.twitter.com/jt9ssafETM— Keit[email protected]面白すぎる (@P5Aholic) 2015, 10月 17 んでちょこっと解説書い

すると、leiningenのプロジェクトテンプレートが出来上がって、既に実行可能なQuilテンプレートが作成される筈だ。 さて、貴方がemacsを使っており、Ciderを使っているならば、M-x cider-jack-in したあとに、出来上がったテンプレートのソースコードをおもむろにC-c C-k(バッファ全体を実行する)をやれば、下のようなウィンドウが出てくるはずだ。 あとは、適当にドキュメントを見ながら、改造していけば良い。 ちょっとした知見 詳しくドキュメントを見ていない(最低限のコードが書ければ良いという方針)なので、もしかしたら適切な方法があるのかもしれないが、基本的にQuilでは、何らかの関数でエラーが起きた場合は、ただ処理がストップしてしまうだけで、エラーが出てこなくて困ることがある。そういうときは、下のようなものをセットすると良い。

Processingリアルタイムtweakモード（Tweak+）は秋山耀さんのプロトタイプ。コードに変更を加えると、実行ボタンを押さずとも、その変更が即座に反映されます。たとえば、エディタ上で円の座標を表す数字を増減させると、同時に実行ウインドウの円の大きさもパカパカと変化する。試行錯誤が楽しくなる拡張です。 Processingの「モード」として実装されているので、Processingフォルダのなかのmodesフォルダにファイル一式を置いて、IDEからAdd modeすれば使えます。ただし現在はJava7のみに対応しているため、ちょっと手動での設定も必要。詳しくは下記のページをご覧ください。デモ動画もあります。 gutugutu3030 – processing realtime tweak mode（prototype）

音楽は数学か？ 最近以下の2つの記事を読んで思った疑問です。 タイトル自体は凄い面白いなと思ったのですが、記事は両方とも音楽制作者からの視点だけで、実は自分が期待した物とは大分違っていました。 普通に考えれば、もちろん音楽=数学ではないですが、数学は科学の女王と呼ばれるくらいなので、芸術（音楽）に対しても同じように女王様とM男的な関係があるのではないかと思ったわけです。あ、MはMusicのMね。 そんなわけで、もうちょっと数学よりから音楽と数学の関係を考えてみたいと考えたとき「数学で音楽を作ってみたらどうだろう？」と思いついたので、実際に作ってみることにしました。つまりは、数学から音楽をつくることができれば、構成論的に数学と音楽の関係というものを理解出来るのじゃないかという仮説です。思いついたら即実行！というわけでレッツトライ！ セル・オートマトンで音楽を作る 数学から音楽を作るにあたり、

気づけばブログの更新が一ヶ月空いてしまいました。サボっていたわけではなく、週末の自由時間を個人の開発活動に100%充てておりました。 このまま更新しない日が続くのもよろしくない気がするので、今日は開発中のプロジェクトを先行でチラ見せしたいと思います。 題材は毎度おなじみProcessingと最近勉強中のRubyです。 Processing.rbについて Processing.rbはRubyで気軽にProcessingのスケッチが書けるツールです。有り体に言ってRuby-Processingとまったく同じコンセプトなのですが、Processing.rbはこんなところが違います。 1ファイル、200行程度のシンプルなコードのため、お好みで気軽に拡張できます。 設定ファイル不要で、MacでもWindowsでも自動で必要なファイルを探します。 スケッチ更新時に自動で再起動し、requireしたモジ

ヒューマンシーケンサーを作ってみた キネクトのソフトの書き方、ちょっとだけ分かってきたのでまた一個ソフト作ってみました。 前から一度作ってみたかった身体を使った楽器です。YAMAHAさんのTENORI-ONという楽器を身体全体でやってしまおうというマジキチな楽器です。 システムは下図のような感じです。Kinectで認識した人のシルエットをPC(Processing)で処理してMIDIデータに変換、MIDIデバイスに送信して音を出力しています。MIDIデバイスは何でもよいのですが、ここでは手持ちのmicroKorg XLを使っています。MIDI通信もMacにMIDIポートなんてないので、実際は物理層はUSBで接続されています（通信のプロトコルがMIDIなだけ）。 動画。結構疲れる楽器ですが、それなりのものができました。数人で遊ぶと楽しいんじゃないかなと思います。参加者募集中。 スケールはCマ

年末の休みで気持ちに大分ゆとりが出てきましたので、今日は大技です。 ProcessingのPython環境を整備していたら出来上がった副産物を紹介したいと思います。 Python Modeについて ProcessingのIDEには、Pythonを使ってスケッチを書けるPython Modeがあります。導入方法は以前の記事を参考にしていただくとして、このPython Modeを本格的に使おうとすると以下のような問題に直面します。 Processing IDEでPythonコードが書きにくい コードを編集するたびに再実行するのが手間 せっかくのPythonですので、その柔軟さを生かして解決してみます。 Pythonコードを外部のエディタから編集する 一つ目の問題点は、Processing IDEだとPythonのコードが書きにくいことです。 外部のエディタからコード(pydeファイル)を編集し

久々の休みです。ここのところイベントづくしだったので、ちょっと放心状態です。 気を取り直して、今日はProcessingの小技の紹介です。標準では提供されていないビルボードの描画を行ってみます。 ビルボードとは ビルボード(Billboard)とは、2Dの絵を3Dオブジェクトのように見せかける描画手法です。下の画像の草のように、三次元の座標上に大きさだけ合わせた二次元の絵をカメラ方向に向けて描画することで、平面の絵を立体的に錯覚させます。 ビルボードは形状が複雑な植物や爆発エフェクトなどでよく利用されます。 ビルボードの実現方法 Processingでビルボードを実現するには、描画用の変換行列を取得し、位置とサイズを維持したまま、回転だけさせないように修正します。 // 表示位置に平行移動 translate(x, y, z); // 現時点の変換行列を取得 PMatrix3D mat =

Processing Advent Calendar 2014 参加記事 私は現在、大学院の修士1年なのですが、 大学院生になるとティーチングアシスタントといって、 先生の補助として仕事を請け負うという活動を行います。 テストの監督や答案の採点、あるいは実験の補助などが主な内容なのですが、 私の指導教官がプログラミングの授業の担当ということで、 その授業で教壇に立つことになりました。 授業内容はもちろんProcessing(+α)です。 対象は、学部2年生のプログラミング演習の授業と、 学部1年生の情報リテラシー実習という授業です。 この記事では、授業の内容や、受講生の反応、 Processingによる教育的効果についての考察を述べます。 学部2年生の授業について 授業の目的と内容 学部2年生前期に「プログラミング演習」という必修授業が行われます。 別枠でアルゴリズムに関する授業が開かれて

テクネっていうめちゃくちゃ好きな番組がEテレであって、そのジングル？のid公募に応募しました。思い返してみれば全くプログラムいじれなかった去年の丁度今頃、「影」のテーマで応募しようとして結局できなかったりしまして、選ばれる選ばれん以前の問題として一個作り終えたことを去年の自分に自慢しようかなとか思ってます。 作ったもの テクネID応募作品 "GURUNing" - YouTube 技法はプログラミング。プロジェクションに近いだろ!!っていうツッコミ入りそうですが、そもそもこれ思いついたのがレコードプレイヤーをおばあちゃんちから迎え入れたのがキッカケなので勘弁してください。 作り方 コードをProcessingでカキカキします myVisalizer_02_projection その他小道具作ります レコードの真ん中の紙はちょちょちょっとPsで。あとコード書いた紙とか書いた プロジェクターと

2014-11-25 ぐるぐる回る無数の円 円周上に３つの点があるとします。 このとき、互いに接する３つの円A、B、Cが描けます。 隙間をどんどん接する円で埋めていきます。 （第０世代　→　第１世代　→　第２世代　→　…　） こうしてできた図形は、アポロニアン・ガスケット（Apollonian gasket)と呼ばれているようです。 最初の３点をぐるぐる回してみたいと思い、 これを Processing というプログラミング言語で作ってみました。 （左上の画像をクリックすると動き出します。もう一度クリックすると止まります。 適当にボタンを押してみてください。 グラフは個々の円の面積をプロットしたものです。） sekibunta 2014-11-25 00:06 ぐるぐる回る無数の円 Tweet コメントを書く

第29回リファクタリング（3） 制御フラグの削除、クラスの抽出 平田敦 2015-12-03

ノイズグリッドを作る void setup(){ size(500,500); smooth(); background(255); float xStart = random(10); float xNoise = xStart; float yNoise = random(10); for(int y = 0;y <= height;y++){ yNoise += 0.1; xNoise = xStart; for(int x = 0;x <= width;x++){ xNoise += 0.1; int alpha = int(noise(xNoise,yNoise) * 255); stroke(0,alpha); line(x,y,x+1,y+1); } } } 短い直線を引いて、その透明度を変えて模様を作っています。 四角で描画 float xStart,xNoise,yNoi

円を描く for(float ang = 0;ang <= 360;ang += 5){ float rad = radians(ang); x = centx + (radius * cos(rad)); y = centy + (radius * sin(rad)); point(x,y); } ellipse関数を使えば、すぐに円は描画できます。しかし三角関数を使って、描画した方が応用が効きます。上のコードは一部抜粋したコードです。円周上に点を打っています。 らせんを描く 点で描く for(float ang = 0;ang <= 360 * 5;ang += 5){ radius += 0.5; float rad = radians(ang); x = centx + (radius * cos(rad)); y = centy + (radius * sin(rad)); po

第17回、メディア芸術祭で行った、プログラミング入門のワークショップのスライド資料を公開します。このワークショップでは、ProcessingをRaspberry piで動かして、プログラムの楽しさに触れることを目的として、中学生、高校生を対象に行われました。 ワークショップで配布した、Processing、Google Coder、openFrameworks、Wolfingを使えるようにカスタマイズしたRaspberry piのディスクイメージは、下記からダウンロードして使用可能です。 メディア芸術祭ワークショップ用 Raspberry Piイメージ (2GB)