Multiple Stacks on Mobile

[Ray]

I'm currently using this:
    lock screen for visual effect
    go next card
    unlock screen with visual effect push right fast

Works great, but it's the whole card.  I'd like to maintain a few 
transparent fields and images in a fixed way in front of this so the 
whole transition is happening behind these objects, much like a 
'heads-up' in a video game which shows how much ammunition you have left.

I, too, doubt the move command would work well on under-powered mobile 
devices.  I'm kind of leaning toward something like this:
    hide the objects I want to remain stationary and get a snapshot of 
the both the current and destination cards
    re-show the objects I want to remain stationary
    lock screen for visual effect
    hide the snapshot of the current card, show the snapshot of the 
destination card
    unlock screen with visual effect push right fast
    copy the objects I want to remain stationary to the destination card
    go to the destination card
    delete both snapshots

What do you think?


On 7/28/15 5:14 PM, Scott Rossi wrote:
> I think I see what you're trying to do, and if I understand correctly, you
> can't do it using built-intransitions.  You can restrict transitions
> WITHIN a specified rect or object, but not outside (in this case, the
> background).
>
> What transition are you using -- one of the motion-based options like push
> or scroll?  If yes, one solution could be to use the move command or
> something like AnimationEngine to physically move background groups left
> and right (or up and down).  But since we're talking about the entire
> width/height of the card, that might be a lot of screen to update, which
> could bog down on an underpowered device.
>
> Regards,
>
> Scott Rossi
> Creative Director
> Tactile Media, UX/UI Design
>
>
>
>
> On 7/28/15, 9:01 AM, "Ray" <ray at linkit.com> wrote:
>
>> Scott - the main issue is the second one you've mentioned, below,
>> although it would be more accurate to say 'using transitions behind a
>> fixed foreground'.  I'd like for the fixed foreground to be transparent,
>> hence the introduction of the custom window shape idea.
>>
>> Dr. Hawkins also suggested the groups idea which I can try, although now
>> that I think about it that might be a little complicated since it's my
>> users, not me, who populate each card with objects.  I'm also
>> considering snapshots of the entire screen and transitioning from one
>> PNG to the other while maintaining the same fixed group of objects in
>> the foreground.
>>
>> On 7/28/15 4:52 PM, Scott Rossi wrote:
>>> What's the main issue you're trying to solve?  A custom window shape or
>>> using transitions in front of a fixed background?
>>>
>>> AFAIK, you can't use the windowShape property on mobile stacks.  But you
>>> might achieve the effect of one stack in front of another by moving your
>>> card-based content into groups, and showing/hiding groups on a single
>>> card
>>> (with the card acting as the background stack).  You can apply the same
>>> transitions used when navigating between cards to showing/hiding groups.
>>>
>>> However, the above might not be necessary.  You also might be able to
>>> change your background stack into a background object that appears
>>> behind
>>> all cards in your foreground stack.
>>>
>>> Regards,
>>>
>>> Scott Rossi
>>> Creative Director
>>> Tactile Media, UX/UI Design
>>>
>>>
>>>
>>>
>>> On 7/28/15, 7:51 AM, "Ray" <ray at linkit.com> wrote:
>>>
>>>> As far as I know, it's not possible to display two stacks
>>>> simultaneously
>>>> on either Android or iOS.  Does anybody have any suggestions for a work
>>>> around to this?
>>>>
>>>> In my case I have a stack with multiple cards which transition with
>>>> visual effects as users go from card to card.  I'd like to keep this
>>>> look while at the same time displaying in front of it another, fixed,
>>>> video game style 'heads-up' stack on screen using the window mask
>>>> property.
>>>>
>>>> Thanks in advance for any ideas!
>>>>
>>>> _______________________________________________
>>>> use-livecode mailing list
>>>> use-livecode at lists.runrev.com
>>>> Please visit this url to subscribe, unsubscribe and manage your
>>>> subscription preferences:
>>>> http://lists.runrev.com/mailman/listinfo/use-livecode
>>>
>>> _______________________________________________
>>> use-livecode mailing list
>>> use-livecode at lists.runrev.com
>>> Please visit this url to subscribe, unsubscribe and manage your
>>> subscription preferences:
>>> http://lists.runrev.com/mailman/listinfo/use-livecode
>>
>> _______________________________________________
>> use-livecode mailing list
>> use-livecode at lists.runrev.com
>> Please visit this url to subscribe, unsubscribe and manage your
>> subscription preferences:
>> http://lists.runrev.com/mailman/listinfo/use-livecode
>
>
> _______________________________________________
> use-livecode mailing list
> use-livecode at lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your subscription preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode