Making an infinite plane with a shader / Making a 3D web runner game #4
Let's keep working on our web runner game and add an infinite plane with a little trick that relies on shaders!
For the text version, check out the Medium article:
/ making-a-3d-web-runner-game-4-making-an-in...
0:00 - Introduction
0:35 - Last time & overview of the tutorial
1:01 - How to make an infinite 3D object
1:54 - A quick code clean up
2:31 - Introducing the grid and its shader...
3:31 - Three.js buffer attributes
4:57 - Peeking at our shader!
7:00 - A quick intro to shaders
10:15 - Studying our grid shader
13:15 - Animating the grid
15:27 - Recap & next time
Useful links:
- Play Hyperspeed: https://www.minapecheux.com/games/hyp...
- "Shaders for Game Dev", by Freya Holmér: • Shaders For Game Devs
- Three.js website: https://threejs.org/
- Download Three.js on cdnjs: https://cdnjs.cloudflare.com/ajax/lib...
Смотрите видео Making an infinite plane with a shader / Making a 3D web runner game #4 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Mina Pêcheux 13 Сентябрь 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,216 раз и оно понравилось 15 людям.