パッチ内にToggleを作成するJavaScriptパッチ：MaxMSP

makeToggleメッセージを送れば送るほど、toggleがパッチ内にランダムに生成されるパッチです。toggleがランダムに生成されるんですよ！！！！！！！’`,､(‘∀`) ‘`,､

以下のコードをjsオブジェクトをダブルクリックして開くエディターに記入して、試して見てください。
[javascript]

function makeToggle(){

//jsパッチが置いてあるパッチへの参照を取得
var p = this.patcher;

//position
//wind.size[0] は パッチの width , wind.size[1]は パッチのheight の取得
//Mathクラスのランダム関数によって、パッチウインド内の座標を適当に決定。
var x = Math.random() * p.wind.size[0];
var y = Math.random() * p.wind.size[1];

//Make Toggle
//上記で決めたx,yの位置にtoggleを作成
var t = p.newdefault(x,y,"toggle");

//toggleへbangを送る。= チェックが入る
t.bang();

}

[/javascript]

パッチをフルスクリーン化するJavaScriptパッチ：MaxMSP

フルスクリーン化前

フルスクリーン化後

JavaScript in Max の勉強中です。オライリーのサイ本も読んでるんですけど、クラス以外は型指定の無いActionScript3.0だと思えば、ほとんど同じようですね。ネットで見てきたJavaScriptのコードは、$マークのついた文法が多くて、「この言語、なんか読みづらいなぁ」くらいに思っていたのですが、それはjQueryのせいだったようです。

今日は、Patchをフルスクリーン化するJavaScriptパッチのサンプルです。以下のコードをjsパッチをダブルクリックして出てくるエディターに入力します。

これでtoggleをONにすると、パッチがフルスクリーンになります。this.patherで、このjsパッチを呼び出しているパッチオブジェクトへのインスタンスへ参照ができて、パッチオブジェクトで保持しているfullscreenメソッドを呼び出しているという事だと理解しました。

[javascript]

inlets = 1;

function fullscreen(onOff)
{
post("fullscreen:"+onOff);
post();
this.patcher.fullscreen(onOff);
}

[/javascript]

messageの文字数を返すjsパッチ : MaxMSP

Max6にてmessageの文字数を返すパッチが見当たらなかったので、最近勉強しているjsパッチで書いてみました。

jsパッチをダブルクリックして出てくるテキストエディターに以下のプログラムを書きます。

[javascript]

inlets = 1;
outlets = 1;

//symbolメッセージによって呼ばれる関数
function symbol(val)
{

post(val); //引数をMaxWindowに表示
post() //改行

outlet(0,val.length); //val.lengthで文字数取得し、outletの0から出力。
}

[/javascript]

Shape を表示し、背景を透過させる : Starling , AIR for iOS

[actionscript3]
package
{
import flash.display.BitmapData;
import flash.display.Shape;

import starling.display.Image;
import starling.display.Sprite;
import starling.textures.Texture;

public class StarlingShape extends Sprite
{
public function StarlingShape()
{
super();

//Shape作成
var shape:Shape = new Shape();
shape.graphics.beginFill(0xD0D0D0,1);
shape.graphics.drawRoundRect(0,0,100,200,100,200);
shape.graphics.endFill();

//ShapeをBitmapDataに変換
var bitmapData:BitmapData = new BitmapData(shape.width,shape.height,true,0xFFFFFF);
bitmapData.draw(shape);

//Starlingのテクスチャ、イメージ生成
var texture:Texture = Texture.fromBitmapData(bitmapData);
var image:Image = new Image(texture);

//StarlingのDisplaylistに追加
addChild(image);
}
}
}

[/actionscript3]

ADOBE AIRのAIR for iOSの2D向けGPU描画ライブラリのStarlingを使ってアプリを開発しています。StarlingにはShapeのクラスが無いので、ShapeをBitmapData経由でStarlingのTextureを生成する事で描画します。bitmapData生成時に第三引数をtrue,第四引数を0xFFFFFFにしないと、背景が透過されなかったので少しハマりましたのでメモ。

結果