Flash navigation med AS3

Fri, 21 Oct 2011 23:01:22 GMT

Jeg er ved at l�re at bruge flash, hvor jeg �nsker at lave en simpel skalerbar (fluid) side med actionscript navigation.
Jeg har filen main.fla, som indeholder movieclips for hver side, som da ins�ttes vha. actionscript i filen Main.as. Jeg har ogs� en .as fil koblet til hvert movieclip og disse indeholder pt. menuen, s�ledes at jeg kan skifte mellem de forskellige movieclips.

Min Main.as fil:

JScript kode

 package {
     import flash.display.*;
     import flash.events.*;
     
     public class Main extends MovieClip {
         private var news:News;
         private var photos:Photos;
         private var currentScreen:MovieClip;
         
         public function Main() {
             news = new News();
             addChild(news);
             currentScreen = news;
             photos = new Photos();
         }
         
         public function gotoNews():void {
             removeChild(currentScreen);
             addChild(news);
             currentScreen = news;
         }
         
         public function gotoPhotos():void {
             removeChild(currentScreen);
             addChild(photos);
             currentScreen = photos;
         }
         
     }
 }

Min News.as fil:

JScript kode

 package {
     import flash.display.*;
     import flash.events.*;
     
     public class News extends MovieClip {
         
         public function News() {
             addEventListener(Event.ADDED_TO_STAGE, addedHandler);
             addEventListener(Event.REMOVED_FROM_STAGE, removedHandler);
             
             news_btn.addEventListener(MouseEvent.CLICK, news_btnClicked);
             photos_btn.addEventListener(MouseEvent.CLICK, photos_btnClicked);
 
         }
         private function addedHandler(event:Event):void {
 
         }
         private function removedHandler(event:Event):void {
             
         }
         private function news_btnClicked(event:MouseEvent):void {
             MovieClip(parent).gotoNews();
         }
         private function photos_btnClicked(event:MouseEvent):void {
             MovieClip(parent).gotoPhotos();
         }
 
         
     }
 }

Strukturen er lavet vha. denne tutorial: Better Flash Navigation using AS3 Classes

Som det fungerer nu, udskiftes det nuv�rende movieclip ved "removeChild(currentScreen);" og "addChild();".

Er det muligt at have f.eks. en menu p� hver side, som ligger i filen Main.as eller skal den v�re p� hver side?

Derp� vil jeg gerne have skalerbart design, men som det ser ud nu, skal dette ogs� kodes igen og igen for hver enkel screen.

Jeg ved godt det ikke er s� klart hvad jeg lige vil, men jeg h�ber p� at kunne f� det mere p� plads n�r jeg f�r navigationen til at virke.

Tak p� forh�nd.

Er du god til Actionscript 2 ?

Wed, 05 Oct 2011 13:13:34 GMT

Hej Udviklere,

Jeg s�ger en person der har godt forstand p� Actionscript 2.

Da jeg skal have tilf�jet nogle nye menupunkter til en flash hjemmeside, som skal se ud ligesom en eksisternede kategori. S� det er ikke det store der skal laves.

Siden fungerer ved hj�lp af XML med hj�lp af SWFObject.

S� man skal ogs� have styr p� SWFObject.

Kontakt mig via PB hvis du er den rette person til opgaven.

S� kan du f� flere informationer og vi kan aftale en pris.

Med venlig hilsen,

Asker

drag objekt i flash

Tue, 13 Sep 2011 18:33:54 GMT

Hej

Jeg er i gang med et mindre projekt i flash, hvor jeg her et movieclip med en masse movieclips added som childs.

P� disse childs har jeg en eventlistner s� jeg kan tr�kke dem rund.

Mit problem er bare at hvis jeg begynder at tr�kke et movieclip rund og k�re ud at det movieclip som er parent, s� forsvinder det som jeg er i gang med at tr�kke. kan man ikke f� det til at stoppe, n�r man n�r til kanten?

ActionScript 3 socket problem - Virker kun en gang.

Fri, 05 Aug 2011 00:25:07 GMT

- TAG ET KIG I BUNDEN - FIK L�ST PROBLEMET -

Jamen her er s� mit lille delikate problem. Meget mystisk problem hvis i sp�rger mig.

Jeg har en .NET server som kan modtage TCP Forbindelser p� port 4900 (asynkron og high performance og det hele, har selv skrevet den og t�r godt sige at mit problem ikke ligger deri da jeg har brugt den til meget andet).

S� har jeg en Flash client som kan forbinde til port 4900 p� min server via en socket. Jeg er nok lidt af en tumpe i ActionScript 3, s� det g�r vidst ikke helt godt.

Jeg har en Policy server (som virker) k�rende p� serveren.

Jeg kan sagtens f� forbindelse fra Flash til serveren, og jeg (se koden nedeunder) sender successfuldt en "welcome besked" til serveren og serveren svarer ogs� igen.

Hvis jeg trykker p� en knap p� serveren, s� pusher den en besked til Flash som flash s� viser.

Mit problem er at jeg laver en socket "proxy" for Javascript. N�r Flash modtager en besked kalder det javascript via ExternalInterface (virker!) og Javascript kan ligeledes kalde Flash via et ExternalInterface callback. Det sidste her virker ikke. Javascript -> Flash delen virker, da jeg i min eksempelkode f�r besked fra b�de javascript funktionen og respons fra Flash om at funktionen er aktiveret.

Men den sender aldrig noget data af sted via den socket, selvom n�jagtig samme kode der bare bliver kaldt ved forbindelse virker perfekt?

Er der nogle der kan regne det her ud?

Kode

import flash.net.Socket;
import flash.events.*;
import flash.external.ExternalInterface;
var socket:Socket = new Socket();

Security.allowDomain("*");

socket.addEventListener(Event.CONNECT, onConnect);
socket.addEventListener(Event.CLOSE, onClose);
socket.addEventListener(IOErrorEvent.IO_ERROR, onError);
socket.addEventListener(ProgressEvent.SOCKET_DATA, onResponse);
socket.addEventListener(SecurityErrorEvent.SECURITY_ERROR, onSecError);

socket.connect("privatserverher", 4900);
ExternalInterface.addCallback("sendToActionscript", callFromJavaScript);
function callFromJavaScript(dir):void 
{
	ExternalInterface.call("mesaway", "PRE FLASH");
 	socket.writeUTFBytes("UBER CHAT FTW!\n");
	socket.writeUTFBytes("\n");
	ExternalInterface.call("mesaway", "POST FLASH");
}
function onConnect(e:Event):void {
//Det er copy pasted s� bruger bare det her som test.
//Det er HTTP headers men det er min server ligeglad med.
//Den k�rer bare r� UTF-8 uden nogen logik i lige nu
//Hvor den kun viser beskeder der kommer ind p� sk�rmen
//Og kan sende simple svar. Alle sammen med en NULL byte efter
//S� flash kan forst� dem (virker fra server til client).
	socket.writeUTFBytes("GET / HTTP/1.1\n");
	socket.writeUTFBytes("Host: hejp.co.uk\n");
	socket.writeUTFBytes("\n");
}

function onClose(e:Event):void {
	// Security error is thrown if this line is excluded
	ExternalInterface.call("mesaway", "SOCK CLOSE");
	socket.close();
}

function onError(e:IOErrorEvent):void {
	ExternalInterface.call("mesaway", "IO ERROR");
}

function onSecError(e:SecurityErrorEvent):void {
	ExternalInterface.call("mesaway", "SEC ERROR");
}

function onResponse(e:ProgressEvent):void {
	if (socket.bytesAvailable>0) {
ExternalInterface.call("test", socket.readUTFBytes(socket.bytesAvailable));
	}
}

HTML kode

 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <title>SurikatChat</title>
 <script type="text/javascript">
 function getFlashMovie(movieName) {
   var isIE = navigator.appName.indexOf("Microsoft") != -1;
   return (isIE) ? window[movieName] : document[movieName];
 }
 function callToActionscript(str) 
 {
     alert("PRE");
      getFlashMovie("SurikatChat").sendToActionscript(str);
      alert("POST");
 }
 function test(val)
 {
 alert(val);
 }
 
 function mesaway(val)
 {
 alert(val);
 }
 </script>
 <script language="JavaScript" type="text/javascript">
 <!--
 //v1.7
 // Flash Player Version Detection
 // Detect Client Browser type
 // Copyright 2005-2008 Adobe Systems Incorporated.  All rights reserved.
 var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
 var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
 var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
 function ControlVersion()
 {
     var version;
     var axo;
     var e;
     // NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry
     try {
         // version will be set for 7.X or greater players
         axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
         version = axo.GetVariable("$version");
     } catch (e) {
     }
     if (!version)
     {
         try {
             // version will be set for 6.X players only
             axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
             
             // installed player is some revision of 6.0
             // GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
             // so we have to be careful. 
             
             // default to the first public version
             version = "WIN 6,0,21,0";
             // throws if AllowScripAccess does not exist (introduced in 6.0r47)        
             axo.AllowScriptAccess = "always";
             // safe to call for 6.0r47 or greater
             version = axo.GetVariable("$version");
         } catch (e) {
         }
     }
     if (!version)
     {
         try {
             // version will be set for 4.X or 5.X player
             axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
             version = axo.GetVariable("$version");
         } catch (e) {
         }
     }
     if (!version)
     {
         try {
             // version will be set for 3.X player
             axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
             version = "WIN 3,0,18,0";
         } catch (e) {
         }
     }
     if (!version)
     {
         try {
             // version will be set for 2.X player
             axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
             version = "WIN 2,0,0,11";
         } catch (e) {
             version = -1;
         }
     }
     
     return version;
 }
 // JavaScript helper required to detect Flash Player PlugIn version information
 function GetSwfVer(){
     // NS/Opera version >= 3 check for Flash plugin in plugin array
     var flashVer = -1;
     
     if (navigator.plugins != null && navigator.plugins.length > 0) {
         if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
             var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
             var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
             var descArray = flashDescription.split(" ");
             var tempArrayMajor = descArray[2].split(".");            
             var versionMajor = tempArrayMajor[0];
             var versionMinor = tempArrayMajor[1];
             var versionRevision = descArray[3];
             if (versionRevision == "") {
                 versionRevision = descArray[4];
             }
             if (versionRevision[0] == "d") {
                 versionRevision = versionRevision.substring(1);
             } else if (versionRevision[0] == "r") {
                 versionRevision = versionRevision.substring(1);
                 if (versionRevision.indexOf("d") > 0) {
                     versionRevision = versionRevision.substring(0, versionRevision.indexOf("d"));
                 }
             }
             var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
         }
     }
     // MSN/WebTV 2.6 supports Flash 4
     else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
     // WebTV 2.5 supports Flash 3
     else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
     // older WebTV supports Flash 2
     else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
     else if ( isIE && isWin && !isOpera ) {
         flashVer = ControlVersion();
     }    
     return flashVer;
 }
 // When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
 function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
 {
     versionStr = GetSwfVer();
     if (versionStr == -1 ) {
         return false;
     } else if (versionStr != 0) {
         if(isIE && isWin && !isOpera) {
             // Given "WIN 2,0,0,11"
             tempArray         = versionStr.split(" ");     // ["WIN", "2,0,0,11"]
             tempString        = tempArray[1];            // "2,0,0,11"
             versionArray      = tempString.split(",");    // ['2', '0', '0', '11']
         } else {
             versionArray      = versionStr.split(".");
         }
         var versionMajor      = versionArray[0];
         var versionMinor      = versionArray[1];
         var versionRevision   = versionArray[2];
             // is the major.revision >= requested major.revision AND the minor version >= requested minor
         if (versionMajor > parseFloat(reqMajorVer)) {
             return true;
         } else if (versionMajor == parseFloat(reqMajorVer)) {
             if (versionMinor > parseFloat(reqMinorVer))
                 return true;
             else if (versionMinor == parseFloat(reqMinorVer)) {
                 if (versionRevision >= parseFloat(reqRevision))
                     return true;
             }
         }
         return false;
     }
 }
 function AC_AddExtension(src, ext)
 {
   if (src.indexOf('?') != -1)
     return src.replace(/\?/, ext+'?'); 
   else
     return src + ext;
 }
 function AC_Generateobj(objAttrs, params, embedAttrs) 
 { 
   var str = '';
   if (isIE && isWin && !isOpera)
   {
     str += '<object ';
     for (var i in objAttrs)
     {
       str += i + '="' + objAttrs[i] + '" ';
     }
     str += '>';
     for (var i in params)
     {
       str += '<param name="' + i + '" value="' + params[i] + '" /> ';
     }
     str += '</object>';
   }
   else
   {
     str += '<embed ';
     for (var i in embedAttrs)
     {
       str += i + '="' + embedAttrs[i] + '" ';
     }
     str += '> </embed>';
   }
   document.write(str);
 }
 function AC_FL_RunContent(){
   var ret = 
     AC_GetArgs
     (  arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
      , "application/x-shockwave-flash"
     );
   AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
 }
 function AC_SW_RunContent(){
   var ret = 
     AC_GetArgs
     (  arguments, ".dcr", "src", "clsid:166B1BCA-3F9C-11CF-8075-444553540000"
      , null
     );
   AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
 }
 function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
   var ret = new Object();
   ret.embedAttrs = new Object();
   ret.params = new Object();
   ret.objAttrs = new Object();
   for (var i=0; i < args.length; i=i+2){
     var currArg = args[i].toLowerCase();    
     switch (currArg){    
       case "classid":
         break;
       case "pluginspage":
         ret.embedAttrs[args[i]] = args[i+1];
         break;
       case "src":
       case "movie":    
         args[i+1] = AC_AddExtension(args[i+1], ext);
         ret.embedAttrs["src"] = args[i+1];
         ret.params[srcParamName] = args[i+1];
         break;
       case "onafterupdate":
       case "onbeforeupdate":
       case "onblur":
       case "oncellchange":
       case "onclick":
       case "ondblclick":
       case "ondrag":
       case "ondragend":
       case "ondragenter":
       case "ondragleave":
       case "ondragover":
       case "ondrop":
       case "onfinish":
       case "onfocus":
       case "onhelp":
       case "onmousedown":
       case "onmouseup":
       case "onmouseover":
       case "onmousemove":
       case "onmouseout":
       case "onkeypress":
       case "onkeydown":
       case "onkeyup":
       case "onload":
       case "onlosecapture":
       case "onpropertychange":
       case "onreadystatechange":
       case "onrowsdelete":
       case "onrowenter":
       case "onrowexit":
       case "onrowsinserted":
       case "onstart":
       case "onscroll":
       case "onbeforeeditfocus":
       case "onactivate":
       case "onbeforedeactivate":
       case "ondeactivate":
       case "type":
       case "codebase":
       case "id":
         ret.objAttrs[args[i]] = args[i+1];
         break;
       case "width":
       case "height":
       case "align":
       case "vspace": 
       case "hspace":
       case "class":
       case "title":
       case "accesskey":
       case "name":
       case "tabindex":
         ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
         break;
       default:
         ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
     }
   }
   ret.objAttrs["classid"] = classid;
   if (mimeType) ret.embedAttrs["type"] = mimeType;
   return ret;
 }
 // -->
 </script>
 </head>
 <body bgcolor="#ffffff">
 <!--url's used in the movie-->
 <!--text used in the movie-->
 <!-- saved from url=(0013)about:internet -->
 <script language="JavaScript" type="text/javascript">
     AC_FL_RunContent(
         'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0',
         'width', '550',
         'height', '400',
         'src', 'SurikatChat',
         'quality', 'high',
         'pluginspage', 'http://www.adobe.com/go/getflashplayer',
         'align', 'middle',
         'play', 'true',
         'loop', 'true',
         'scale', 'showall',
         'wmode', 'window',
         'devicefont', 'false',
         'id', 'SurikatChat',
         'bgcolor', '#ffffff',
         'name', 'SurikatChat',
         'menu', 'true',
         'allowFullScreen', 'false',
         'allowScriptAccess','sameDomain',
         'movie', 'SurikatChat',
         'salign', ''
         ); //end AC code
 </script>
 <noscript>
     <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="550" height="400" id="SurikatChat" align="middle">
     <param name="allowScriptAccess" value="sameDomain" />
     <param name="allowFullScreen" value="false" />
     <param name="movie" value="SurikatChat.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />    <embed src="SurikatChat.swf" quality="high" bgcolor="#ffffff" width="550" height="400" name="SurikatChat" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
     </object>
 </noscript>
 <a href="#"  onClick="javascript:callToActionscript('FTW');">TEST!</a>
 </body>
 </html>

Det er med 100% sikkerhed kodet grimt og lidt "sloppy" men det er bare en proof of concept prototype til et privat projekt s� b�r over med mig!

EDIT:

I m� sgu undskylde at jeg er en klapthat klokken halv 3 om natten. Jeg t�nkte "gad vide om nogle opensource projekter" g�r det her. S� kiggede jeg lidt rundt og s� et bibliotek der g�r det samme som det her (men det er ikke det v�rd at bruge et helt bibliotek efter min mening, og man l�rer mere af at skrive det selv)... Man skal �benbart kalde socket.flush() efter man har skrevet til en socket i ActionScript. Det undrer mig lidt at den f�rste kode virkede uden flush, men det er �benbart n�dvendigt for de bedste resultater.

Jeg ved i �vrigt godt at flush "skyller" databufferen ned i den underliggende stream s� det kan blive sendt af sted, da tilsvarende funktion eksisterer i .NET. Plejer selv at kalde den der, men s� vidt jeg har oplevet har det aldrig givet problemer hvis jeg udelod? (endnu i hvert fald).

Hvis et klogt hovede kan bringe noget lys p� sagen ville det da v�re dejligt.

Udvikleren.dk - Seneste [actionscript] forum tr�de

Flash navigation med AS3

Er du god til Actionscript 2 ?

drag objekt i flash

ActionScript 3 socket problem - Virker kun en gang.