メディアアート系で重要な数式・概念 & p5.jsで遊ぶ - Qiita
高校数学がボロボロでも大丈夫です。（ もともと個人的にインプットし貯めていたものですが、書きなおして公開します。 地味ですが、派手な動きはこの地味な数式・概念がベースになってきます。 また、メディアアートとは言ったものの、ゲーム制作などにも役立つでしょう。 「ラジアンとは？」「サイン波を描く」「円軌道を描く」「弾幕（2点間の距離系&角度系）」「多角形を描く」「フラクタル」といったテーマです。 また、そのプレイグラウンドとしてp5.js（Processingのjs版）をご紹介します。2014年にリリースされたものでまだマイナーですがCodePenのような海外サイトでは人気が出つつあります。またProcessing公式プロジェクトなので安心感もありますね。ちなみに、Processing.jsとは別プロジェクトです。 ラジアンとは？ ・ラジアンは単位 角度についてのもう一つの単位です。 角度とラ
Codes - GENERATIVE GESTALTUNG
Generative Design Library for Processing Download Library: Generative Design Lib 1.0.1 (zip, 0.6 mb) Changelog Reference (JavaDoc) third party Libraries (mandatory for some sketches): controlP5 (0.3.14 or higher) Geomerative (rev 28 or higher) treemap Please Note: If you don't know how to install a Library in Processing, here is a good tutorial (by Daniel Shiffman) 2010-01-19 French versi
Processing 環境の比較 - 情報と音楽
このところ、花火シミュレートアプリ HANABICS (Chrome で見てね) というのを開発している (仕事じゃないよ)。 Processing というフレームワークで動かしてるんだけど、開発の過程でいろいろな環境を渡り歩いたので、それぞれの特徴についてまとめてみる。 Processing について簡単に MIT メディアラボ開発のビジュアルプログラミング環境。ビジュアルアートに特化している。Processing.org の Exhibition から、Processing で作られたいろいろな映像作品が見られるので、感じをつかんでほしい。基本となる実装は Java の processing.core パッケージ。 Processing 言語 言語: 独自の言語 (ここでは Processing 言語と呼ぶ。ほぼ Java。) 実行環境: JRE / Java アプレット 配布: Pr
iPadにArduinoをつなぎ，Webブラウザ上でProcessingを使ってセンサデータを可視化 - Imaginary Code
タイトルのとおりですが，iPadにArduinoをつなぐのをやってみました．cdsで明るさをセンシングして，Processingを使って書かれたWebページ上で表示しています． （※音声解説つきです） いろいろ苦労したので記録を残しておきたいと思います． コトの発端 ArduinoとiPadを連携させる方法をいろいろ調べてたら，USBキーボードのふりをさせたArduinoをカメラコネクションキットを使ってiPadに接続するという方法を発見． http://mobilecore.net/diary/diary20101127/ これは面白そうだと思って実際にトライしてみたらいろいろ落とし穴がありましたね． ArduinoをUSBキーボードにするカラクリ まず，１つ目のポイントは，この人の動画で使われているArduinoはUNOだということ．Arduino UNOは，これまでのバージョンで使わ
Processingを本気で覚える時に参考になりそうなサイト
ProcessingとはLinux,Mac,winのOS全てで開発出来る動的なプログラミング言語です。 JavaScriptやFlash,jQueryなどのプログラム言語の様に動的なアクションが出来、当然webへのアップロードも可能 特に魅力的なのはフリーの開発環境でコンパイルも簡単、エラー反応もしっかりやってくれる。ローカル環境で書いて→起動→確認出来て面倒くさい設定や基礎知識が少なくて済む。 ダウンロードはこちらから
Processing で Webcam を使って遊ぶ。[基本編] - trial and error
まあ、プログラミングキャンプの収穫というかなんというか。 これを作った時に使ったものなんですが。 Processing で Webcam テトリスな感じ。 最近 Processing と戯れたりしています。 今まで、画像処理とかあまり触ったことなかったんですが、やってみると面白いです。 なわけで、今日は Processing を使って、Webcam を使ってリアルタイムに動画処理とか。 あ、Processing って前も言ったけど、そういうプログラミング言語です。 Processing 1.0 (BETA) Processing は、まだまだマイナーな言語だけど、結構使えます。 プログラミング初心者・無経験者でも、こういうものからいじり始めるのもいいかも？ とか思ったりもして、ちょっと親切に書いてみようかな。 どんなものができるの？ 僕が軽く作ってみたりしたやつ。 まあもっとたくさんあるん
Processingで画像データを扱う
※こちらの内容は既に古い情報となっています。新しく書き直した記事を参照してください。 Processingで画像データを扱う – 画像の分析・再合成 画像を表示する Processingで画像を表示するためには、画像ファイルをそのスケッチのある階層に「data」フォルダを作成し、その中に画像ファイルを入れる Jepg、GIF、PNG形式に対応している 画像を表示するには、image() 関数を用いる image(画像ファイル名, x, y); – 座標(x, y)を左上にして、画像を表示 image(画像ファイル名, x, y, width, height); – 座標(x, y)を左上にして、幅(width)と高さ(height)を指定して画像を表示 画像を表示 PImage img; void setup() { size(640, 426); img = loadImage("pho
Processingで手抜きプロジェクションマッピング - Imaginary Code
プロジェクションマッピングが流行ってるようなので、Processingでさくっと書いてみました。ビデオテクスチャの頂点をマウスで操作して、対象物（家具とか）に投影画像をぴったり合わせるというものです。 プロジェクタ固定、対象物固定な静的シーン限定ですが、実際にやってみると、結構楽しいですよ。扉とか箱にセンサをつけて、それに反応して映像が変化するようにしても面白いですね。 import processing.video.*; import processing.opengl.*; Movie mov; // 動画 int selected = -1; // 選択されている頂点 int pos[][] = {{0,0},{400,0},{400,300},{0,300}}; // 頂点座標 void setup() { size( 1024, 768, P2D); // 画面サイズ（適宜調整）
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
Processing 「ライブの音と同期させる」 - FLASH+α
Processingで作ったやつを音に合わせて動かしたいなーということでやってみました。 まずProcessingは標準で音は扱えないのでどこかのすごい人が作ったライブラリを使用。 今回はProcessingのサイトにも紹介されている「Minim」を使ってます。 サンプルもついてくるので、その中の「getLineIn」を参考に（てかコピペ）ラインに入力したサウンドを取得します。 安物のオーディオインターフェイスもどきにiPodから音楽を入力させて、それをＵＳＢでＰＣにつないでます。 できたものをプロジェクタで映してみました。 （音汚いけど気にしない・・・） 色は今はランダムなので、音域で変わるようにしたいなあ。 これをMotionDiveとかの映像にビデオミキサーで重ねて使います。 ちなみに今年の忘年会はこんな感じでいこうと思ってます。（本気） ＤＪをやるＴ島が流す音に合わせたり、社長とか
Processing入門
Processing入門 プログラミング言語って何?, 準備と起動 初めてのプログラム, 図形を描く いろいろな図形 変数, 計算 ループ(その1) アニメーション(その1) 条件分岐 アニメーション(その2) 振動と回転 配列(その1) 乱数 配列(その2, 2次元配列), 条件分岐(場面の切り替え) 二次元配列の応用(電光掲示板)
Processing 1.0 _ALPHA_ （日本語版） Reference
言語（API）Processingは、簡単に洗練された視覚や概念的な構造を創造できるようにデザインされている 他の外国語を選択 : 英語 この日本語リファレンスは旧バージョン(Alpha)用です。 Beta版リファレンスは英語サイトをご覧ください。日本語訳に関する質問はTetsu Kondoまで。 size() (サイズ) ; (セミコロン) = (アサイン) () (括弧) , (コンマ) // (コメント) /* */ (マルチラインコメント) void ボイド setup()（セットアップ） loop()（ループ） new（新規） {} (波括弧) [](配列アクセス) . (ドット) width（幅） height（高さ） framerate()（フレームレート） delay()（ディレイ） smooth()（スムーズ） noSmooth()（スムーズなし） cursor()（カー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Make: Japan | Processing上で動くArduinoエミュレータ
P5P iPad/iPhone App - A Collection of Generative Sketches
tande lab.
Mesosadmin
Loading...
[ harukit ] - proce55ing sketchbook
OpenProcessing - Creative Coding for the Curious Mind
Home | Processing Community Japan
