SFML community forums
Help => Graphics => Topic started by: Yelnats on April 09, 2011, 05:06:55 am
-
I have been using a view to display the screen of my game, and then there would be a GUI at the bottom. My problem right now is actually grasping what the view functions do. Does setcenter() move the view itself i.e. move the screen inside the actual window, or move everything in the screen but the window stays? Basically, imagine a window on a computer monitor. Does set center move the window, or the monitor itself? (monitor = view, window = things in view).
Also, how can I go about making a camera that follows the player? Do I use set center, or what? I have one that isn't working very well, but the character is able to be rendered outside of the view's co ordinates. This might be because I am using setcenter() and if it is, what should I use instead.
Thanks in advance, and if you need clarifications, I will try as hard as I can.
-
Every function of sf::View transforms the view itself, views can't move other entities of the 2D world. So SetCenter moves the view, so that it sees a different part of the world. Views are similar to 2D cameras.
-
Oh ok thanks I get it now.
-
Ok, I have run into even more troubles. I have a view that is meant to follow the character and stop when it hits the edge of the map. The character is set to the position 320, 460 and the camera's center is 320, 360. Why doesn't the camera/view display the character? I used setview() before drawing the character.
-
Why doesn't the camera/view display the character?
How could we know? ;)
Please give more details, or show the relevant code.
-
Yeah sorry about that, it was pretty stupid to ask without any info. Here is the move view code
void cmainchar::moveview(cmap * maps){
//fix this
//then remove safety checks on tiles (not needed anymore)
if(teleport){
spawn = true;
fall = 0.f;
jump = 0.f;
maps->changemap(this, spawn);
teleport = false;
}
int setx, sety;
int x = you.GetPosition().x + 20;
int y = you.GetPosition().y + 20;
//posx and posy is the size of the map. it is multiplied by 40 due to the size of the tiles (40 by 40)
if (x < 320)
setx = 320;
else if (x> maps->posx * 40 - 320)
setx = maps->posx *40 - 320;
else
setx = x;
if (y < 200)
sety = 200;
else if (y > maps->posy * 40 - 200)
sety = maps->posy * 40 - 200;
else
sety = y;
View.SetCenter(setx, sety);
std::cout << you.GetPosition().y << " " << View.GetCenter().y - 200 << " " << View.GetSize().y << std::endl;
}
The character is 40 by 60 pixels, and the view is 640 by 400 on the coordinates 0,0. I use App.SetView(View) before drawing the character, although I am unsure of what that does exactly(this is probably the error, but I am unsure, so if you can explain what exactly it does, I would appreciate it). The cout gives this information:Ypostion 460 YviewTop 120 YviewSize 400. So there is no reason why the character isn't in view. There is a GUI obscuring the bottom of the screen that is 80 pixels high and 640 long. The character resides on the bottom of the screen, his feet touching the bottom. So the character's actual position is 580.
-
Hmm... it's hard to tell. Could you write a complete and minimal code that reproduces the problem?
-
Here, I tried. The problem is that the view stops following you when you get close to the bottom, but you can hit the bottom (where there would be a 80 pixels high GUI)
#include <SFML/Graphics.hpp>
#include <iostream>
sf::RenderWindow App(sf::VideoMode(640, 480, 32), "Fail");
sf::View View(sf::FloatRect(0,0,640,400));
void moveview(const sf::Sprite & you){
//fix this
//then remove safety checks on tiles (not needed anymore)
int setx, sety;
int x = you.GetPosition().x + 20;
int y = you.GetPosition().y + 20;
if (x < 320)
setx = 320;
else if (x> 18 * 40 - 320)
setx = 18 * 40 - 320;
else
setx = x;
if (y < 200)
sety = 200;
else if (y > 14 * 40 - 200)
sety = 14 * 40 - 200;
else
sety = y;
View.SetCenter(setx, sety);
}
int main(){
sf::Image ibackground;
ibackground.LoadFromFile("background.png");
sf::Sprite background;
background.SetImage(ibackground);
sf::Image itest;
itest.LoadFromFile("image.png");
sf::Sprite test;
test.SetImage(itest);
while (App.IsOpened()){
sf::Event Event;
while (App.GetEvent(Event)){
if (Event.Type == sf::Event::Closed)
App.Close();
}
if (App.GetInput().IsKeyDown(sf::Key::A))
test.Move(-100.f * App.GetFrameTime(), 0);
if (App.GetInput().IsKeyDown(sf::Key::D))
test.Move(100.f * App.GetFrameTime(), 0);
if (App.GetInput().IsKeyDown(sf::Key::W))
test.Move(0, -100.f * App.GetFrameTime());
if (App.GetInput().IsKeyDown(sf::Key::S))
test.Move(0, 100.f * App.GetFrameTime());
if(test.GetPosition().x < 0)
test.SetPosition(0, test.GetPosition().y);
if(test.GetPosition().x + test.GetSize().x >18 *40)
test.SetPosition(18 * 40 - test.GetSize().x, test.GetPosition().y);
if(test.GetPosition().y < 0)
test.SetPosition(test.GetPosition().x, 0);
if(test.GetPosition().y + test.GetSize().y >14 *40)
test.SetPosition(test.GetPosition().x , 14 * 40 - test.GetSize().y);
moveview(test);
App.Clear();
App.SetView(View);
App.Draw(background);
App.Draw(test);
App.Display();
}
return 0;
}
-
I tried your code and everything looks ok. The view follows the player and stops at the borders of the background. So what's wrong actually?
-
Basically the player overshoots 80 pixels in the Y axis direction (which is where a GUI will reside, basically obscuring the player). So he should stop moving at position x,400 and so should the view, instead of x,480. Also, can you explain what exactly change view does? Does it alter the co ordinates, converts them, or what? My idea is it gets the position of the view, and then subtracts that from the item being drawn.
-
Ok I see. There are too many "magic" numbers in your code, it's hard to tell which line is wrong. But basically there's nothing wrong in how you use SFML, it's probably just a wrong formula.
Also, can you explain what exactly change view does? Does it alter the co ordinates, converts them, or what? My idea is it gets the position of the view, and then subtracts that from the item being drawn.
Before being drawn, the geometry of each object is transformed by the view: offseted by the view's position, rotated by the view's rotation, etc... (using a single 4x4 matrix).
-
Ah ok thanks. Let me change the magic numbers (if I understand it correctly)
#include <SFML/Graphics.hpp>
#include <iostream>
const int xscreensize = 720;
const int yscreensize = 560;
sf::RenderWindow App(sf::VideoMode(640, 480, 32), "Fail");
sf::View View(sf::FloatRect(0,0,640,400));
void moveview(const sf::Sprite & you){
//fix this
//then remove safety checks on tiles (not needed anymore)
int setx, sety;
int x = you.GetPosition().x + 20;
int y = you.GetPosition().y + 20;
if (x < View.GetSize().x / 2)
setx = View.GetSize().x / 2;
else if (x> xscreensize - View.GetSize().x / 2)
setx = xscreensize - View.GetSize().x / 2;
else
setx = x;
if (y < View.GetSize().y / 2)
sety = View.GetSize().y / 2;
else if (y > yscreensize - View.GetSize().y / 2)
sety = yscreensize - View.GetSize().y / 2;
else
sety = y;
View.SetCenter(setx, sety);
}
int main(){
sf::Image ibackground;
ibackground.LoadFromFile("background.png");
sf::Sprite background;
background.SetImage(ibackground);
sf::Image itest;
itest.LoadFromFile("image.png");
sf::Sprite test;
test.SetImage(itest);
while (App.IsOpened()){
sf::Event Event;
while (App.GetEvent(Event)){
if (Event.Type == sf::Event::Closed)
App.Close();
}
if (App.GetInput().IsKeyDown(sf::Key::A))
test.Move(-100.f * App.GetFrameTime(), 0);
if (App.GetInput().IsKeyDown(sf::Key::D))
test.Move(100.f * App.GetFrameTime(), 0);
if (App.GetInput().IsKeyDown(sf::Key::W))
test.Move(0, -100.f * App.GetFrameTime());
if (App.GetInput().IsKeyDown(sf::Key::S))
test.Move(0, 100.f * App.GetFrameTime());
if(test.GetPosition().x < 0)
test.SetPosition(0, test.GetPosition().y);
if(test.GetPosition().x + test.GetSize().x >xscreensize)
test.SetPosition(xscreensize - test.GetSize().x, test.GetPosition().y);
if(test.GetPosition().y < 0)
test.SetPosition(test.GetPosition().x, 0);
if(test.GetPosition().y + test.GetSize().y > yscreensize)
test.SetPosition(test.GetPosition().x , yscreensize - test.GetSize().y);
moveview(test);
App.Clear();
App.SetView(View);
App.Draw(background);
App.Draw(test);
App.Display();
}
return 0;
}
Just to make sure I get views, if I draw a sprite with SetView() changed, it will get that view's position and subtract it from the sprite, and then draw it? I'm only talking about the position, not rotation and stuff. Also does a view affect a sprite's origin?
-
I'm not sure what the problem is. I put your code into a SFML 2 project and it works fine with a background image that is 720x560 and a character that is 32x32.
Just to make sure I get views, if I draw a sprite with SetView() changed, it will get that view's position and subtract it from the sprite, and then draw it? I'm only talking about the position, not rotation and stuff. Also does a view affect a sprite's origin?
Every transformation (movement, rotation, scale/zoom) that is applied to the drawable being drawn and the currently set view affects the final result on the screen.
However, changing a view's origin does not affect a sprite's origin when you use the get acessor function.
-
Basically, I want there to be 80 pixels of room after you can't move anymore, so that the background will be 80 pixels above the edge of the screen after you hit it, which is where the GUI would be.
-
I still don't get it. Is the GUI and background contained in the same image?
If you're just trying to add padding at the top (or bottom) so that there is room for a GUI,
make the view able to move 80 pixels above (or below) where it can now. You don't have anything in your code that indicates 80 pixels.
-
I've done this
else if (y > yscreensize - View.GetSize().y / 2 + 80)
sety = yscreensize - View.GetSize().y / 2 + 80; but now when the sprite is going down, the view only begins going down when the y point is at 240, not 200. So instead of camera moving at 200, it moves at 240. And I don't mean the top of the sprite either, I mean the 20 pixels down point(due to the offset I set). Another thing is that the camera follows it until there is a 95 pixel gap, not an 80 pixel gap. Here is a picture to illustrate what I mean.
(http://dl.dropbox.com/u/8414553/multiply%20strucs%202011-04-11%2023-10-35-15.png)
The 2 lines represent the center point of the view, the meeting point being 320,200.
-
If you're still having problems, you need to post compilable, but minimal, code that demonstrates what you're trying to do and fails to do with comments that explain what your goal is.
All the code that you have posted doesn't demonstrate a problem. I can't help you if you don't post compilable code where you tried to achieve a result and it failed.
I'm just not that good. ;)
-
I don't know, what your problem is. I have just tested your application and it worked exactly as I would wish it to.
With this formula you should have some space of 80px below your "moving-area"
else if (y > yscreensize - View.GetSize().y / 2 + 80)
sety = yscreensize - View.GetSize().y / 2 + 80;
For testing I added a sprite(height: 80px) at the bottom of the moving area. This is, what it looks like:
(http://dl.dropbox.com/u/2541480/sfml_view.png)
So what exactly is the problem?
-
That exactly is my problem the green area is 95 pixels high, instead of 80. Measure it yourself if you must. The idea is that it stops moving at 80 pixels, instead of 95.
-
For that reason I created this green sprite. It is exactly 80 pixels high. And so this gap is not 95 pixels but really 80 pixels high.
It seems to be 95 pixels, but this may be caused(I don't know it for sure) by the view-size. The view-size has not the same ratio as the window size and so all objects will be streched.
-
Yes thanks! I get it now! I set the viewport to be 0,0,1,0.8333. Thanks man!