Hey there,
I'm currently creating an interactive visualization for multitouch-tables. I enjoy the freedom of Processing over Flash/HTML5, but sometimes I miss some of the features. Currently I'm trying to create some kind of container for other elements. For those of you that are experienced in HTML/Javascript i'll explain it like that: I want to make a slider, that means a container with lots of items in it, but only one of them is visible at once. So far no problem with Processing. When the user clicks the image should be replaced by another. Still no problem with Processing. Trouble begins with the type of transition. I could use a fade-animation in processing, but what if i want to slide the items horizontally? I would need to cut some part of my content off if it flows out of the container.
I also made an image of what I want to achiev so you can imagine better
Has any body an idea of how to create this effect? Hope you understood the problem.
In CSS I could apply a overflow hidden on the container.
<div class="container" style="overflow: hidden">
<div class="slider-item">Star-Content</div>
<div class="slider-item">Other-Content</div>
</div>
Thanks!
PS: Of course I know that Web-Rendering has nothing to do with Processing. Just for better understanding of what i want to achiev...