how to make clipping of images/text?

[dydya-stepa]

I want to create a control with image buttons as many web pages have nowadays - a chain of sliding images. But how can I clip them on sides - so do not appear outside of the control area?

[Nexus]

Draw only the sub-rectangles you need, and only where you want them to be located... Or do I miss something?

[Grimshaw]

OpenGL Scissor regions should be the answer, if i didnt miss anything either

[dydya-stepa]

can your point me to something more concrete in terms of sfml? i realize that i need to draw only part of the rectangle  

i was thinking about using a view - any thoughts - pros/cons?

[thePyro_13]

You'd have to be more specific about the effect you're trying to achieve.

What is your sliding image control, do you mean like the central advertising space on steampowered.com?. Sort of like a window with a long horizontal sheet of images scrolling behind it?

If so then you're going in the right direction with a view, that's how I'd try to do it.

[dydya-stepa]

yes, like there. but several images are shown at once not one.

[Ricky]

yes, like there. but several images are shown at once not one.

Code: [Select]


#include <SFML/Graphics.hpp>

int main(void)
{
sf::RenderWindow game(sf::VideoMode(256, 224, 32), "Game");
sf::Event event;

sf::Texture texture;
texture.LoadFromFile("myimage.png");

sf::Sprite sprite;
sprite.SetTexture(texture, false);
sprite.SetSubRect(sf::IntRect(0, 0, 16, 16));

while(game.IsOpened())
{
while(game.PollEvent(event)
{
if(event.Type==sf::Event::Closed)
game.Close();
}

game.Clear();
game.Draw(sprite);
game.Display();
}

return 0;
}

sf::Sprite::SetSubRect(sf::IntRect(Left, Top, Width, Height))
Remember this, this is the key
you can later make functions to automatically do the subrect adjustments for you and viola you have yourself animation

also I just wrote the code above from scratch if it even compiles let me know and if it helps, glad I could be useful to someone xD

edit: forgot to set the sprites texture