ActionScript 3.0 :: Performance - Masking And Scrolling Multiple Images?
Oct 27, 2011
Basically I'm building an image gallery. Rather than thumbnails, it just loads the full size images and masks them, so they can all be scrolled through. (I made an intuative preloader for this). It all works fine. The only problem I see there being is performance, when there's quite a few images.Could anyone suggest a way to reduce the load, and make it a bit more memory friendly? I (stupidly) thought that masked out images wouldn't render. I think I'm wrong though? I thought maybe I could make the images off the screen set to 'visible = false'?
View 4 Replies
Similar Posts:
Apr 15, 2012
I'm currently working on an Adobe AIR application which is targeting the iPad2 as the hardware platform, and can not get decent scrolling performance on one of the screens. I'm using a spark list, with a custom item renderer like so:
<s:List id="productList" top="116" bottom="0" left="10" right="10"
width="100%"
visible="true" includeInLayout="true"
height="0"
[code]....
As you can see this is pretty light-weight, yet my dataprovider contains upwards of 100 items, and 11 of them can be on screen at any one time. Everything I've read around increasing performance for scrolling revolves around using opaqueBackground and cacheAsBitmap, however no matter what I try neither help here. Using cacheAsBitmap at the list level doesn't help as the item renderer recycling kicks in once you've scrolled more than a couple of lines requiring the whole thing to be re-rendered, and using it at the item renderer level is still horribly slow when scrolling fast — presumably because many are being recycled at once during a very fast scroll.
I know the iPad should have no problem blitting a screenful of information in a frame at 60 fps, yet when I scroll quickly I'm seeing it struggle to make 10 fps (from sight). So the question: have I missed something obvious, or is this to be expected due to the number of layers (and vector rendering) involved when using AIR? For the record, I have tried changing the render mode for the application and tried changing the frame rate to eliminate the obvious.
View 1 Replies
Feb 25, 2010
I have a game with a big raster map.Now we are using jpeg (4900x4200)And durring the game we need to scroll through this map.[code]In windows, we have very good performance.In Linux and Mac in flashplayer we have a good performance too.But in browsers performance is quite slow!
View 2 Replies
Oct 13, 2009
I am very new to AS and I'm just starting to grasp the essentials of how things are working... but I haven't got to the point to where I can write my own from scratch, so I kind of have to "Frankenstein" different examples into a working project. I found a great XML slideshow demo that I want to overlay with a masking effect, but I'm having some difficulty combining the techniques.
At the bottom is my original slideshow code. If there's anyone that can modify my code or at least guide me to what I need to do to make it work,
[Code]...
View 0 Replies
Jul 13, 2010
i want to put gradient masking effect in my 20 images.
var arr:Array = ["m1.jpg","m2.jpg","m3.jpg","m4.jpg","m5.jpg"];
for(var i=0; i<20; i++){
duplicateMovieClip(ho, "newImg_mc"+i , this.getNextHighestDepth());[code].....
View 1 Replies
Apr 16, 2010
I have a Sprite name - thumbnailContainer which consist of following Sprites :
maskSprite @ level2
thumbnailPane @ level1
thumbnailBg @ leve0
The thing is that, I have masked the thumbnailPane with maskSprite. The issues is, whenever the external images are loaded into the thumnailPane, the mask is lost - revealing the entire horizontal stripe of the thumbnails. As well as the thumbnailBg in thumbnailContainer gets blurred even though, I have not applied any kind of filters on any sprite ! I am using TweenLite for transitions.
View 2 Replies
Dec 10, 2011
I wonder whether anyone could give me an idea of where I am going wrong with this.I am loading images into a sliding menu which will act as a thumbnail viewer, the structure of which is: "thumbsContainer" (movieclip) nested inside "galleryPane" (movieclip). The images are loaded into movieclips named "all_thumbs", which are added to the thumbsContainer stage.
I would like to mask the content of the thumbsContainer, so that only the images physically within the thumbsContainer border will be viewable. I have tried adding my coded mask to the thumbsContainer stage, and tying it to the thumbsContainer; and have separately tried the same with the all_thumbs movieclip - but no matter how I organise my code, I can't get this to work. If the mask is tied to the thumbsContainer mc - that element disappears; if the mask is tied to the all_thumbs mc, only the background to the thumbsContainer is visible. Either way, I cannot get thumbnails to display through the mask. No thumbnails at all will display on stage.
I've had a good look through the books I have and online, but with no joy so far.
I'd be really grateful if someone could give me a steer with this.
[Code]...
View 6 Replies
May 31, 2011
i am using Flash MX2004(AS 2.0), i need to mask the attached movieclip, totally i attached 3 movieclip(all are same one), i need to display first movieclip by using mask. one more thing is moving that mask by press button, when i press the button the mask will show the second movie clip and so on.
View 1 Replies
Sep 10, 2009
I'm having a really strange problem with movieclips that use a mask for reflection. On my main timeline i'm creating two instances of a movieclip named 'item'. In item.as i'm calling cacheAsBitmap and setting a gradient movieclip as a mask. When I run the clip I am only getting the clickable hand icon when I hover over the first clip. However, if I comment out 'this.mask = mask_mc' then both clips are selectable.
Main Timeline
Code:
var item_mc = new item();
item_mc.x = 0;
item_mc.y = 100;
addChild(item_mc);
[Code] .....
View 1 Replies
Dec 10, 2011
I am loading images into a sliding menu which will act as a thumbnail viewer, the structure of which is: "thumbsContainer" (movieclip) nested inside "galleryPane" (movieclip). The images are loaded into movieclips named "all_thumbs", which are added to the thumbsContainer stage.
I would like to mask the content of the thumbsContainer, so that only the images physically within the thumbsContainer border will be viewable.
I have tried adding my coded mask to the thumbsContainer stage, and tying it to the thumbsContainer; and have separately tried the same with the all_thumbs movieclip - but no matter how I organise my code, I can't get this to work. If the mask is tied to the thumbsContainer mc - that element disappears; if the mask is tied to the all_thumbs mc, only the background to the thumbsContainer is visible. Either way, I cannot get thumbnails to display through the mask. No thumbnails at all will display on stage.
Code:
all_thumbs.addChildAt( thumbLoader, 0 );
c = c + 1;
if ( c < totalPics ) {
all_thumbs.alpha = 0;
[Code]....
View 3 Replies
Oct 8, 2009
I have several text fields (with different numbers written on them) each inside their own movie clip. There is a background underneath all of them. What I want to achieve is to cut the shape of each of the numbers into the background. They should still be able to behave as separate movie clips.
View 3 Replies
Dec 22, 2005
i couldn't find a tutorial on this matter so i sorta started making my own hypothesis... what i'm trying to do is: have a gallery of images automatically scrolling horizontally while having the set of images loop. like at[URL]..
here are a couple of my theories and questions for AS commands to have this work:
1) display a range of pixels of an image at certain positions, i.e. if gallery is scrolling to the left, leftmost image when its parts are disappearing out of the viewing area, they become visible at the right.
2) have two instances of each image and when an image is disappearing on left, the second instance of that image comes visible on the right. this I imagine would take up more HD space.
i guess what i was wondering more about is how jager did their gallery where there's only enough images are in a set to be viewed in the viewing area.
View 3 Replies
Jan 14, 2010
We are using Adobe Flash to produce software for an interactive touch screen kiosk.I have 55 1024x768 24 bit PNG images.I want to play them (fairly regularly...once every 5 minutes or so) without them stuttering but can't find a good dependable way, main problem is I think Flash GC's them after an arbitrary idle period.Reason I'm doing this is because the FLV attempts we have made aren't sufficiently high quality.I also looked at using a H.264 but that obscures any other assets placed over it.I have a number of text fields sitting over this animation. The machine in question is a Core2 Duo, 4GB Ram, GeForce 9500GT.
View 1 Replies
Sep 19, 2011
Im writing an IOS game using AS3. Here's the problem- I have an image on the screen that moves around. When the image's y value goes negative (the image is partly off the screen), the frame rates bottom out. I've gone over my code pretty thoroughly, even threw together a few test projects just to experiment. In all the test I do, whenever there is an object that is off screen, even partially, the frame rates drop. It's making scrolling backgrounds impossible. BTW, I'm using Packager for iPhone and a 3G (not 3GS). Frame rates are normally 24 with no problems
View 2 Replies
Feb 17, 2012
I have a program that is decently complicated in one area and the rest is simple. The complicated stuff is data crunching, pretty much. Would I get an increased performance by doing the data crunching in a second app and just having it send the couple bits of info I want from it to my other app that would be the front end of the program? Or is this a dumb idea? I know air doesn't by default multi thread, so I was just trying to think of a "work around."
View 1 Replies
Jul 6, 2011
If I try to add ~70 High Resolution Sprites to a PrintJob using addPage() in a loop, I suffer a lot of slow down and performance issues.I am thinking I should perhaps create individual print jobs for each page, or maybe batch them together.
View 1 Replies
Oct 3, 2011
I have an application with about 20 models and controllers and am not using any particular framework. What is the best practice for using multiple remote objects in Flex performance-wise?
1) Method 1 - One per Component - Each component instantiates a RemoteObject for itself
2) Method 2 - Multiple in Application Root - Each controller is handled by a RemoteObject in the root
3) Method 3 - One in Application Root - Combine all controllers into one class and handle them with one RemoteObject
I'm guessing 3 will have the best performance but will be too messy to maintain and 1 would be the cleanest but would take a performance hit.
View 3 Replies
Mar 3, 2011
I have a Flex application which has to be deployed in some server. The typical form of access would be invoking the URL. Should I have multiple instances of the applications running on the same server/ deploying the application in diff servers and using a load balancer for routing? If i must have multiple instances, how to do that? On a given day, the application is expected to get around 2000-3000 hits. What are all the factors to be kept in mind while deployment?
View 2 Replies
Jun 17, 2011
I want to create a flash program that tracks mouse and keyboard biometrics such as mouse movement speed, click rate, length of keystrokes and so forth. How can I ensure that if a user duplicates his/her actions across multiple machines with varying processor speeds I will record the same data?
View 2 Replies
Feb 23, 2011
I've created a grid of 3D cubes using modulus, and the 3d cubes are were created from the Math and Flash Tutorial, if you are interested it is here.What I am trying to accomplish (and it works, just the performance is lousy). All the cubes in the grid are inactive until the mouse hovers over them, then they start to rotate, and once the mouse moves off them they continue to rotate...
So to create the grid of cubes:
Code:
public function FlowerMenu(){
var rowY:Number = 0;
for (var i:int = 0; i < 190; i++) {
[code]....
So, this works, but after about 4 or 5 cubes have started rotating the performance drops considerably. I can imagine creating that many EventListeners isn't a good idea, but I can't see any other way of doing it.
View 3 Replies
Sep 12, 2011
this is what i'm trying to accomplish; With a click on a movieclip (cannon_mc)a shot is being fired (ball_mc)
The longer mouse is down, the speed of wich the ball is fired with should increase.My question to you is;
What is the most efficient way to accomplish this? With a timer or something like this;
[Code]...
View 2 Replies
Jan 11, 2011
I'm devloping some library classes for flocking/steering behaviours on large numbers of objects (2000+). I'm finding that at < 500 instances, performance is reasonable. As the numbers increase, framerate bogs down.
I've seen remarkable performance with libraries such as Flint or Box2D with ridiculous #'s of particles / objects, so it should be possible to optimize / refactor my code to be a bit better.
I'm aware of the basic optimizations, such as bitwise operations and optimized for loops. Are there any more fundamental approaches I should be considering? For example, currently each instance is a vector-based MovieClip. Would working with BitmapData be more efficient?
View 1 Replies
Nov 4, 2011
Will I take a big hit in performance using nested ViewStacks? Should I strive to handle all navigation in one ViewStack and push children manually or will the affected performance be negligible?
eg.
<viewstack>
<tabnavigator />
<tabnavigator />
<tabnavigator />
</viewstack>
View 2 Replies
Mar 19, 2012
We have a medium size Flex 3.6 application that contains around 20 different page views (managed via a single lazy ViewStack) each having multiple components. Most use custom renderers.All model data is loaded at startup and changes to model instances are communicated via binding and/or collection change events.Once the user has viewed each page at least once, all page views are instantiated and happily listen to update events.Which in effect means that each time a model instance changes, all interested views receive that event and compute derived data or trigger item-renderers.I have tested and confirmed this behaviour in a proof-of-concept application. Even when setting a list to being invisible, it still listens to collection change events and invalidates any renderer affected.What would you do?
View 1 Replies
Jan 26, 2009
im loading multiple images but how do I make sure the program will start once all images have dispatched a complete event. like make a universal loader for all the other "small loaders" if you understand.
View 1 Replies
Nov 20, 2009
I am trying to load multiple images into a scene and then cycle through the images one at a time.So, here are the essentials what I've put together in AS3:First I set up a counter and a Loader
[code]....
Then, after loading a list of images from an XML file, I call a function that I called "createImages". This function then takes the list of images and creates a bunch of loaders:
[code]....
So far, so good! I now have a bunch of loaders each with a different name "img1","img2","img3" etc.
View 4 Replies
Jun 21, 2007
I have a photo gallery that loads many images using a for loop (image data is from XML file). Simplified code looks like this:
Code:
var photos_xml = new XML();
photos_xml.ignoreWhite = true;
[code].....
View 2 Replies
Feb 5, 2012
[Code].....
I have a group of 16 images that I would like to load 1 of each into each movieclip. I want image1 to be inside of visual1, image 2 inside of visual2, and so on. the images are named like, 1960s_(1).png where the 1960 (year) part is coming from the rangeNum variable. The above gives me this error: 1061: Call to a possibly undefined method addChild through a reference with static type int.
View 4 Replies
Sep 2, 2010
i have been building a library that has thumbnails which you click to view the full image. i have built the application it works but i want to change the way the image on the actual thumbnail loads using code instead of manually adding the value to the url loader component.
var myX;var instanceN:String;trace(instanceN);var currentLoad:uint = 0;// current loader and image loadingvar thumbnailURL:String;//Thumbnail URLvar thumbReq:URLRequest;// Thumbnail url requestfor(var k:uint = 0;k < iL_btn.length; k++)[code].....
the loop runs fine without the last line of code which i've commented out.the make up of these thumbnails are a uiLoader component which are each inside there own movieClip.what i wanted this to do was every time the loop runs it currentLoad adds 1 to its value then that value is subbed into instanceN:String and thumbnailURL address that bit works the trace statements read correctly.but my issue is using the instanceN value as the instance name path which then loads the current thumbnailURL value which is the URL address for the thumbnail picture.when i try to load the url address using the commented out code above i got the error .TypeError: Error #1010: A term is undefined and has no properties.the trace statements correct values below
the first value is the currentLoad value.
the second value is the instance name path.
the third is is the URL address for the thumbnail.[code].....
View 3 Replies
Aug 15, 2009
refer to link below to see the affect I am trying to achieve. [URL] Hover your mouse over to the right and the images will start scrolling to the left. How do I achieve this effect?
View 1 Replies
