RayLib Challenge Part 7 - Building a Player Tracking Camera

Last time, we got displaying the 2D world working, but there was a big problem. The camera wasn't following scarfy (the player) wherever he went. Today, we add player tracking code to the 2D camera.
Click the following link for a summary (and to download the code):
keasigmadelta.com/blog/raylib...

[@bonehelm]

The PID controller method seems a bit over engineered. Not sure if it's more accurate/stable or what. But a much easier method that works 99% of the time is to just lerp the camera towards it's target. In the header "raymath.h" there's a "Vector2Lerp" function that you could use. Like this: this->position = Vector2Lerp(this->position, target->position, smoothFactor), where smoothFactor is a float between 0 and 1 but something around 0.15 should be good.

[@KeaSigmaDelta]

Thanks for the suggestion. You're right that using lerp would be nice and simple. I chose PID simply because I felt like it, and not because of any known benefits. Theoretically, it should get the camera centred faster, but at risk of overshoot and oscillations.

[@dylanlamb2396]

Thank you so much for this. It's not quite what I've been looking for, but it works SO MUCH BETTER than what I've been trying to do. Cheers!

[@jadenh_gamedev]

Nice work. I always find hard coding cameras a pain to do. I've done it in the past with other libraries but my collision etc. was off. Hopefully raylib provides the tools for me to do this bug free.

[@KeaSigmaDelta]

Thanks. RayLib has collision detection functions which could help you, but you'll have to stitch it all together, just like I did with the 2D camera tracking.

[@jadenh_gamedev]

@@KeaSigmaDelta thanks for replying, right now I'm building GUI tools for raylib. Hopefully the built in camera is good enough for my needs with some hard coding.

[@KeaSigmaDelta]

@@jadenh_gamedev I wish you all the best with your project.

[@youne1982]

Plz i have a probleme when i compile my code a warning says thta the map is empty maybe the probleme is to save tmx file including tsx file i made How to save a tmx file after using layers

[@KeaSigmaDelta]

I'd need more information to know what's going wrong. What is the exact warning message? And when does it appear (e.g., is it a compiler warning, or one that appears when running the compiled code)? I'm guessing that your tmx file saving question has nothing to do with your code, since you save it in Tiled.

[@youne1982]

@@KeaSigmaDelta 69,69,69,69,69,69,69,69,69,69,69,69,69,69,69,69, 69,69,69,69,69,69,69,69,69,69,69,69,69,69,69,69, 69,69,69,69,69,69,69,69,69,69,69,69,69,69,69,69, 69,69,69,41,69,69,69,69,69,69,69,69,69,69,69,69, 69,69,69,69,69,69,69,69,69,69,69,69,69,69,69,69, 69,69,69,69,69,69,69,69,69,69,69,69,69,69,69,69, 69,69,69,69,69,69,69,69,69,69,69,69,69,69,69,69, 69,69,69,69,69,69,69,69,69,69,69,69,69,69,69,69, 69,69,41,41,41,69,69,69,69,69,69,69,69,69,69,69, 69,69,69,69,41,41,41,41,41,521,521,69,69,69,69,69, 69,69,69,69,69,69,69,69,69,69,69,69,69,69,69,69, 69,69,69,69,69,69,69,69,69,69,69,69,69,69,69,69, 69,69,69,69,69,69,69,69,69,69,69,69,69,69,69,69, 69,69,69,69,69,69,69,69,69,69,69,69,69,69,69,69, 69,69,69,69,69,69,69,69,69,69,69,69,69,69,69,69, 69,69,69,69,69,69,69,69,69,69,69,69,69,69,69,81 167,131,179,131,131,179,131,131,131,131,131,131,179,131,131,168, 125,268,0,0,0,0,0,0,0,0,0,0,0,0,0,128, 125,268,268,0,0,0,0,0,0,0,0,600,0,0,0,128, 125,268,268,0,0,0,0,0,0,0,599,0,622,0,0,128, 125,158,0,0,0,158,0,0,0,158,0,597,0,623,0,128, 125,0,0,0,0,285,285,285,285,285,0,0,623,0,158,128, 125,174,174,174,174,174,0,0,0,0,0,0,0,0,0,128, 125,269,269,269,269,172,224,234,234,234,234,234,0,0,0,128, 177,0,0,0,267,172,0,229,10,10,10,0,197,0,0,128, 125,0,0,253,278,172,0,229,0,0,0,0,233,0,0,128, 125,213,211,253,0,172,0,229,238,0,0,0,233,0,0,128, 125,214,216,253,278,172,224,0,0,0,0,0,233,0,0,180, 125,0,0,253,278,0,0,231,231,231,199,231,0,0,0,128, 125,406,0,253,278,0,0,0,0,0,0,0,0,0,0,128, 125,0,0,0,0,0,0,0,0,0,0,0,0,0,0,128, 165,126,126,126,126,126,126,126,126,126,126,126,126,126,126,166 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,307,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,307,0,689,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0 my tmx file looks like this but still not work

[@KeaSigmaDelta]

@@youne1982 Oh, so this is a runtime error (occurs when you run your program)? I don't see anything wrong with your tmx file. If you can load it in Tiled, then it's definitely a problem with your code. It's worth double-checking that you're loading the correct tmx file. A simple mistake like that can be confusing. Other than that, I don't know what to suggest. I used the tileson library to load the tile-maps, which use the JSON version instead of *.tmx. If you're loading *.tmx files, then you must use a different library to load it in (or your own code).