Hi-farm blog » astro

Spark 勉強会 #5で話して来ました。

hi-farm.net — Sat, 29 Nov 2008 14:45:41 +0000

本当にものすごく久々の投稿になってしまいました。

先日、11/26に行われた、Spark勉強会で、Dynamic Sound Generationの発表をしてきたので、その資料をアップします。

（※再生には音楽ファイルを必要なので、各自用意して下さい。）

ソース一式

PDF

「フーリエ変換を使わない、エフェクトのかけかた」というタイトル通り、信号処理には本来フーリエ変換は欠かせないものですが、フーリエ変換の話しになると一気に敷居が高くなる（というか自分が今勉強している状態なので、この様な発表になりました。

ただ、やはりフーリエ変換を使えていない＆勉強途中での発表になってしまったので、波形が途切れてしまっているところがあるようで、ぷつぷつと途切れる音が結構聴こえてしまいます。。。

あくまでご参考程度にしていただければと思います。

［ファイル構成について］

SoundGeneration.mxml：ラジオボタンやスライダーがついているView + 実際に音を鳴らすファイル

model/SoundObj.as：Dynamic Sound Generationを使って音楽を再生したり、エフェクトをかけたりするスクリプトを記述しているファイル。

SoundObj.asに関しては、mxmlでも使いやすいように、IMXMLObjectインターフェイスを実装しています。

［SoundObj.asの仕組み］

_currentEffectというプロパティを切り替えて、どのエフェクトをかけるのかを選択します。

extractメソッドを呼び出すたびに、bufferプロパティにデータを蓄えています。

これを使って、ディレイや逆再生を実現しています。

なお、逆再生に関しては、こちらが大変参考になります。

次は、フーリエ変換からめてしっかりとエフェクトをかけられるようになりたいなあ。

フーリエ変換とエフェクトの掛け方を勉強できる機会があれば、是非参加したいです。

[astro filereference] astroでのFileReference

hi-farm.net — Wed, 25 Jun 2008 18:41:03 +0000

いやーすごいですね！astro！

ローカルへのファイル保存が可能だなんて！

実際は、FileReferenceはローカルファイルを読み込んで直接操作できるみたいですが、ひとまず今回は保存です。

サンプルはこちら。

（Flashサンプル。赤丸をクリックすると、保存ダイアログが現れて、適当な名前を入力してボタンを押すと、保存。）

注意点としては、同じファイル名で上書き保存しようとすると例外をはくらしいです。

（これはもしかすると僕のサンプルが悪いだけかもです。。）

corelibのJPGEncoderを使って、stageを画像として保存しています。

ようは、FileReferenceにsaveというメソッドができて、それを使うと保存できるよ、ということです。

ちなみに、保存できる形式は、

String, XML, ByteArrayらしいです。

今回のサンプルは、ByteArrayを使って保存しています。

ちなみにソースはこんなのです。

package

{

import com.adobe.images.*;

import flash.display.*;

import flash.events.*;

import flash.net.*;

import flash.utils.ByteArray;

public class main extends MovieClip

{

private var jpg:JPGEncoder = new JPGEncoder(100);

private var container:Sprite;

private var bmpdata:BitmapData;

private var btn:Sprite;

private var fr:FileReference;

public function main()

{

init();

}

private function init():void

{

//保存ダイアログを出すためのボタン。

btn = new Sprite();

btn.graphics.beginFill(0xff0000, 1);

btn.graphics.drawCircle( 0, 0, 10);

btn.graphics.endFill();

addChild(btn);

btn.width = btn.height = 10;

btn.x = btn.y = 320;

btn.addEventListener(MouseEvent.CLICK, onSave);

fr = new FileReference();

}

private function onSave(e:MouseEvent):void

{

bmpdata = new BitmapData(400, 400, true);

bmpdata.draw(stage);

var ba:ByteArray = new ByteArray();

// stageをBitmap化したものを、ByteArrayに変換。

ba = jpg.encode(bmpdata);

// 保存ダイアログを出す。

fr.save(ba, “astroSavedFile.jpg”);

}

いや、ほんとにastroはDynamic Sound Generationといい、すごい進化してますね。

[astro Dynamic Sound Generation] マウスで音程を変えるサンプル

hi-farm.net — Wed, 25 Jun 2008 00:11:25 +0000

またまたDynamic Sound Generationです。

これは、mouseXの値をもとに、音程を変えるというサンプルです。

ちなみに、音のもとになるのはぜんかいのと同じ矩形波を使っています。

ソースは後ほど。

サンプル（音が鳴り、そしてボリューム等の調整はできないです）。

[astro Dynamic Sound Genration] 矩形波で遊んでみた。

hi-farm.net — Sun, 22 Jun 2008 18:25:10 +0000

今回は色々とサンプルをつくってみながら書いてみます。

波形には色々とあるようですが、今回は、矩形波をいじってみました。

基本的なのは、これ。

ちなみに、512ってのはおまじないと思って下さい。

※サンプルFlash（音がなります。しかも制御できません。）

で、矩形の周期を半分にすると、こうなります。

※サンプルFlash（こちらも音がなります。もちろん制御はできないです。）

二つを聴き比べると、二つ目（周期が短い方）が音が高いですよね。

どうやら、周期が短いほど音が高くなる、という仕組みらしいです。

と、いうことは、この周期を徐々に短くしていくと、どうなるんでしょう？

※サンプルFlash（音がなり、制御不能。今までと同様ですね。）

一応、「徐々に音が高く」なりましたよね？

うんうん。

ということは、これらをうにょうにょすると、宇宙っぽくできるかな？Perfumeっぽい音が出せるかな？○タヤスタカ的な音をasだけで出す事ができるのかな？

次は他のタイプの波形をいじってみようと思います。

あ、それぞれのサンプルASも.txtとしてリンク貼っておくのでよかったらいじって下さいね。（ごめんなさい。コメントつけれてないです）

[flash astro]Dynamic Sound Generation 2.

hi-farm.net — Thu, 12 Jun 2008 18:23:46 +0000

またまたですが、Flash Player10 astroのDynamic Sound Generationです。

ボタンを押すと、音が流れます。

パルス波の長さを時間で変えています。

注意：音を止める方法がないので、音を消したい場合はリロードして下さい。

これがasだけでできるってのが素晴らしい！！

今、個人的にはこの辺の機能が楽しいなあ。

コードはこんなです。

main.as


package
{
 
 import flash.net.*;
 import flash.display.*;
 import flash.media.*;
 import flash.events.*;
 
 [SWF(backgroundColor="0xeeeeee", frameRate="50", stageHeight="200")]
 public class main extends Sprite
 {
 private var snd:Sound;
 private var square:Sprite;
 private var sh:Number = 200;
 
 private var btn1:Sprite;
 private var btn2:Sprite;
 private var btn3:Sprite;
 private var btn4:Sprite;
 private var btn5:Sprite;
 private var btn6:Sprite;
 
 public function main()
 {
 initBtn();
 }
 private function initBtn():void
 {
 btn = new Sprite();
 
 drawBtn(btn);
 btn.buttonMode = true;
 addChild(btn);
 btn.width = btn.height = 20;
 btn.x = 0;
 btn.y = 0;
 btn.addEventListener(MouseEvent.CLICK, click1);
 }
 private function drawBtn(sp:Sprite):void
 {
 sp.graphics.beginFill(0xff0000,1);
 sp.graphics.drawRect(0, 0, 20, 20);
 sp.graphics.endFill();
 }
 private function click1(e:MouseEvent):void
 {
 init();
 doSamplesCallbackHandler(1);
 }
 private function init():void
 {
 snd = new Sound();
 if( snd.hasEventListener(”samplesCallback”)) snd.removeEventListener(”samplesCallback”, samplesCallbackHandler);
 snd.addEventListener(”samplesCallback”, samplesCallbackHandler);
 snd.play();
 }
 
 private function samplesCallbackHandler(e:SamplesCallbackEvent):void
 {
 doSamplesCallbackHandler(1);
 }
 private var rate:Number = 44100;
 private var freq:Number = 440;
 private var phase:Number = 0;
 private var count:Number = 1;
 
 /**
  * generate wave data.
  */
 private function doSamplesCallbackHandler(type:int):void
 {
 //Voice.beep1();
 var freq:Number = 220;
 for( var i:uint=0; i < 512; i++ )
 {
 
 phase += freq/(rate);
 
 var arrange:Number = 1;
 var a:Number = 1;
 if( i%2==0 ) a = 1;
 arrange = a*count;
 var phaseAngle:Number = phase * arrange;
 var sample:Number = Math.sin(phaseAngle);
 
 //ここで波形をつくってます。
 sample = beep1(i);
 
 //左右チャンネルともに同じ波形。
 snd.samplesCallbackData.writeFloat(sample);
 snd.samplesCallbackData.writeFloat(sample);
 }
 delim++;
 if( delim > 256 ) delim = 0;
 }
 
 private var delim:Number = 0;
 /**
  * generate beep1
  * @param i:uint wave counter.
  * @return Number
  */
 private function beep1(i:uint):Number
 {
 var res:Number =0;
 //delim++;
 //if( delim > 256 ) delim = 0;
 
 //if( i < 256 ) res = 50;
 //else res = 0;
 if( i < delim ) res = 50;
 else res = 0;
 return res;
 }
 }
}

[astro] dynamic sound generationやってみたよ。

hi-farm.net — Mon, 09 Jun 2008 16:05:51 +0000

えっと、ほんとは今日はパラグライダーで空を飛ぶ予定でしたが、天候により中止。

で、代わりにastroのdynamic sound generationやってました。
参考サイトはこちら：
http://www.kaourantin.net/2008/05/adobe-is-making-some-noise-part-3.html
http://memo.kappa-lab.com/2008/06/astroflash10_singing_do-re-mi–.html

取りあえずソースは後ほどということで、サンプルだけ。

http://www.hi-farm.net/astro/dynamicsound1.swf

つまらないやつですが、マウスを押している間、音が高くなっていきます。
マウスを放すと、音が低くなります。

これをasのみでできるのは楽しいですね。
デジタルシンセとか作れそう。

もうちょっとソース整理したら改めて書きます！

あー、デジタルシンセってか、サイン波の音とか、色々勉強したい事がふえるなあ。

2008年6月9日00:53

astro練習

hi-farm.net — Mon, 09 Jun 2008 16:04:16 +0000

取りあえず、flash player10 astroの練習をしてみました。
標準で3Dの機能がついたので、ひとまずちょっとしたサンプルを作成しました．

http://www.hi-farm.net/astro/main.swf

処理がかるくなるのかな？と思ってたのですが、Macのアクティビティモニタで見てみると、
今までの様にPapervision3Dを作った時と、重さがあまりかわらない気がしたんですけど、どうなんでしょう？

ソースはこれ。

main.as—————————————-

package
{

import flash.events.*;
import flash.display.*;
import flash.ui.*;

[SWF(backgroundColor="0x000000", frameRate="50")]
public class main extends MovieClip
{

private var container:Sprite;
private var rect_vc:Vector.;
private var len:uint = 6;
private var radius:Number = 100;
private var container_vc:Vector.;
private var innerLen:uint=15;

public function main ()
{
init();
}

private function init():void
{
container_vc = new Vector.();

container = new Sprite();
container.x = 150;
container.y = 10;

addChild(container);
rect_vc = new Vector.();
for( var i:uint=0; i < innerLen; i++ )
{
container_vc[i] = genCircle(0, 30*i+10,15*i);
container_vc[i].rotationY = 30 * i;
}
addEventListener(Event.ENTER_FRAME, enterframeHandler);
}

private function genCircle(cX:Number, cY:Number, ra:Number):Sprite
{
var innerContainer:Sprite = new Sprite();

for( var i:uint=0; i < len; i++ )
{
var rect:Rect = new Rect(0xffffff, 10, 10);
innerContainer.addChild(rect);

var rad:Number = (Math.PI/180) * ( (360/len)*i);
rect.x = (Math.cos(rad) – Math.sin(rad)) * ra;
rect.y = 0;
rect.z = (Math.sin(rad) + Math.cos(rad)) * ra;
rect_vc[i] = rect;
}

innerContainer.x = 0;
innerContainer.y = 0;

innerContainer.x = cX;
innerContainer.y = cY;

container.addChild(innerContainer);

return innerContainer;
}

private function enterframeHandler(e:Event):void
{
for( var i:uint=0; i < innerLen; i++ )
{
container_vc[i].rotationY++;
}
}
}
}

Rect.as—————————————-

package
{
import flash.display.*;
import flash.events.*;

public class Rect extends Sprite
{
function Rect(col:uint, w:Number, h:Number)
{
this.graphics.beginFill( 0xffffff, 1);
this.graphics.drawRect( 0, 0, w, h);
this.graphics.endFill();
}
}
}

2008年6月1日02:36