➤Code: https://editor.p5js.org/rjgilmour/ske...
The basic idea is to:
1) Use the camera's position and look-at point (eye and center) to calculate the pan and tilt angles.
2) Translate to the camera position 𝘁𝗿𝗮𝗻𝘀𝗹𝗮𝘁𝗲(𝗲𝘆𝗲𝗫, 𝗲𝘆𝗲𝗬, 𝗲𝘆𝗲𝗭)
3) Rotate our current coordinate frame by the pan and tilt angles so that the x-axis is pointing towards the look-at point 𝗿𝗼𝘁𝗮𝘁𝗲𝗬(𝗽𝗮𝗻); 𝗿𝗼𝘁𝗮𝘁𝗲𝗭(𝘁𝗶𝗹𝘁);
4) Translate along the x axis out in front of the camera 𝘁𝗿𝗮𝗻𝘀𝗹𝗮𝘁𝗲(𝟭𝟬𝟬, 𝟬, 𝟬)
5) Draw text, images and other HUD elements
➤Support the channel: https://ko-fi.com/morejpeg
➤Pan and Tilt: https://editor.p5js.org/rjgilmour/ske...
#gamedev #p5js #codingchallenges
Смотрите видео Adding 2D Text over a 3D scene: Coding a Heads Up Display (HUD) in 10 minutes онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь morejpeg 08 Февраль 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 544 раз и оно понравилось 17 людям.