how to use ScorllImage in CitrusEngine?

Start » Libraries for Starling » Citrus Engine

how to use ScorllImage in CitrusEngine?

(8 posts) (3 voices)

Started 3 years ago by barice
Latest reply from gsynuh

Tags:

No tags yet.

barice

Hatchling
Joined: Dec '14
Posts: 2
barice

Hatchling
Joined: Dec '14
Posts: 2
im trying use starling extension ScrollImage in my study CE, and i am a newbie flash programmer.

i want to make a game like easy slot machine, so i use ScrollImage to scroll CitrusSprite's View.

there is part of my code in gamestate:
candy = new CitrusSprite("candy", { x:200,y:200} ); var bitmap1:Bitmap = new candyImg(); var text1:Texture = Texture.fromBitmap(bitmap1); var xml1:XML = XML(new candyXml()); var atlas1:TextureAtlas = new TextureAtlas(text1, xml1); add(candy); scrollThing = new ScrollImage(60, 512, false); tile1 = scrollThing.addLayer(new ScrollTile(atlas1.getTexture("icon.dkx_000005.png"))); candy.view = scrollThing;
if there is no other try to make it scroll , it will show the picture(icon.dkx_000005.png) in 200,200.

if i override update function , it will become a gary square, even the update function is empty.
override public function update(timeDelta:Number):void { }
please can tell me where i am wrong ? or point me where i need to change my concept, thx .

btw, sorry about my poor english .
Posted 3 years ago #

gsynuh

Citrus Jedi
Joined: Nov '12
Posts: 2,692

gsynuh

Citrus Jedi
Joined: Nov '12
Posts: 2,692

Hi barice,

I don't understand what's going on, but ScrollImage should work fine if its a starling DisplayObject. perhaps try another order like so :

var bitmap1:Bitmap = new candyImg();
var text1:Texture = Texture.fromBitmap(bitmap1);
var xml1:XML = XML(new candyXml());
 
var atlas1:TextureAtlas = new TextureAtlas(text1, xml1);
 
scrollThing = new ScrollImage(60, 512, false);
tile1 = scrollThing.addLayer(new ScrollTile(atlas1.getTexture("icon.dkx_000005.png")));
 
candy = new CitrusSprite("candy", { x:200,y:200, view: scrollThing} );
add(candy);

if that doesn't fix it, you could still have view be a Sprite :

var bitmap1:Bitmap = new candyImg();
var text1:Texture = Texture.fromBitmap(bitmap1);
var xml1:XML = XML(new candyXml());
 
var atlas1:TextureAtlas = new TextureAtlas(text1, xml1);
 
scrollThing = new ScrollImage(60, 512, false);
tile1 = scrollThing.addLayer(new ScrollTile(atlas1.getTexture("icon.dkx_000005.png")));
 
var spriteContainer:Sprite = new Sprite();
spriteContainer.addChild(scrollThing);
 
candy = new CitrusSprite("candy", { x:200,y:200, view: spriteContainer} );
add(candy);

and from within CitrusSprite, you can scroll the child of the view.
you might also want to have a custom CitrusSprite to override things.

//Custom class extending CitrusSprite, when view is a Sprite containing ScrollImage
 
public var scrollImage:ScrollImage;
 
override function handleArtReady(citrusArt:ICitrusArt):void
{
   if(citrusArt is StarlingArt) {
      var sArt:StarlingArt = citrusArt as StarlingArt;
      if(sArt.content is Sprite)
      {
         var child:ScrollImage = Sprite(sArt.content).getChildAt(0);
         if(child)
            scrollImage = child;
      }
   }
}
 
override function update(timeDelta:Number):void
{
    if(scrollImage)
    {
        //change scrollImage here
    }
}

Posted 3 years ago #

barice

Hatchling
Joined: Dec '14
Posts: 2
barice

Hatchling
Joined: Dec '14
Posts: 2
Thx Thomas, i will use those way to my study.
but i have 2 questions above those code,

1. why i need to specify voew before add()? can i change view after add()?
2. third part of your code :
var child:ScrollImage = Sprite(sArt.content).getChildAt(0);
got a error:
Candy.as(54): col: 51 Error: Implicit coercion of a value with static type starling.display:DisplayObject to a possibly unrelated type starling.extensions.krecha:ScrollImage.
var child:ScrollImage = Sprite(sArt.content).getChildAt(0);
is anything i made mistake?

thx
Posted 3 years ago #
gsynuh

Citrus Jedi
Joined: Nov '12
Posts: 2,692
gsynuh

Citrus Jedi
Joined: Nov '12
Posts: 2,692
Hey barice,

1. Yes you can absolutely define view after.
The thing is , its more common to create at least an itinial one yourself before adding it, if you don't I believe CitrusEngine will simply show a colored quad. Anyway I hope containing the ScrollImage inside a Sprite would help, even if I don't really know why at the moment sadly.

2. my mistake, here's a line that should be ok.= :
var child:ScrollImage = Sprite(sArt.content).getChildAt(0) as ScrollImage;
Posted 3 years ago #
lucapresidente

Competent Bird
Joined: Jan '15
Posts: 59

lucapresidente

Competent Bird
Joined: Jan '15
Posts: 59

Does ScrollImage work with Starling 2 + CE 3.2.0?

Posted 10 months ago #
gsynuh

Citrus Jedi
Joined: Nov '12
Posts: 2,692

gsynuh

Citrus Jedi
Joined: Nov '12
Posts: 2,692

@lucaspresidente,

Hi, If the ScrollImage extension is compatible with starling 2.0 (I don't know if it's been updated to) then it will work with the git version of CE!

Posted 10 months ago #
lucapresidente

Competent Bird
Joined: Jan '15
Posts: 59

lucapresidente

Competent Bird
Joined: Jan '15
Posts: 59

I think is not compatible with starling 2, what's the best option to make a 2 layered parallax background?

Posted 10 months ago #
gsynuh

Citrus Jedi
Joined: Nov '12
Posts: 2,692

gsynuh

Citrus Jedi
Joined: Nov '12
Posts: 2,692

It's been a while since I had to use something like this, I tend to recreate my own little custom parallax scroller...

You should try posting on the starling specific subforums , I hope someone has a similar tool available somewhere, or someone ported it (it'd be great)

anyway good luck with your project. please link your post back here if you can, I'd be interested in the answers

Posted 10 months ago #

RSS feed for this topic

Reply

You must log in to post.

Starling Forum

how to use ScorllImage in CitrusEngine?

Reply