<noscript> <div>JavaScript is disabled on your browser.</div> </noscript> <h2>Frame Alert</h2> <p>This document is designed to be viewed using the frames feature. If you see this message, you are using a non-frame-capable web client. Link to <a href="overview-summary.html">Non-frame version</a>.</p>
関連:日本語っぽいプログラミング言語そら豆スクリプト HTML5+JavaScript これは、ビジュアルデザイン用プログラミング言語Processing(プロセッシング)の簡単な入門記事です。 本記事の対象読者は、基本的にまるでプログラミング体験のない人。でもまあ、できればパソコンを一通り操作できる程度がいいかも(メールとか、ワープロとか)。 とはいえ、解説書一冊分の情報量はないので、Webデザインとか少しでも知っているほうが、取り組みやすいかも知れません。自分でいろいろ調べたり探究するのが好きなほうが良いでしょう。 ●なんと、日本語っぽいコードをProcessingのスケッチに変換する「そら豆スクリプト」登場! ●Javascript版であるProcessing.jsは、コチラ! >>オススメのProcessing解説書 初めてのProcessing 第2版 Processing クリ
Processing で Kinect を使う場合には、以下のいずれかのライブラリを利用する。 SimpleOpenNI https://code.google.com/p/simple-openni/ Open Kinect for Processing http://www.shiffman.net/p5/kinect/ Kinect4WinSDK http://www.magicandlove.com/blog/research/kinect-for-processing-library/ MacOSで動作する「SimpleOpenNI」と「Open Kinect for Processing」を試してみたところ、数年前のブログ記事などで紹介されていた方法よりもはるかに簡単にインストールができたので、それぞれの導入手順を以下に記録しておく。 実施時(2014年10月8日)のOSとPr
Processingでフルスクリーン表示にするには、setup()関数内に size(displayWidth, displayHeight); と記述しますが、OSX版ではタイトルバーが表示されてしまいます。 完全なフルスクリーンにするには FullScreen API for Processingを使います。 fullscreen.zipをダウンロードしてきて、解答したフォルダを/processing/librariesに入れます。 プログラムに import fullscreen.*; FullScreen fs; を追加し、setup()関数の中に fs = new FullScreen(this); fs.enter(); を追加します。 切り替え操作は Windows: Alt+Enter, Ctrl+F Linux: Ctrl+F OS X: ⌘+F です。 ちなみに、フルス
座標保存の基礎 この項では、3Dグラフィックスにおける重要な概念である、座標の保存(pushMatrix, popMatrix)を解説します。 まず、以下のグラフィックを書いてみてください。 size(400, 400, P3D); background(0); //赤い直方体 fill(255, 0, 0); translate(100, 100, 0); box(50, 50, 1); //直方体を描く //緑の直方体 fill(0, 255, 0); translate(200, 200, 0); box(100, 100, 1); //直方体を描く ここで、translateが2回使われています。 結果を見てみると分かりますが、座標が足されていて、2つ目のboxの中心点は、x = 300, y = 300です。 これは、つまり相対座標になるので、絶対座標で指定したい場合もあるでしょ
CGプログラミング演習 8 SoundFlower のインストールとセットアップ方法 Processing で音を取り扱うにあたって、非常に便利な SoundFlower のインストールとセットアップ方法を説明します。 SoudeFlower を利用することにより、マシンからの出力音をすべて、Processing で利用可能になります。 1 SoundFlower について SoundFlower を用いれば、さまざまな外部アプリケーションと Processing を連携させることができます。 [iTunes]→[SoundFlower]→[Processing + Minim] [Max/MSP]→[SoundFlower]→[Processing + Minim] [SuperCollider]→[SoundFlower]→[Processing + Minim] [Chuck]→[S
Draw a picture made of ellipses and rectangles! For example, you could make a self-portrait, an alien creature, or something more abstract. It'll just be black and white for now, we'll get to color in the next video. You can work on your own pace, but we recommend approximately ten minutes on this assignment before moving on. Reminders To draw a rectangle: rect(a,b,c,d); To draw an ellipse: ellips
CGプログラミング演習 7 音の入出力と視覚化 ここまで画像、映像の処理方法(入出力方法)を学んできました。 次に取り扱うのは「音」です。 1 音の視覚化 1.1 視覚化とは 「視覚化」とは、基本的に「見えないものを、見えるようにする」ことをいいます。 ここまでの授業では、基本的に画像の解析結果をもとにしたグラフィックをつくってきました。 これは「見えているものを、別なかたちに変換する」ことであったと言えます。 残る授業期間では、見えないものを見えるようにすることを、音を素材にして体験していきます。 1.2 Processing を利用した音の視覚化例 音の視覚化は、古くからあるテーマのひとつで、多くの人々がこのテーマを追求してきました。もっとも古い例は 18世紀に見ることができるそうです。 Processing は、というよりもプログラミングは、音を視覚化するツールとしても有効です。 以
言語(API)Processingは、簡単に洗練された視覚や概念的な構造を創造できるようにデザインされている 他の外国語を選択 : 英語 この日本語リファレンスは旧バージョン(Alpha)用です。 Beta版リファレンスは英語サイトをご覧ください。日本語訳に関する質問はTetsu Kondoまで。 size() (サイズ) ; (セミコロン) = (アサイン) () (括弧) , (コンマ) // (コメント) /* */ (マルチラインコメント) void ボイド setup()(セットアップ) loop()(ループ) new(新規) {} (波括弧) [](配列アクセス) . (ドット) width(幅) height(高さ) framerate()(フレームレート) delay()(ディレイ) smooth()(スムーズ) noSmooth()(スムーズなし) cursor()(カー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く