[p5]Processing情報発信サイト「proce55ing.walker(α)」リリースしました

Written by uechoco 4月 05
Add Comment (0)

proce55inginfo-captureed-image以前にも告知していましたが、Processingの情報発信サイト「proce55ing.walker」を本日公開いたしました。

管理人が私を含めて3人おり、まずはブログ形式でprocessing関連の入門記事、バージョンアップ情報、関数の使い方、ライブラリの使いあた、マニアックな使い方などを発信していく予定です。

また、フォーラム（質問掲示板）を設置してありますので、随時processingに関する質問、およびサイトに関する質問・要望を受け付けています。

ゆくゆくは日本で一番のprocessingポータル・コミュニティサイトにしていこうという意気込みです。processingに興味のある方は是非ご覧になってください。また「こんなコンテンツがあるといいよね」「こんな記事書いてほしい」などのご要望がありましたら、お気軽にフォーラムに書き込んでいただけると助かります。

[processing]新サイトを準備中です

Written by uechoco 3月 15
Add Comment (0)

Processingだけを扱った新サイトを準備中です。私だけでなく、共同で立ち上げを予定しています。そのうちこのブログに投稿したProcessing関連の記事の多くを寄稿する予定です。近日中に開設する予定です。

っていう告知だけ。

[Processing]PVectorサンプル(1.0リリース記念)

Written by uechoco 12月 03
Add Comment (0)

Processing 1.0リリース記念として、いくつか新しい機能のサンプルコードを書いてみました。

まずはPVectorクラス。リファレンスには英語で主な使い方は書いてあるものの、実際のソースコードはありませんでした。

リファレンスに従い、position(位置)、velocitiy(速度)、acceleration(加速度)をPVectorクラスで表した実用的なサンプルを書いてみたので、PVectorクラスの1つの使い方として参考にしてみてください。

PLAIN TEXT
Processing:
  1. PFont font;
  2. PVector position, velocity, acceleration;
  3. final int WIDTH = 250, HEIGHT = 250;
  4. final int STATUS_HEIGHT = 50;
  5.  
  7.   // 画面の初期化
  8.   size(WIDTH, HEIGHT + STATUS_HEIGHT);
  9.  
  10.   noStroke();
  11.   colorMode(RGB, 256);
  12.   background(255, 255, 255);
  13.  
  14.   // フォントの初期化
  15.   font = loadFont("ArialNarrow-14.vlw");
  16.   textFont(font);
  17.  
  18.   // 自機の初期化
  19.   position = new PVector(WIDTH / 2, HEIGHT / 2, 0);
  20.   velocity = new PVector(3, 4, 0);
  21.   acceleration = new PVector(0.01, 0.01, 0);
  22. }
  23.  
  25.   // 背景消去
  26.   fill(255, 255, 255, 30);
  27.   rect(0, 0, WIDTH, HEIGHT);
  28.   fill(255, 255, 255);
  29.   rect(0, HEIGHT, WIDTH, STATUS_HEIGHT);
  30.  
  31.   // 自機描画
  32.   fill(255, 0, 0);
  33.   ellipse(position.x, position.y, 10, 10);
  34.  
  35.   // 速度表示
  36.   fill(0, 0, 0);
  37.   text("Position: " + position, 0, height - STATUS_HEIGHT + 14);
  38.   text("Velocity: " + velocity.mag(), 0, height - STATUS_HEIGHT + 14 * 2);
  39.   text("Acceleration: " + acceleration.mag(), 0, height - STATUS_HEIGHT + 14 * 3);
  40.  
  41.   // 場所の更新
  42.   position.add(velocity);
  43.   if (position.x <= 0 || position.x>= WIDTH) {
  44.     velocity.x *= -1;
  45.     acceleration.x *= -1;
  46.     position.x += velocity.x;
  47.   }
  48.   if (position.y <= 0 || position.y>= HEIGHT) {
  49.     velocity.y *= -1;
  50.     acceleration.y *= -1;
  51.     position.y += velocity.y;
  52.   }
  53.   velocity.add(acceleration);
  54. }

実行画面(クリックで拡大)

サンプルコードのダウンロード：PVectorSample.zip

[Processing]1.0リリース

Written by uechoco 12月 03
Add Comment (0)

そういえば、いつのまにかProicessingの正式版となる1.0がリリースされました。内部リビジョン番号は0162です。

Processing 1.0での変更点

  • ライブラリの変更
  • P2Dレンダラの復活
  • PShapeクラスによるSVG読み込みの対応
  • PVectorクラスの追加
  • コンパイラの変更
  • ソースコードのUTF-8化
  • JRE(JDK) 6.0 update 10への対応（ただし、genericsや拡張for文などのJava 1.5文法は未対応）
  • etc...

まだまだ知名度は低いものの、徐々に名前は広まっています。特に情報デザイン工学などを勉強している学生にとっては、常識に近くなっている気がします。

また、最近では、processing.jsなど、エンジンを移植する人もいるようです。

ゆっくりと、着実にProcessingは浸透していきます。

[Processing]Processing用のGeSHiハイライトファイルを作ってみた

Written by uechoco 4月 15
Add Comment (0)

Processing用のGeSHiハイライトファイルを作成しました。MovableTypeからWordPressへの移行作業の副産物なんですが、とりあえず動いているし、ハイライトや関数リンクも大体問題ないので公開します。

GeSHiを使用しているシンタックス・ハイライト系であれば、きっと動くと思います。ざっと例を挙げましょう。

ダウンロードは以下のリンクです。

geshi-processing-1.0.0.zip

私はWordPressのiG:Syntax Hiliterプラグインを使っているので、プラグイン ディレクトリのsyntax_hilite.phpのdoHilite()関数のswitch-case文に以下を追加しています。

PLAIN TEXT
PHP:
  1. // Processing Highlight
  2.             case "p5code":
  3.                 $mType = "processing";
  4.                 $mTypeShow = "Processing";
  5.                 break;

こうすることで、p5codeというタグでハイライトができるようになります。