Very Slow / Lag When Screen Moves...

Question

Hi Guys,
I’m really a newbie when it comes to AS3 – so really a total newbie when it comes to using it to develop iPhone games/apps, but I have used AS2 for years now
I’ve been trying to do a simple test – Just use mouse events to move a screen around depending on what is pressed. No Characters/hittests/etc.
What I have created works great on my pc – very smooth, and even on the iphone, the controls work as expected – but the problem is how SLOW everything is running. Pressing the "UP" arrow - makes the screen move, but very SLOW and Jumpy.
I have tried using onkeyframe and using a timer – but both are very slow.
Typically when I made games in AS2 – the “level” would just be a single BIG movieclip – as shown in “Example A” – but this was very slow on the iphone, so I tried a tile based approach (“Example B”), which reuses the same movieclips, it just moves them and renames them – trying to cut memory usage down, only loading what is needed - but  still its slow. The total size of the "level" is only about 3x bigger than the iphone visible screen.
I have made sure all variables are done correctly: var thisVar:int = 10; etc and have enabled cache as bitmap. I have replaced all vector graphics with jpegs, and followed the guide on how to optimize code for iphone development – but nothing seems to work, everything just lags as the screen moves/updates – but everything works great on my pc.
Can someone please explain what I am doing wrong? Is there a way to cache the whole map before the game loads? Which is the correct way to make an iphone game where the level is bigger than the default screen - tile based or a large level graphic.
Thanks so much for any help! I’ve been trying to get this simple test working for 3 days now – but documentation is limited at the moment.
Cheers!

Answer 1

This should be better:
the function addPage() is what I used to test Bitmaps
import flash.display.Shape;
import flash.display.Sprite;;
Multitouch.inputMode = MultitouchInputMode.GESTURE;
var currentGalleryItem:Number = 1;
var totalGalleryItems:Number = 4;
var slideCounter:Number = 0;
var gallery_items:Sprite = new Sprite();
addChild(gallery_items);
addPages();
stage.addEventListener (TransformGestureEvent.GESTURE_SWIPE, fl_SwipeToGoToNextPreviousFrame);
// create pages
function addPages():void
addShape(0, 0, 0xff0000);
addShape(768, 0, 0x00ff00);
addShape(1536, 0, 0x0000ff);
function addPage(xPos:Number, yPos:Number):void
var p:Bitmap = new Bitmap(new bookPage());
p.x = xPos;
p.y = yPos;
gallery_items.addChild(p);
function addShape(xPos:Number, yPos:Number, col:uint):void
var s:Shape = new Shape();
s.graphics.beginFill(col);
s.graphics.drawRect(xPos, yPos, 768, 1028);
s.graphics.endFill();
gallery_items.addChild(s);
function fl_SwipeToGoToNextPreviousFrame(event:TransformGestureEvent):void
if(event.offsetX == 1)
if(currentGalleryItem > 1){
currentGalleryItem--;
slideRight();
else if(event.offsetX == -1)
if(currentGalleryItem < totalGalleryItems){
currentGalleryItem++;
slideLeft();
function slideLeft(){
gallery_items.addEventListener("enterFrame", moveGalleryLeft);
function slideRight(){
gallery_items.addEventListener("enterFrame", moveGalleryRight);
function moveGalleryLeft(evt:Event){
gallery_items.x -= 76.8;
slideCounter++;
if(slideCounter == 10){
gallery_items.removeEventListener("enterFrame", moveGalleryLeft);
slideCounter = 0;
function moveGalleryRight(evt:Event){
gallery_items.x += 76.8;
slideCounter++;
if(slideCounter == 10){
gallery_items.removeEventListener("enterFrame", moveGalleryRight);
slideCounter = 0;