Resolume非常適合播放Flash動畫。由於Flash動畫包括向量資料,它能夠縮放至任何像素大小而不失圖像素質。Flash動畫可用於任何像素。

ActionScript可以將Flash材料互動化,讓動畫每次播放都有不同的效果。ActionScript也可以播放互聯網上的材料,利用RSS feeds顯示標題、顯示你Flickr上放的貓貓圖片。以上的利用Flash在Resolume都可以做到。

你甚至可以用自訂介面的滑塊和按鈕控制Flash動畫,用ActionScript建立任何數量的控制參數,包括文字輸入、滑塊、按鈕及核取方塊。例如:用ActionScript寫一個簡單的粒子發射器,然後用滑塊調整粒子的速度、顏色或者數量。想得出來的都可以做到!讓我們一起來學學。

文字輸入

1.png

你可以送出文字到Flash動畫,用Resolume在屏幕出動態輸出文字。

可用於屏幕顯示VJ或DJ的名字。透過下面兩個方法:

簡單法 - 這個方法不錯,如果你只需要簡單Flash動畫顯示文字。

困難法 - 此方法利用Resolume參數輸入系統,提供更多靈活度,但需要進階的ActionScript,

利用rtext進行簡單文字輸入

2.png

好處:無需編寫腳本;跟Resolume2相容。

壞處:跟ActionScript3不相容。

建立Flash動畫以在Resolume 3顯示文字,實際上很容易。

  • 建立一個新的Flash文件 (ActionScript 2)

  • 利用文字工具建立文本字段。確定你已輸入一些文字,否則Resolume 3無法偵測

  • 在屬性面板將屬性設定至動態文字

  • 在變量字段輸入「rtext」(去除括號)

  • 點撃字符下的嵌入按鈕,確定已點選大寫字母、小寫字母、數字、標點符號和基本拉丁文字

  • 發布影片並在Resolume讀取.swf檔案

  • 在片段屬性,你應在時間線下見到一個文字輸入

注意:

若你Resolume 2的舊Flash文字影片無法在Resolume 3顯示,請確定Flash文字輸包含一些字符。Resolume 2可能無需這樣,但Resolume 3需要這步驟。 不要將文本字段放到影片片段。若要將片段動態化,你應將其改變至Graphic,而非影片片段。

參數輸入

你可以利用ActionScript定義參數,用來控制Flash影片。這些參數會顯示在Resolume介面的屬性面板。讓你盡情即時控制Flash材料。

浮動參數

FloatParameter

flash_3.png

返回一個浮動值 (0.0 - 1.0) 至Flash。

在介面以單簡滑塊外觀顯示,能夠如一般參數那樣動態化。

AS3 例子:

var hMove:FloatParameter = resolume.addFloatParameter("H Move", 0.0);

字串參數

flash_4.png
flash_4.png
flash_5.png

返回一個字串值到Flash。

在Resolume介面以單行或多行文本字段顯示。可動態化多行文本字段,讓其每次傳送一行文字至Flash。

以ActionScript定義參數時,設定名稱及預設值。

AS3 例子:

var rText:StringParameter = resolume.addStringParameter("Text", "Michael Jackson");

布爾參數

flash_6.png

返回一個布爾值 (0或1)到Flash。

在介面以核取方塊顯示。

以ActionScript定義參數時,設定名稱及預設值。

AS3 例子:

var showBG:BooleanParameter = resolume.addBooleanParameter("Background", true);

事件參數

flash_7.png

返回一個布爾值 (0 或 1)到Flash。按下按鈕返回1,放開按鈕則返回0。 在介面顯示為按鈕。

以ActionScript定義參數時,設定名稱及預設值。

AS3 例子:

var showSurprise:EventParameter = resolume.addEventParameter("Surprise!");

ActionScript 3 例子

flash_8.png

下面簡單的AS3 腳本會顯示一個參數,腳本帶有註解。 這個簡單的例子顯示Resolume和Flash間的基本溝通要素。

請確定素材路徑在ActionScript 3 偏好設定中加到resolumeCome目錄!

你可以參考下面的安裝影片:

  • MAC: /Applications/Resolume Avenue 4.0.0/media/flash/

  • PC: /Program Files/Resolume Avenue 4.0.0/media/flash/

/**
*    Very basic Resolume Flash communication AS3 DocumentClass example
**/
	
package
{
	import flash.display.MovieClip;
    
    //import the resolume communication classes
	import resolumeCom.*;
	import resolumeCom.parameters.*;
	import resolumeCom.events.*;

	public class Resolume3Example1CS4AS3 extends MovieClip
	{
		//create the resolume object that will do all the hard work for you
	    var resolume:Resolume = new Resolume();
		
		//create as many different parameters as you like
	    var scaleX:FloatParameter = resolume.addFloatParameter("Scale X", 0.5);
		
		public function Resolume3Example1CS4AS3():void
		{
			//set callback, this will notify us when a parameter has changed
			resolume.addParameterListener(parameterChanged);
		}
		
		//this will be called every time you change a parameter in Resolume
		public function parameterChanged(event:ChangeEvent): void
		{
			//check to see what parameter was changed
			if (event.object == this.scaleX)
			{
                //now it gets interesting
				//do whatever you like with the value of the parameter
				this.logo.scaleX = this.paramScaleX.getValue() * 2.0;
			}
		}
	}
}

ActionScript 2 例子

下面簡單的AS2腳本會顯示一個參數,腳本帶有註解。 這個簡單的例子顯示Resolume和Flash間的基本溝通要素。

你可以參考下面的安裝影片:

  • MAC: /Applications/Resolume Avenue 4.0.0/media/flash/

  • PC: /Program Files/Resolume Avenue 4.0.0/media/flash/

/**
*    Very basic Resolume Flash communication AS2 example
**/

//import the resolume communication classes
import resolumeCom.*;
import resolumeCom.parameters.*;

if (this.init == undefined) {
   
    //create the resolume object that will do all the hard work for you
	var resolume:Resolume = new Resolume();

    //create as many different parameters as you like
	var scaleX:FloatParameter = resolume.addFloatParameter("Scale X", 0.5);

    //set callback, this will notify us when a parameter has changed
	resolume.addParameterListener(this);
   
    //this will be called every time you change a parameter in Resolume
	this.parameterChanged = function(object:Object): Void
	{
        //check to see what parameter was changed
		if (object == scaleX)
	    {
            //now it gets interesting
		    //do whatever you like with the value of the parameter
			this.logo._xscale = this.scaleX.getValue() * 200;
		}
	}
 
	this.init = true;
}

Resolume 2 與 Resolume 3 Flash 的差異

Resolume 2與Resolume 3相同的地方只有基本文字輸入的rtext參數。要在Resolume 3使用rtext參數,你需要確定Flash的文本字段包含一些字符,否則Resolume 3不會承認它。

Resolume 3不支援Resolume 2中的RParameter和RAudio變數輸入,因為此等變數輸入只適用於ActionScript 2。上面介紹的Resolume 3參數輸入系統跟ActionScript 3相容,而同時ActionScript 2版本亦可供你使用。

Resolume 2

  • 只有ActionScript 2

  • 固定數目的參數

  • 只有滑塊和文字輸入

  • rtext變數予文字輸入

Resolume 3

  • 與ActionScript 2 及 3相容

  • 不限數目的參數,可以自訂名稱

  • 滑塊、按鈕、文字及核取方塊輸入

  • rtext變數以供基本文字輸入

Flash 片段設定

flash_9.png

Flash片段設定跟一般片段設定不同,裡面獨特的設定跟素材比較接近。

渲染闊度及高度 - 此屬性決定Flash動畫像素渲染為像素的小大(光柵化)。

素質 - 此屬性決定向量光柵化的素質。設定有低、中、高三個選擇。素質愈高,光柵過程愈緩慢。

時間長短 - 此屬性決定Flash片段在自動導航的情況下播放的時間長短。

時間線, BPM 同步及自主

flash_10.png

除了一般的時間線和BPM同步模式,Flash片段還可以自主播放。Flash自己會決定播放的幀數和次序。在此模式內,播放頭不會顯示。

如果你利用ActionScripts以跳到動量其他地方,你需要將其設定至自主。在時間線及BPM同步模式,Resolume會決定播放的幀數,並忽略處理片段位置的ActionScripts.若Flash片段只有或少於3幀數,按預設Resolume會在自主模式播放片段。

發佈設定

flash_11.png

確定發布設定的「壓縮影片」選項已經關閉。否則Resolume無法閱讀影片的闊度、高度和幀數,而將其設定為640×480@25fps 。

 

延伸閱讀