please help to make plugin

Tuur · January 17, 2010 at 11:14 AM

Hi i try to make a plugin or i want my buttonset as an swf..

so the first questions is where do i put or import the krpano....as file... in the folder where the fla file is ? or should i import it in flash? where and how??
or put it also in the krpano tour project map ..(??)
you can have a look to these files.

i will be happy when i can make this button work with krpano to go fullscreen... then i can work on the rest..
I understand that i export swf and then use as plugin in krpano but.... is see it but doesn't communicate..

I would really appriciate when somebordy can put me on the road with this..

This i have in my flash file

Code

/*
	Flash CS3 Example
	Version 1.1
	(needed krpano version 1.0.6 or greater)
	
	Changes:
	1.0 - first release
	1.1 - added Fullscreen Button and Events
	    - wait(blend); bugfix (krpano version 1.0.6)
		- loadpano() + action examples
		- random viewpoint button
*/


// import krpano as3 interface.as
// - should be in the same folder or in the class path
import krpano_as3_interface;


// create krpano as3 interface object - krpano
var krpano:krpano_as3_interface = krpano_as3_interface.getInstance();




// empty functions? - then it wasn't included in the viewer
if (krpano.get == null)
{
	// run plugin swf standalone - no interfaces - add dummy functions
	
	function dummy_get(v:String):String 
	{ 
		if (v != "progress.loaddone")		// avoid progress timer traces
			trace("get(" + v + ");");
		return ""; 
	}
	function dummy_set(v:String,val:String):void 
	{
		trace("set("+v+","+val+");");
	}
	
	function dummy_call(action:String):void 
	{
		trace("call("+action+");");
	}


	krpano.get  = dummy_get;
	krpano.set  = dummy_set;
	krpano.call = dummy_call;
}




// first krpano calls - disable default progressbar




if (stage)
{
	// run standalone
	
	// no automatic scaling
	stage.scaleMode = StageScaleMode.NO_SCALE;
	// align on top left corner
	stage.align     = StageAlign.TOP_LEFT;
	
}




function startup_plugin(event:Event):void
{
	// setup a global RESIZE event to set the positions of all elements when resizeing
	
	// add a Fullscreen event to make changes when switching to fullscreen and back
	stage.addEventListener(FullScreenEvent.FULL_SCREEN, stage_fullscreen_event);
	// do a first resize 
	
	
}








this.button_fullscreen.addEventListener(MouseEvent.CLICK, fullscreen_clicked);
function fullscreen_clicked(mouseevent:MouseEvent):void
{
	// switch fullscreen mode
	// note - the stage_fullscreen_event function will be called then
	
	if (stage.displayState != StageDisplayState.FULL_SCREEN)
	{
    	stage.displayState = StageDisplayState.FULL_SCREEN;
    }
	else
	{
		stage.displayState = StageDisplayState.NORMAL;
	}
}

Display More

i attach the files so i hope somebody puts me in the right direction..

Thanx

Tuur

Vinyl · January 17, 2010 at 3:39 PM

Hi Tuur,

You put the "krpano_as3_interface file" and the "plugin swf file" in the same folder.

I can't open your fla file, could you verify if it is ok ?

/Vinyl

Tuur · January 17, 2010 at 3:53 PM

hi Vinyl,

for me it works ...it's CS4... and mac..

so i have a stage the as code is above and one button..

the krpano... .as file is in the same folder as where the swf is and i see the swf ( the fullscreen button.. it just doesn't work..

Tuur

Vinyl · January 17, 2010 at 4:45 PM

Hi !

Try this in your AS3 code (i've tested it, it seems to work...) :

Code

// - should be in the same folder or in the class path
import krpano_as3_interface;


var krpano:krpano_as3_interface = krpano_as3_interface.getInstance();




this.button_fullscreen.addEventListener(MouseEvent.CLICK, fullscreen_clicked);
this.button_fullscreen.useHandCursor = true;


function fullscreen_clicked(mouseevent:MouseEvent):void
{
	
	if (stage.displayState != StageDisplayState.FULL_SCREEN)
	{
    	stage.displayState = StageDisplayState.FULL_SCREEN;
    }
	else
	{
		stage.displayState = StageDisplayState.NORMAL;
	}
}

Display More

Of course, you have to name your button "button_fullscreen" in the property dialog box in Flash.

Tuur · January 17, 2010 at 4:55 PM

mmmm

still not .. i see the button but not working..

what do you mean with the last line in your reply?
in the library it's called button_fullscreen..

edit: i also get an type error:

TypeError: Error #1010: Een term is ongedefinieerd en heeft geen eigenschappen.
at knoppenset_fla::MainTimeline/frame1()

Tuur

Tuur · January 17, 2010 at 5:10 PM

what i now did is make an extra layer and put the .as text there ,..

no type error but still not working...

is there a thread or somebody that can explain for dummy's.. i saw one with Klaus but that didn't do the trick..

Vinyl · January 17, 2010 at 5:11 PM

Your button has a name in the library, but you have to name the instance in the property window.

In flash, window, open property. Select your instance (your button) and add "button_fullscreen" in the field in the property inspector.

Tuur · January 17, 2010 at 5:22 PM

got it working..

MERCI BEAUCOUP !! Vinyl and Job..

i'm sure i have to use your help in the future but i understand a bit more now!!

THANX

Tuur

Vinyl · January 17, 2010 at 5:23 PM

No, the as file "krpano_as3_interface" has to be in the same folder.

You don't have to put that code in your project.

1) Create a layer. Draw a button. Convert it to "symbol" button.

2) Name your button in the property box : button_fullscreen

Create a new layer, paste the code i gave you in the action window.

tha'ts all. It works here. Its a button which set fullscreen.

Tuur · January 17, 2010 at 5:24 PM

I didn't made my .png a button...

gonna try the other buttons now... and then 5 buttonsets

Thanx a lot guys,
talk to you soon

Tuur

Job.1 · January 17, 2010 at 5:31 PM

buttonset.zip

Okay your fla and swf working well

Tuur · January 17, 2010 at 6:10 PM

oke ..

i try this but no succes..

Code

import krpano_as3_interface;


var krpano:krpano_as3_interface = krpano_as3_interface.getInstance();




this.button_fullscreen.addEventListener(MouseEvent.CLICK, fullscreen_clicked);
this.button_fullscreen.useHandCursor = true;




this.button_autorotate.addEventListener(Event.CHANGE, autorotate_clicked);
this.button_autorotate.useHandCursor = true;


function fullscreen_clicked(mouseevent:MouseEvent):void
{
	
	if (stage.displayState != StageDisplayState.FULL_SCREEN)
	{
    	stage.displayState = StageDisplayState.FULL_SCREEN;
    }
	else
	{
		stage.displayState = StageDisplayState.NORMAL;
	}
	
	
	function autorotate_clicked(event:Event):void


{
	krpano.call("switch(autorotate.enabled)");


}
}

Display More

it's about the auto rotate this time..

Tuur

Tuur · January 17, 2010 at 6:32 PM

mmm..

now i have this...

Code

import krpano_as3_interface;


var krpano:krpano_as3_interface = krpano_as3_interface.getInstance();










this.button_ar.addEventListener(MouseEvent.CLICK, ar_clicked);
this.button_ar.useHandCursor = true;












	
	
function ar_clicked(mouseevent:MouseEvent):void


{
	krpano.call("switch(autorotate.enabled)");


}




}

Display More

not working

Thanxz

Tuur

Tuur · January 17, 2010 at 7:05 PM

got it

Tuur

Job.1 · January 17, 2010 at 7:17 PM

What is the code please

Tuur · January 17, 2010 at 8:44 PM

Code

// - should be in the same folder or in the class path
import krpano_as3_interface;


var krpano:krpano_as3_interface = krpano_as3_interface.getInstance();








this.button_info.addEventListener(MouseEvent.CLICK, info_clicked);
this.button_info.useHandCursor = true;
{


function info_clicked(mouseevent:MouseEvent):void
	{
	krpano.call("action(showtextfield, infotext)");
	}


}


this.button_home.addEventListener(MouseEvent.CLICK, home_clicked);
this.button_home.useHandCursor = true;


{
function home_clicked(mouseevent:MouseEvent):void
	{
	krpano.call("action(load1)");
	}
}








this.button_ar.addEventListener(MouseEvent.CLICK, ar_clicked);
this.button_ar.useHandCursor = true;


{
	function ar_clicked(mouseevent:MouseEvent):void
	{
	krpano.call("switch(autorotate.enabled)");
	}
}






this.button_fullscreen.addEventListener(MouseEvent.CLICK, fullscreen_clicked);
this.button_fullscreen.useHandCursor = true;
{
function fullscreen_clicked(mouseevent:MouseEvent):void
{
	
	if (stage.displayState != StageDisplayState.FULL_SCREEN)
	{
    	stage.displayState = StageDisplayState.FULL_SCREEN;
    }
	else
	{
		stage.displayState = StageDisplayState.NORMAL;
	}
}




this.button_thumbs.addEventListener(MouseEvent.CLICK, thumbs_clicked);
this.button_thumbs.useHandCursor = true;


{
	function thumbs_clicked(mouseevent:MouseEvent):void
	{
	krpano.call("set(plugin[thumbs].visible,true)");
	}
}




this.button_gallery.addEventListener(MouseEvent.CLICK, gallery_clicked);
this.button_gallery.useHandCursor = true;


{
	function gallery_clicked(mouseevent:MouseEvent):void
	{
	krpano.call("set(plugin[gallery].visible,true)");
	}
}




this.button_close.addEventListener(MouseEvent.CLICK, close_clicked);
this.button_close.useHandCursor = true;


{
	function close_clicked(mouseevent:MouseEvent):void
	{
	krpano.call("openurl(http://www.virtualtuur.com)");
	}
}
}

Display More

Maybe sombody can help me with the zoomin and zoomout !!??!?!!

Cheers

Tuur

Job.1 · January 17, 2010 at 8:48 PM

Thank's Arthur

for the zoom

Code

bt_zoomin.addEventListener(MouseEvent.MOUSE_DOWN, zoomin_down);
bt_zoomin.addEventListener(MouseEvent.MOUSE_UP, zoomin_up);


bt_zoomout.addEventListener(MouseEvent.MOUSE_DOWN, zoomout_down);
bt_zoomout.addEventListener(MouseEvent.MOUSE_UP, zoomout_up);


function zoomin_down(ev:MouseEvent):void
{
	krpano.set("movevectorz","-0.5");
}
function zoomin_up(ev:MouseEvent):void
{
	krpano.set("movevectorz","0");
}


function zoomout_down(ev:MouseEvent):void
{
	krpano.set("movevectorz","+0.5");
}
function zoomout_up(ev:MouseEvent):void
{
	krpano.set("movevectorz","0");
}

Display More

Tuur · January 17, 2010 at 9:09 PM

thanx

it works but i have to put { and } all the time with the functions ...

is that correct??

and how can i make the fov min work with this?

this is the code i have now

Code

// - should be in the same folder or in the class path
import krpano_as3_interface;


var krpano:krpano_as3_interface = krpano_as3_interface.getInstance();




button_zoomin.addEventListener(MouseEvent.MOUSE_DOWN, zoomin_down);
button_zoomin.addEventListener(MouseEvent.MOUSE_UP, zoomin_up);


button_zoomout.addEventListener(MouseEvent.MOUSE_DOWN, zoomout_down);
button_zoomout.addEventListener(MouseEvent.MOUSE_UP, zoomout_up);
{
function zoomin_down(ev:MouseEvent):void
	{
	krpano.set("movevectorz","-0.5");
	}
}


{
function zoomin_up(ev:MouseEvent):void
	{
	krpano.set("movevectorz","0");
	}
}


{
function zoomout_down(ev:MouseEvent):void
	{
	krpano.set("movevectorz","+0.5");
	}
}


{
function zoomout_up(ev:MouseEvent):void
	{
	krpano.set("movevectorz","0");
	}
}


this.button_info.addEventListener(MouseEvent.CLICK, info_clicked);
this.button_info.useHandCursor = true;
{


function info_clicked(mouseevent:MouseEvent):void
	{
	krpano.call("action(showtextfield, infotext)");
	}


}


this.button_home.addEventListener(MouseEvent.CLICK, home_clicked);
this.button_home.useHandCursor = true;


{
function home_clicked(mouseevent:MouseEvent):void
	{
	krpano.call("action(load1)");
	}
}








this.button_ar.addEventListener(MouseEvent.CLICK, ar_clicked);
this.button_ar.useHandCursor = true;


{
	function ar_clicked(mouseevent:MouseEvent):void
	{
	krpano.call("switch(autorotate.enabled)");
	}
}






this.button_fullscreen.addEventListener(MouseEvent.CLICK, fullscreen_clicked);
this.button_fullscreen.useHandCursor = true;
{
function fullscreen_clicked(mouseevent:MouseEvent):void
{
	
	if (stage.displayState != StageDisplayState.FULL_SCREEN)
	{
    	stage.displayState = StageDisplayState.FULL_SCREEN;
    }
	else
	{
		stage.displayState = StageDisplayState.NORMAL;
	}
}




this.button_thumbs.addEventListener(MouseEvent.CLICK, thumbs_clicked);
this.button_thumbs.useHandCursor = true;


{
	function thumbs_clicked(mouseevent:MouseEvent):void
	{
	krpano.call("set(plugin[thumbs].visible,true)");
	}
}




this.button_gallery.addEventListener(MouseEvent.CLICK, gallery_clicked);
this.button_gallery.useHandCursor = true;


{
	function gallery_clicked(mouseevent:MouseEvent):void
	{
	krpano.call("set(plugin[gallery].visible,true)");
	}
}




this.button_close.addEventListener(MouseEvent.CLICK, close_clicked);
this.button_close.useHandCursor = true;


{
	function close_clicked(mouseevent:MouseEvent):void
	{
	krpano.call("openurl(http://www.virtualtuur.com)");
	}
}
}

Display More

thanx

Tuur · January 30, 2010 at 9:48 PM

more about the buttons..

what i have works but i like that onclick also the button changes to "btn_exitfs"... and back to "btn_enterfs"

Code

this.btn_enterfs.addEventListener(MouseEvent.CLICK, fullscreen_clicked);
this.btn_enterfs.useHandCursor = true;
{
function fullscreen_clicked(mouseevent:MouseEvent):void
{
	
	if (stage.displayState != StageDisplayState.FULL_SCREEN)
	{
    	stage.displayState = StageDisplayState.FULL_SCREEN;
    }
	else
	{
		stage.displayState = StageDisplayState.NORMAL;
	}
}

Display More

thanx..

Tuur

Tuur · January 30, 2010 at 10:55 PM

ahhhh..

this.btn_enterfs.addEventListener(MouseEvent.CLICK, fullscreen_clicked);
this.btn_enterfs.useHandCursor = true;
{
function fullscreen_clicked(mouseevent:MouseEvent):void
{

if (stage.displayState != StageDisplayState.FULL_SCREEN)
{
stage.displayState = StageDisplayState.FULL_SCREEN;
this.btn_enterfs.visible = false;
this.btn_exitfs.visible = true;
}
else
{
stage.displayState = StageDisplayState.NORMAL;
this.btn_enterfs.visible = true;
this.btn_exitfs.visible = false;
}
}

this.btn_exitfs.addEventListener(MouseEvent.CLICK, normal_clicked);
this.btn_exitfs.useHandCursor = true;
{
function normal_clicked(mouseevent:MouseEvent):void
{

if (stage.displayState != StageDisplayState.FULL_SCREEN)
{
stage.displayState = StageDisplayState.FULL_SCREEN;
this.btn_exitfs.visible = true;
this.btn_enterfs.visible = false;
}
else
{
stage.displayState = StageDisplayState.NORMAL;
this.btn_exitfs.visible = false;
this.btn_enterfs.visible = true;
}
}

works.. and the exit button is behind the fullscreen button!!!

Tuur

Participate now!