ActionScript 3.0 :: Website Architecture Using MVC Concept
Jan 2, 2010
I'm developing a library + workflow for easy (hierarchical) navigation management inside website or application. From popular - can be somehow compared with Gaia Framework and PageManager from Soma Framework (I do personally don't like these implementations because they quite limit development even if they say they don't). I used to develop website so that each section(sub-section, sub-sub-section...) is an instance of a custom class (that extends DisplayObject: Sprite, MovieClip or whatever Flex container even), that contains logic and data in "single layer" manner... and all the view coponents aswell (texts, thumbnails, whatever).
Each of those sections is implementing INavigableObject interface and has navigationHelper (way of composition pattern), which helps with all navigation stuff. So. This approach was OK. But with my last project I felt need to use MVC design pattern, so I decided to refine my navigation stuff. And so therefore I have a question: how does hierarchy looks like when using MVC (any implementation.. custom one or any popular framework like PureMVC..) for website development?
I have built a website for a photo gallery and have added the deep link architecture only after the website is built, so the whole site is kind of cripple... The path to each photo is by clicking buttons in the following order Menu->Submenu->Photo I have designate a link for each photo. The site works properly if I try to reach the photo by clicking button in the above order. However, if I try to access a photo by typing the direct link to it, the photo cannot be displayed coz the swf of the menu and submenu, which are triggered by a button click, is not loaded yet.
The current architecture of my site is that when ever the menu button is clicked a new submenu class will be initiated, so the loading of the submenu class only happens when the menu button is clicked. The following site is an example the way I want to make my site to be : [URL] I could access any image on my site by typing a direct link and the swf could be loaded.
so I'm still learning the basic concepts. Attached to a movieclip used as a button I have this actionscript:
[Code]...
Which basically causes the movieclips 'leaf1' to shrink, 'vinefade' to go to its first frame, 'artween_mc' to unload, and for all other commands on this button to be disabled. I also want it to check another movieclip called 'leaf9', and see if it's current frame is at less than a particular frame number (73), because if so I want it to start playing forward. Once it reaches this frame number (73), I want to cause linkstween_mc to become visible and hit9button (also a movieclip) to become enabled. My current script does absolutely nothing to leaf9
I'm currently reading the book Learning ActionScript 3.0 and have dificulties understanding some programing basics due to my total lack of prior programing knowledge.For example now I'm looking at this script from the book that traces a list of all display objects on the stage and their children:[code]I understand everything except one thing. When there is an object with children (DisplayObjectContainer), the function traces the object but doesn't proceed and calls itself starting all over again this time analyzing the first child of the object. And if the child also have children itself the list will branch out until there is an object without children.What I don't understand is how the function at this point knows how to return to the last parent object and continue to analyzes its other children if any.For example when the function analyzes the stage of a scene with the following content how does the function know to continue analyzing child0. To me, looking at the code, I would expect the function to exit after listing [object StaticText]. I have hard time understanding what makes the function go back to largeContainer and continues with its child0 and so on.[code]This all what the book says regarding this which is not enough for me to understand this process:the function calls itself again. passing in the object currentlybeing inspected. This concept is called recursion. A function calling itself mayseem redundant, but it can be very useful. In this case, each time the functionis called, it receives a new display object to analyze, so the function reportsthe contents of that specific display object. The result is a complete walkthroughof all display objects, no matter how many children each may have.
I have load external swf file with loader. The external swf file have animation with embeded mp3 file . when i click the btn unload the external swf file .external swf file is unload ok. But Problam is after few seconds sound is hearing. I think animation still running in backend when reach the first frame sound is hearing.
var ldr:Loader=new Loader()ldr.load(new URLRequest("test.swf")) addChild(ldr) btn.addEventListener(MouseEvent.CLICK,unloadmovie) function unloadmovie(e:MouseEvent){ ldr.unload() SoundMixer.stopAll() }
i want to make a e-magazines,and i want to create with a flip book concept with flash... can i learn about this? where can i find the tutorial about this?
i am quite newbie towards to actionscript 2.0 cos i am now learning on actionscript 2.0 here is the file attachment for you to check.Greetings.zipOutput cannot be worked.I am hoping to see the exact output:Greeting = Hello!Salutation = undefinedSubject: Brick Oven
I'm dabbling in OOP, but I'm nowhere near proficient yet. I have two classes, house() and town(). In house's constructor, I want to define an exit from the house to town. I've set up a Doors and Exits array in the base class, and in house, I add town to it:
Doors = new Array(new trigger()); Exits = new Array(new town());
This way, I can check if the player is colliding with the trigger, and if so, I can set level to Exits[i] or wherever it is. My problem is, including Exits = new Array(new town()); in house's constructor calls town's constructor, and town has an array Exits, which leads back to house and so on. So my question is: How would I get around this problem or structure my level class? Is it possible to use "town" to get to new town(); without manually checking if("town"){ new town(); } etc. Basically, I want to tell flash to create a new town() WHEN I need it, not necessarily during the initial construction, but I don't want to have to manually call "new town();"
I have been charged with creating a rotating billboard for our new company website and I am in the conceptual phase of design.Everyone in the office likes the functionality of the National Geographic home billboard... with its automatic rotating images, pause functionality, and content launching frames.So far I have correctly mirrored the functionality of the National Geographic billboard by physically embedding images into a flash movie and creating mouse click events for buttons and the images themselves.
Design Question:Can Flash emulate the National Geographic presentation? Their images are called upon request, rather than being embedded into a large single movie file like mine. This would allow a non programmer to design a new image billboard and update the website remotely...
I have started learning flex 4 and I got myself thinking about how to change views. So I have a question what do people usually use - states or views (ViewStack). The type of web application I am making, can use both, but what do developers use in big projects or maybe they use non of the mentioned before?[code]...Best view architecture in it?
I have a mobile application that I want to try and reorganize so that it's easier to read and update and follows better practice.I want to implement an MVC pattern, but I'm getting a little tripped up on getting there. I'm just hoping for some help with rebuilding the architecture. Here's the outline of my application:
Level1) MainView has a column of 5 buttons that when clicked lead to View1, View2, View3, View4 or View5.
Level2) Each of these views is the same: a list, but each is populated with different data. Selecting an item brings the user to another set of views SubView1 - 20. that each are again populated with a list.
Level3) However, any selection made on a List in a SubView leads to a view that is always the same for all selection paths - but is populated with different data. Basically a button, another list, a text input and a textarea.
From what I gather, I should be able to use a lot less files and achieve something of the same result:The model being a single class for data? The controller being a class or that controls the business logic, and a view that calls the controller?
I've got a Flex 3 website. I set-up adBrite in an iFrame to serve ads, and it works fine. I've got 2 ad zones in 2 iFrames. My problem is that as Flex has a "pageless" architecture, I only get credit for one hit even if the user clicks every button on the site. In short, I get one pageview instead of several. adBrite said that if I can figure out a way to refresh the ads when the user selects a new item in my navigation menu, they're cool with it. They suggested just refreshing the whole app.
I am creating an app in flash for Android. What would be the correct architecture for this? Would I wrap the flash in Java, and the java would control the adverts and menu?
If so, when, for example, clicking Save on the menu, the java would need to get data (in this case, an image) from the flash app. Is this possible? If so, how? ![enter image description here][1]
I'm trying to get familiar with design patterns, modularity, unit testing and etc... (with ActionScript). I'm developing a simple "Free transform tool" right now, just as a exercise, but I don't like the solutions that I come up with so far, so I'll try to walk you trough my line of thoughts. When I come up with the idea I was thinking "What to write so I can test this great Unit testing framework FlexUnit", the first thing that I saw was guess what.. a free transform tool. :) When I was thinking about the architecture of the tool I run every scenario trough "How can I write unit tests for that thing?", so I come up with some kind of twisted MVC meta pattern:
A view that's holding all components (rotation area, drag area, resize buttons)A model (or something like that) that holds the necessary logic (setSize, setPositiom, rotateAroundCenter, etc..).And a controller that add listeners to the view components, update the mouse cursor when its over a component, get the mouse coordinates when is interacted with a component, do the calculations and call methods from the model that will update the view and the object that is benign transformed.
I was thinking: "Ok its flexible, i can switch M, V or C at any time, I achieved my main goal, because I can make lots of unit test for the model, where the important calculations are, so its great..".I just have started implementing it, but I think most of those thoughts are wrong. Yes I can change the view and add new skin but it's not flexible at all, if I want to add "skew" (or any other) functionality I should rewrite (or If I'm lucky just extend) M, V and C.Yes I can make bunch unit test for the model but controller's calculations will be hard to test.
So now I'm thinking for something like the Decorator pattern that will allow me to create whatever combination of controls i want to use and keep their logic separated, but I want to have the option to re-skin the controls themselves and to keep the logic separated so I can do the tests.I realize I want to create some kind of "ultimate transform tool", but I'm really trying to push my limits and learn something.
I'm designing a flash site with a Dynamic Gallery (loading images from a XML file). what can I do to reduce load time at the beginning, or limit loading times to individual images?
I'm having a problem with Flash and InDesign (both CS4), installed as a bundle in one go from Adobe Master Collection discs, When trying to launch InDesign or Flash, I get a message that they are 'not supported on this architecture'.
I'm on a MacPro with 2x3GHz Quad Core and 4GB running 10.5.7.
All the other CS4 Master Collection apps have installed and run fine.
My volume is formated as Mac OS Extended (Journaled).
I have a actionscript 3 based desktop Flash app which has its own event model(GUI component) and another native c++ application(business logic) which has its own model. I want to connect them and have a middleware module which can act like an arbiter between the two and dispatch events across the two components according to some model logic required for my domain specific app.
I am actually in the process of Architectural of our project. We have choosen Mate framework. The project is not so quite complex, but what advantages i would get over MXML when i choose Modules.
Main App - > Views - > Events - > Maps - > Services [PHP or Java]
When i come up with Modules based Architecture, it seems to be good but i doubt it should not end up with tight coupling and unwanted issues which may break the head later to solve.
Main APP - > Modules - > Module Interface -> Events - > Maps - > Services [PHP or Java]
What advantages i do get if i choose Modules over MXML Component? What is the prefered and the best way to Architect an FlexApplication? Since the Application is going to communicate with Backend, do we need to make the frontend more complex?
I have been asked to design an LCD wall application for a display like the one in this ad. Requirements are that the wall can display full screen video or partition the wall in different sections to display multiple video or images and video. I would like to understand what platform can be used to drive such beasts (what OS? what video card?). I wonder what software platform can drive multimedia on such a scale. Html5 + JavaScript would be OK on a single monitor, but on that scale would it slow down? Flash also is an interesting platform, as it is Air, but, once again, can it scale like that?
I am also considering the server architecture that is needed to drive a set of walls in the same location and the slideshow designer to create storyboards, but this is dependent on what client architecture will be embraced.
i'm trying to create a game that has a similar concept as Dance Dance Revolution - if shown is a down arrow then press down, if up arrow is shown then press up ...i'm having problems with the "if shown is a ... arrow" part - i managed to get pressed key check working, so if you press the correct key you'll progress but if you press the wrong one the appropriate action will execute.
in frame 1 i have the movieclip that contains the arrow display with the following code:
onClipEvent(keyDown){ if (_global.x = "up") { if (Key.isDown(Key.UP)){ gotoAndStop("down");
[code]....
looks ok to me, but when i tested by changing the if condition for the mc action to if (_global.x = "down") the thing still executed as if _global.x = "up" .
I developing an AIR application in Flex that would be dealing with playing different SWFs. I am finding some issues as these SWFs that I am playing are heavy. I find that the animation is not smooth and is causing the graph of CPU usage to go high (my be because single thread architecture of Flex). I am therefore planning to have a multi process architecture for my application. Something like Google Chrome. I have one main application as one process and other SWFs would be playing in separate process but should be seen inside the main application window. How to make it possible in Flex?
I have been thinking of trying out component based architecture for game development. I have read some blog posts and articles about it but I have a few things I have not sorted out yet. When I say component based I mean that you can add components to a ComponentManager that updates all components in its list. I want to try this to avoid getting classes that inherits variables and functions that they don´t need. I really like the idea of having an really simple entity class with a lot of components working side by side without getting bloated. Also, it is easy to remove and add functionality at runtime wich makes it really cool.
This is what I am aiming for.
// this is what the setup could be like entity.componentManager.add(new RigidBody(3.0, 12.0)); entity.componentManager.add(new CrazyMagneticForce(3.0)); entity.componentManager.add(new DrunkAffection(42.0, 3.0)); // the game loop updates the component manager which updates all components entity.componentManager.update(deltaTime);
Communication: Some of the components need to communicate with other components I can´t rely on the components to be self-sustaining. Sometime they will need to communicate with the other components.In Unity 3D, you can access the components using GetComponent().I was thinking of doing it like this, but what happens if you have two components of the same type? Maybe you get a Vector back.
var someComponent : RigidBody = _componentManager.getComponent(RigidBody);
Priority: Some components need to update before others
Some components need to update before others to get the correct data for the current game loop. I am thinking of adding a PRIORITY to each component, but I am not sure that this is enough. Unity uses LateUpdate and Update but maybe there is a way to get an even better control of the order of execution.
A simple piece of code that should trace [code] and I get something completely far away from that,[code]Is the trace function that bad? that slow? is it the fact that passing an argument to the function take so much time compare to the other one?is there something I can do to avoid this type of weirdness ?(For the record, my project is not to trace {rien, done and test}... I have 15k lines of codes that react completely differently if I compile them with "Omit trace statements" or not.
My company is building a Flex application that we may need to port to other platforms:
[Code]...
Currently, I'm looking into application frameworks to build upon and I'm torn between pureMVC and Swiz. I LOVE swiz for its simplicity and how it just gives you a way to hook things up and then apply your own patterns. From a flex-only perspective, this is my 1st choice. But, PureMVC is platform-independent and has already been ported over to most of the platforms that are mentioned above. How valuable is this portability? Will it really make our lives significantly easier when it comes to porting and developing/maintaining multiple applications? If so, then it seems like PureMVC is the way to go.
Alternatively, since Silverlight has the most definite business case for porting of our application, maybe we could port Swiz to Silverlight? I'm not too familiar with which AS3 language and Flex framework features Swiz depends on and whether they are available in C#/Silvelright.
