ProcessingでCGと画像の合成をやるときの背景画像の描画

Processingにおいて３次元の描画モード（P3D）の時にimage()で画像を描くと、３次元空間中に画像が板状に配置された状態になる。これはこれで便利なのだが、ARのように3DCGと2Dの背景画像を合成するようなプログラムを作ろうとした時に、CGが背景画像に埋も…

2014-12-26

Processingでフルスクリーンと通常のウィンドウを切り替える

この話は前にも書いているが、前のコードではフルスクリーン化した際にウィンドウ本体へのフォーカスが失われるという症状があることがわかったので、そのあたりを修正した。具体的には this.requestFocus(); という1行を加えればよい。ついでに通常のウィン…

2014-12-26

Processingでウィンドウのサイズをマウスで変更＆最大化できるようにする

フォーラムにあったコードほぼそのままだけど、import文を足して動作するコードにしたものがこちら。描画領域のサイズ（widthとheight）はウィンドウ変更に連動して値が変わるようになっている。 import java.awt.event.ComponentAdapter; import java.awt.e…

2014-11-28

Processingで複数のウィンドウを作る

PAppletの派生クラスでもう１つのウィンドウ上で動くアプレットの内容を記述し、PFrameを使ってそのアプレットを動かすウィンドウを作る感じ。なんか毎回こういうの書いてる気がするなー。 PFrame.pde import java.awt.Frame; import java.awt.Insets; publi…

2014-11-05

Arduinoにおけるコマンドラインインタフェースの雛型

ArduinoとPC間のシリアル通信において、ターミナルからキーボード入力でコマンドを打ち込んで対話的に動かしたいときのプログラム例です。たまに忘れるので覚書きとして。 Arduinoのプログラム void setup() { Serial.begin(9600); Serial.setTimeout(15000U…

2014-11-02

mbedJS + p5.jsでWebブラウザからmbedを制御する

mbedJSを使うと、mbedでWebページ連動のハードウェアを作ることができます。今回はmbedJSの導入方法を説明し、mbedJSとp5.jsの連携、iPadでの利用などについて紹介します。 mbedJSとは mbedJSはmbedをネットワーク経由で制御するためのサーバファームウェア…

2014-10-14

Processingにおけるの画像(PImage)のコピー

【2016/10/25修正】 Processingにおいて画像はPImage型で扱われます。特に画像処理をやるようなケースにおいて、画像のコピーを行いたいことが多々あります。その場合に注意すべきことをここに書いておきます。 PImageのコピー画像をコピーしたいときうっか…

2014-10-08

ArduinoからProcessingへint型のデータを送る

ArduinoでanalogRead()を使ってアナログ端子を読み取ると0〜1023の整数値（int型）を返します。Arduinoで扱われるint型は２バイトです。これに対し、シリアル通信では１バイトずつデータが送られるため、２バイト以上のデータを送受信するにはちょっと工夫が…

2014-09-05

ProcessingでコンピュータビジョンライブラリBoofCVを使う

BoofCVというJava用のコンピュータビジョンライブラリがあります。これを使うと基本的な画像処理に加え、オブジェクトトラッキングや特徴量抽出、ステレオ画像計測、領域セグメンテーション、モザイキングなどができます。機能豊富なOpenCVと比べると見劣り…

2014-08-30

ProcessingでAWTのボタンを使う

ProcessingでGUIというとControlP5というライブラリがありますが、お世辞にも使いやすいものではないので、JavaのAWT（Abstract Window Toolkit）のGUIをそのままのっけるのを試してみました。以下は色をランダムに変更するボタンを表示する例です。 import …

2014-08-26

ちょっと変わった方法で円とか四角形をプルプルさせる - Processing

ellipse()やrect()などの描画命令が並んでいる場所をfilter.begin()とfilter.end()で挟み込むと、その範囲内で描画した円や四角形がプルプルするようになる、というのを実験的に作りました。メインのコードはこんな感じ。普通のアイデアだったら、ellipse()…

2014-07-25

Processingで実行中にウィンドウサイズを変更する

実行中にウィンドウのサイズを変更するには、frame.setSize()とsize()の両方を使います。setSize()にはウィンドウの上下左右の枠も含めたサイズを指定する必要があります。以下にプログラム例を示します。 void setup() { size(400, 300); } void draw() { b…

2014-07-25

Processingでビデオキャプチャを手軽に切り替えられるライブラリ「CaptureSelector」を作りました

先日シリアルポート設定ダイアログを表示できるライブラリを作りましたが、それのビデオキャプチャ版を作りました。下図のような設定ダイアログが表示されて、キャプチャデバイス、サイズ、FPSを自由に切り替えることができます。ダウンロードこちらのペー…

2014-07-22

PAppletの中でさらにPAppletを動かす

Processingで画面内に独立した描画領域を作りたいときのテクニックです。PGraphicsを使う方法もありますが、ここではPAppletを使う方法を紹介します。 LocalApplet local_app; void setup() { size(500, 300); local_app = new LocalApplet(this); local_app…

2014-07-17

Processingでフルスクリーン表示にする

size()でdisplayWidthとdisplayHeightを指定してPresentモードで実行するのでもいいですが、通常の実行モードにおいて特定のタイミングでフルスクリーン化したいときはこんな感じで。 void setFullScreen() { size(displayWidth, displayHeight); frame.remo…

2014-07-16

Processingでスクリーン座標系とローカル座標系の相互変換を行う

translate()やrotate()などの幾何変換によって移動・変形された座標系（ローカル座標系）と、スクリーンの左上隅を原点とするスクリーン座標系の相互変換を行う方法について説明します。スクリーン座標系からローカル座標系への変換スクリーン座標系におけ…

2014-07-15

Processingでシリアルポートの設定が簡単になるライブラリ「SerialSelector」を作りました

ProcessingでArduinoやXBeeと通信するプログラムを作っているとたびたびシリアルポートがらみのエラーに出くわします。大抵の場合、ポート番号や通信速度が正しく設定されていないことが原因なのですが、プログラムでポート番号を「COM1」とか「/dev/tty.usb…

2014-05-01

Arduinoのシリアル通信でint型のデータをやりとりする

Arduinoのシリアル通信のメモです。１回のSerial.write()で送れるデータは１バイト、すなわち数値として表現できる範囲は0〜255です。int型ならもっと広い範囲の数値（-32768〜32767）を扱えるわけですが、intは2バイトなのでこれを送受信するにはちょっと工…

2014-02-11

ProcessingとKinectを使って縦線２本で立体感が出るGIFアニメを作ろう

最近巷で「GIFアニメに縦線を２本入れると立体感が出る」と話題ですね。「元画像との比較ないの？」とか「縦線入れる"だけ"じゃないだろ」みたいなツッコミが散見されるので、Kinectを使って自分で縦線GIFアニメを作れるコードを書きました。科学的な検証に…

2014-01-25

Processingで自分のグローバルIPアドレスを取得する

たまに使う機会があるので、備忘録として残しておく。以下は@yoggyさんにもらったコード。短すぎてワロス。 void setup() { String ipaddr = loadStrings("http://checkip.amazonaws.com")[0]; println(ipaddr); } 以下はこのへんのページを参考に最初書いた…