Starling Forum

1. 

   maxtillberg
   

   Novice Bird
   Joined: Jun '12
   Posts: 11

   I have about 60 images that should be able to change between 6 different pictures from time to time and I wonder what the easiest way to do this would be? Im am thinking of something like gotoAndStop in AS3.

   Sincerely,
   Max Tillberg

   Posted 11 months ago #
2. 

   tomph
   

   Senior Bird
   Joined: Feb '12
   Posts: 91

   60 placeholders?

   Your best bet would to be assign a RenderTexture to each Image.

   You can then freely update the texture without the need of re-instantiation - although this does require a re-cast.

   RenderTexture(image.texture).draw(photo);

   Posted 11 months ago #
3. 

   Zadvorsky
   

   Competent Bird
   Joined: Apr '12
   Posts: 28

   So 60 images in 6 'movieclips'?

   If the textures are big:

   Create 60 Textures; one for each of your images.
   Create 6 Starling Images.

   Set the texture you want to display to the Image instance you want to display it on.

   else if the textures are small:

   Create an AtlasMap (sprite sheet) of your images
   Create 6 StarlingMovieClips

   Show the correct image using MovieClip.currentFrame

   Posted 11 months ago #
4. 

   Josh Tynjala
   

   Feathers Guru
   Joined: Feb '12
   Posts: 2,468

   If we aren't talking about animation, you can swap out the texture property of an Image.

   var image:Image = new Image(texture1);
   addChild(image);
    
   //change texture
   image.texture = texture2;
   image.readjustSize();
    
   //back to the original
   image.texture = texture1;
   image.readjustSize();

   If the textures are the same width and height, then you don't need to call readjustSize().

   Posted 11 months ago #
5. 

   maxtillberg
   

   Novice Bird
   Joined: Jun '12
   Posts: 11

   Thanks a lot Josh, it works perfectly. So simple. I still have a question about defining the textures. In this case I defined them like this

   // enables the use of the png image file
   [Embed(source = "image0.png")]
   private var StarlingBird1:Class;
   [Embed(source = "image1.png")]
   private var StarlingBird2:Class;
   var bmp1:Bitmap = new StarlingBird1();
   var bmp2:Bitmap = new StarlingBird2();
   // creates a Starling texture with our bitmap:
   var texture1:Texture = Texture.fromBitmap(bmp1);
   var texture2:Texture = Texture.fromBitmap(bmp2);

   But I wonder if it would be better/easier to use a SpriteSheet, what do you think?

   Sincerely,
   Max Tillberg

   Posted 11 months ago #
6. 

   Josh Tynjala
   

   Feathers Guru
   Joined: Feb '12
   Posts: 2,468

   Using a texture atlas will be better for performance than creating textures from separate bitmaps.

   Posted 11 months ago #
7. 

   maxtillberg
   

   Novice Bird
   Joined: Jun '12
   Posts: 11

   Ok, If I use a texture atlas I guess

   image.texture = texture1;

   will not work. Is there a similar function for changing between two images in a texture atlas?

   Sincerely,
   Max Tillberg

   Posted 11 months ago #
8. 

   Daniel
   

   Primary Feather
   Joined: Jan '10
   Posts: 2,445

   Have you called:

   image.texture = texture1;
   image.readjustSize(); // <-- !!

   ?

   Posted 11 months ago #
9. 

   lokhy
   

   Senior Bird
   Joined: Sep '11
   Posts: 68

   I have a similar issue but in my case bitmapData object is being modified in a runtime (with draw function) sevreal times so it cant be predefined in texture atlas.

   How to solve it, is starling proper for this?

   Posted 11 months ago #
10. 

    Daniel
    

    Primary Feather
    Joined: Jan '10
    Posts: 2,445

    What exactly do you want to do, and which problem do you have?

    Posted 11 months ago #

RSS feed for this topic

Reply

You must log in to post.