Very well explained. I feel like even if I use these in other languages I'd still be able to implement this feature because you taught the structure of the code logic so well.
In case anyone is interested, you can adjust how zoomed in/out the camera is by changing "cam.scale" in love.load() (e.g. cam.scale = cam.scale * 2) Then, in order for the borders to take that into account, you can also divide all the values by "cam.scale" (e.g. if cam.x < w/2/cam.scale then cam.x = w/2/cam.scale end) Not sure if it's the best way to do it but it seems to be working, hope this helps~
I've been trying to do a lot of this the hard way without libraries. This series is so very useful! Also if you get any errors with loading the map, try this in Tileset: Edit > Preferences > General > Export Options > Embed tilesets = true
For anyone that is having problems with the right and bottom corners. In the video, he uses an upscaled tileset for the map, but if u're using a normal one and upscaling it through the code, u'll have to multiply "mapW" and "mapH" by the same scale of the map that u multiplied it in the code. Hope that this will help someone :)
THANK YOU SO MUCH! After having to figure out how to resize individual layers (pain) I was so worried I had run into another issue. Your comment literally saved me!
I was about to post that I had problem with my code and it wasn't checking the right border. Turns out I had cam.X instead of cam.x :D Great video man, you might consider posting a link to it in your udemy course somewhere, This is the missing camera piece to the videos you have there :)
4:53 you could also just offset in the camera lookAt call itself: Cam:lookAt(Player.pos.x + Player.size.width / 2, Player.pos.y + Player.size.height / 2)
hello i am newbie in Love2D and im trying to make camera fallow player as in guide, but when i write cam:attach, colon is no working i getting error how fix this?
I'm making a core game in love2D and need a way to make buttons that work and are on a control room area where you can press buttons on the panel this would be a huge help!
Just found these they’re very helpful. But please be careful you’re creating many globals which eventually is going to cause issues such as overwriting the same variable and performance issues since reading a global is slower than a local
Hey! So my background is too small and originally I had it so it was scaled up 3x gameMap:draw(0, 0, 3) But when it draws individual layers it wouldn’t let me scale it. Do you know how to do this?
I have the same problem Edit: I figured it out, for anyone else who has the problem as well. First I get the camera x and y coordinates with this line: local camx, camy = cam:position() then instead of gameMap:draw(0, 0, 3, 3) I do gameMap:draw(-camx/3, -camy/3, 3, 3) Basically just draw the map at the camera's position Edit 2: turns out this has some problems with stopping the camera at the border of the screen, and likely more problems later on. Also you can ignore the whole local camx, camy line, then replace camx with cam.x and camy with cam.y.
@@ooooggll oh also do you know how to fix colon error in lua? when i writed exactly - cam:attach i had error by colon, but i dont understand why does it shows up please explain me if you can!
can you make a video on collisions? it would be a lot of help considering im trying to make a game that heavily relies on collision events AKA, making a video about making something happen when touching something else.
This is how I recommend doing cameras, so I don't plan on making any other videos about it. I highly suggest sticking with the library, or looking through the camera.lua file to see how it works behind the scenes
NOT camera.lua, just camera in require "camera.lua" it takes periods and uses them as like a forward slash / so, if you put camera.lua, it takes that as camera/lua, which doesn't exist. tldr; replace require "camera.lua" with require "camera"
Was wondering if there was any type of zoom in function within the camera or love2d? My tiles are much smaller than 64 x 64 making my map bigger and tiles smaller. If anyone figures this out please let me know
Cool! Wouldn't it be easier to center the camera by changing the lookAt to player.x+player.width/2 and player.y+player.height/2 ? I feel like drawing the sprite at the center could complicate a lot the collision detection later 🤔 Anyway, great tutorial as always, bounding the camera makes it look very professional 👍🏻
You are right about that other option, but I actually updated the draw offset in preparation for making collisions easier. The physics library we'll be using has the center set to the middle of the collider, so now it'll line up to be the same as the draw. And personally I like having the position match the center, it's easier for me to visualize
If you're using an image for the background rather than a tile map, it should still work. You'd just need to use the image width/height rather than the map's width/height.
I've been struggling for a few days now to get this right. My map is very small (20 by 20) and used small tiles (16 by 16) and just *cannot* seem to get the camera to stop at the right and bottom edges. I'm zooming in the camera using the camera zoom built into the camera. It works when I dont zoom in, but the moment I do everything goes wrong, I feel like i've tried everything I can. i know im over a year late to the party but I really need help and I dont know where else to look Edit: Less than 10 minutes after posting I figured out how to fix it. if cam.x > (mapW - w/2/camZoom) cam.x = (mapW - w/2/camZoom) end it was that easy, thats like, basically what I did for the top left, i cant believe it took me so long to figure out ... Either way uh, leaving this here incase anyone needs help too
help "Error scripts/sti/init.lua:926: attempt to index local 'layer' (a nil value) Traceback [love "callbacks.lua"]:228: in function 'handler' scripts/sti/init.lua:926: in function 'drawLayer' main.lua:65: in function 'draw' [love "callbacks.lua"]:168: in function [C]: in function 'xpcall' "
Hey! I have a problem that I cant figure out. the error says this: Error libraries/sti/init.lua:854: attempt to index local 'layer' (a nil value) Traceback [love "callbacks.lua"]:228: in function 'handler' libraries/sti/init.lua:854: in function 'drawLayer' main.lua:96: in function 'draw' [love "callbacks.lua"]:168: in function [C]: in function 'xpcall' I dont know what to do, please help Kyle!
When I add cam.lookAt(player.x, player.y) the following error occurs (please note, i have followed the tutorial to the letter, even drawing layers instead of the map.) Error PGR/lib/camera.lua:72: attempt to index local 'self' (a number value) Traceback [love "callbacks.lua"]:228: in function 'handler' PGR/lib/camera.lua:72: in function 'lookAt' main.lua:66: in function 'update' [love "callbacks.lua"]:162: in function [C]: in function 'xpcall'
i kepp getting this error Error libraries/camera.lua:115: Maximum stack depth reached (more pushes than pops?) Traceback [love "callbacks.lua"]:228: in function 'handler' [C]: in function 'push' libraries/camera.lua:115: in function 'attach' main.lua:45: in function 'draw' [love "callbacks.lua"]:168: in function [C]: in function 'xpcall'
cam:lookAt(player.x, player.y) doesn't work for me, the player doesn't move when I press the movement keys Edit: I skipped the animation tutorial because I want to focus on that later
it gives me this error message Error libraries/camera.lua:109: attempt to index local 'self' (a nil value) Traceback [love "callbacks.lua"]:228: in function 'handler' libraries/camera.lua:109: in function 'attach' main.lua:69: in function 'draw' [love "callbacks.lua"]:168: in function [C]: in function 'xpcall' can someone help :(
Make sure you have a : instead of a . on any function that needs to have a colon. I get this error a lot when I make this mistake and it's easy to overlook
just another guy with the same code error as the others. still no luck Error libraries/sti/init.lua:926: attempt to index local 'layer' (a nil value) Traceback [love "callbacks.lua"]:228: in function 'handler' libraries/sti/init.lua:926: in function 'drawLayer' main.lua:69: in function 'draw' [love "callbacks.lua"]:168: in function [C]: in function 'xpcall'
okay i fixed it, i apparently renamed one of my layers in Tiled, which i did save but i apparently didn't exporting the new save. that worked, im stupid
![[2021 Update!] Make Games with Love2D - Setup, Structure, and Development Basics](http://i.ytimg.com/vi/wttKHL90Ank/mqdefault.jpg)
Awesome tutorial! My son and I are following your tutorials to create a game. Thank you Kyle, keep them coming!
That's awesome!!
It must be amazing that your father helps you making video games
W Father
how is it going
How's your game going? :)
Very well explained. I feel like even if I use these in other languages I'd still be able to implement this feature because you taught the structure of the code logic so well.
In case anyone is interested, you can adjust how zoomed in/out the camera is by changing "cam.scale" in love.load()
(e.g.
cam.scale = cam.scale * 2)
Then, in order for the borders to take that into account, you can also divide all the values by "cam.scale"
(e.g.
if cam.x < w/2/cam.scale then
cam.x = w/2/cam.scale
end)
Not sure if it's the best way to do it but it seems to be working, hope this helps~
bro cam:zoom() exists
@@HopelessGamer-rw5dz Yeah sorry bro, I'm just a beginner, I do what I can
Either way, that's good info
I've been trying to do a lot of this the hard way without libraries. This series is so very useful!
Also if you get any errors with loading the map, try this in Tileset: Edit > Preferences > General > Export Options > Embed tilesets = true
For anyone that is having problems with the right and bottom corners.
In the video, he uses an upscaled tileset for the map, but if u're using a normal one and upscaling it through the code, u'll have to multiply "mapW" and "mapH" by the same scale of the map that u multiplied it in the code.
Hope that this will help someone :)
AKDJAJDJWJFIWJD I LOVE YOU THANK YOU VERY MUCH
I don't understand, can you please give me an example?
Lol, thank you!
THANK YOU SO MUCH! After having to figure out how to resize individual layers (pain) I was so worried I had run into another issue. Your comment literally saved me!
@@ZigmaVR123 how did you manage that? I've been struggling with it as well
with sti and love, i thought "ok that's a funny coincedence", but HUMP??? NAH YOU GOTTA BE TROLLING
Great tutorial, thanks for taking the time to make it.
Muito obrigado!
Seguindo suas instruções consegui tirar a barra preta embaixo da tela.
Thank you so much for these tutorials, I find them very helpful!
I was about to post that I had problem with my code and it wasn't checking the right border. Turns out I had cam.X instead of cam.x :D Great video man, you might consider posting a link to it in your udemy course somewhere, This is the missing camera piece to the videos you have there :)
The sti thing that we imported last video doesnt work anymore for me when i try doing the layers at: 3:25. Do you know what the problem is?
Did that work for u ?, I am having the same problem
@@iamstill1451 ya it did was having same prob imported the same file with another name with lua ext
4:53 you could also just offset in the camera lookAt call itself: Cam:lookAt(Player.pos.x + Player.size.width / 2, Player.pos.y + Player.size.height / 2)
3:28 if the layers are inside a folder, the drawing process is in any way different?
merci pour se tuto, simple pratique et très bien expliqué pas à pas
super useful video, thank you.
For the layer drawing i would just loop thru all the layers and draw them, makes it easier to add new ones ig
hello i am newbie in Love2D and im trying to make camera fallow player as in guide, but when i write
cam:attach, colon is no working i getting error how fix this?
Thanks, this was really helpful
Pretty useful tutorial, ty.
This tutorial is great!
I'm making a core game in love2D and need a way to make buttons that work and are on a control room area where you can press buttons on the panel this would be a huge help!
Just found these they’re very helpful. But please be careful you’re creating many globals which eventually is going to cause issues such as overwriting the same variable and performance issues since reading a global is slower than a local
Hey! So my background is too small and originally I had it so it was scaled up 3x
gameMap:draw(0, 0, 3)
But when it draws individual layers it wouldn’t let me scale it. Do you know how to do this?
I have the same problem
Edit: I figured it out, for anyone else who has the problem as well.
First I get the camera x and y coordinates with this line:
local camx, camy = cam:position()
then instead of gameMap:draw(0, 0, 3, 3) I do gameMap:draw(-camx/3, -camy/3, 3, 3)
Basically just draw the map at the camera's position
Edit 2: turns out this has some problems with stopping the camera at the border of the screen, and likely more problems later on. Also you can ignore the whole local camx, camy line, then replace camx with cam.x and camy with cam.y.
@@ooooggll oh also do you know how to fix colon error in lua? when i writed exactly - cam:attach i had error by colon, but i dont understand why does it shows up please explain me if you can!
How do you keep the little guy from walking off the edge into infinity? Is that in a later video?
can you make a video on collisions? it would be a lot of help considering im trying to make a game that heavily relies on collision events AKA, making a video about making something happen when touching something else.
Next tutorial is about adding collisions where the world is solid and the player stops - I'll work on adding in collision events as well!
very good tutorial! but I wanted to know if there is a way to make the camera similar to the celeste camera.
Would you help me with this?
Can you explain how to make the same result, but without lib/camera?
This is how I recommend doing cameras, so I don't plan on making any other videos about it. I highly suggest sticking with the library, or looking through the camera.lua file to see how it works behind the scenes
werent getWidth and getHeight removed from love though?
nooooo thats very important. why would they remove it?
How do i scale individual tile layers ?
I am having troubles, it says that the module camera.lua is not found. Any suggesting?
NOT camera.lua, just camera
in require "camera.lua"
it takes periods and uses them as like a forward slash /
so, if you put camera.lua, it takes that as camera/lua, which doesn't exist.
tldr;
replace require "camera.lua" with require "camera"
@@itsaducklin thank you!
@@narikiskiran yw :>
Was wondering if there was any type of zoom in function within the camera or love2d? My tiles are much smaller than 64 x 64 making my map bigger and tiles smaller. If anyone figures this out please let me know
what about normal background? can i have the script for that?
after doing this i realized i still have the black background and my character is on it, can you help?
I'm sorry, I was really stupid
I'm really sorry, the video was great
Cool! Wouldn't it be easier to center the camera by changing the lookAt to player.x+player.width/2 and player.y+player.height/2 ? I feel like drawing the sprite at the center could complicate a lot the collision detection later 🤔
Anyway, great tutorial as always, bounding the camera makes it look very professional 👍🏻
You are right about that other option, but I actually updated the draw offset in preparation for making collisions easier. The physics library we'll be using has the center set to the middle of the collider, so now it'll line up to be the same as the draw. And personally I like having the position match the center, it's easier for me to visualize
@@Challacade awesome, thanks for your answer!
Super... Thanks
Would this work with an image instead of a tmx file?
If you're using an image for the background rather than a tile map, it should still work. You'd just need to use the image width/height rather than the map's width/height.
what about people who use background as a map
i can't fegure out what's going but my cod dosen't work
these really ugly lines appear quite frequently. is there a way to get rid of them?
You're the best
I've been struggling for a few days now to get this right. My map is very small (20 by 20) and used small tiles (16 by 16) and just *cannot* seem to get the camera to stop at the right and bottom edges. I'm zooming in the camera using the camera zoom built into the camera. It works when I dont zoom in, but the moment I do everything goes wrong, I feel like i've tried everything I can. i know im over a year late to the party but I really need help and I dont know where else to look
Edit: Less than 10 minutes after posting I figured out how to fix it.
if cam.x > (mapW - w/2/camZoom)
cam.x = (mapW - w/2/camZoom)
end
it was that easy, thats like, basically what I did for the top left, i cant believe it took me so long to figure out ... Either way uh, leaving this here incase anyone needs help too
Thank you so much !
I have a problem. Player is not visible when i start the game
Make sure that you are drawing the after the floor, but before anything you want to show infront of the player
3:36
Hump? 🤨
Love
this tutorial didnt worked... i am getting errors after errors and i did step by step like in the tutorial...
colon not dot. pay very close attention to every line
help "Error
scripts/sti/init.lua:926: attempt to index local 'layer' (a nil value)
Traceback
[love "callbacks.lua"]:228: in function 'handler'
scripts/sti/init.lua:926: in function 'drawLayer'
main.lua:65: in function 'draw'
[love "callbacks.lua"]:168: in function
[C]: in function 'xpcall' "
I'm getting the same thing, helpp
Please help
Hey! I have a problem that I cant figure out.
the error says this:
Error
libraries/sti/init.lua:854: attempt to index local 'layer' (a nil value)
Traceback
[love "callbacks.lua"]:228: in function 'handler'
libraries/sti/init.lua:854: in function 'drawLayer'
main.lua:96: in function 'draw'
[love "callbacks.lua"]:168: in function
[C]: in function 'xpcall'
I dont know what to do, please help Kyle!
When I add cam.lookAt(player.x, player.y) the following error occurs (please note, i have followed the tutorial to the letter, even drawing layers instead of the map.)
Error
PGR/lib/camera.lua:72: attempt to index local 'self' (a number value)
Traceback
[love "callbacks.lua"]:228: in function 'handler'
PGR/lib/camera.lua:72: in function 'lookAt'
main.lua:66: in function 'update'
[love "callbacks.lua"]:162: in function
[C]: in function 'xpcall'
umm I get an error when camera.lua tries to use self for lookAt
nvm just make sure you use the colon and not the dot
i kepp getting this error
Error
libraries/camera.lua:115: Maximum stack depth reached (more pushes than pops?)
Traceback
[love "callbacks.lua"]:228: in function 'handler'
[C]: in function 'push'
libraries/camera.lua:115: in function 'attach'
main.lua:45: in function 'draw'
[love "callbacks.lua"]:168: in function
[C]: in function 'xpcall'
never mind im just stupid
cam:lookAt(player.x, player.y)
doesn't work for me, the player doesn't move when I press the movement keys
Edit: I skipped the animation tutorial because I want to focus on that later
@@TheNew54321 Thanks!
it gives me this error message
Error
libraries/camera.lua:109: attempt to index local 'self' (a nil value)
Traceback
[love "callbacks.lua"]:228: in function 'handler'
libraries/camera.lua:109: in function 'attach'
main.lua:69: in function 'draw'
[love "callbacks.lua"]:168: in function
[C]: in function 'xpcall'
can someone help :(
Make sure you have a : instead of a . on any function that needs to have a colon. I get this error a lot when I make this mistake and it's easy to overlook
just another guy with the same code error as the others. still no luck
Error
libraries/sti/init.lua:926: attempt to index local 'layer' (a nil value)
Traceback
[love "callbacks.lua"]:228: in function 'handler'
libraries/sti/init.lua:926: in function 'drawLayer'
main.lua:69: in function 'draw'
[love "callbacks.lua"]:168: in function
[C]: in function 'xpcall'
okay i fixed it, i apparently renamed one of my layers in Tiled, which i did save but i apparently didn't exporting the new save. that worked, im stupid
Thanks bro ur a legend