Fun with WebGL 2.0 : 017 : Terrains & TriangleStrips
Today we learn how to use the triangle_strip drawmode to connect the dots of a grid of vertices to create a plane. With the help of perlin noise we turn the flat plane into a hilly terrain then finish it off by putting together a simple shader to apply basic lighting to make it easier to visually see the curvatures of our terrain. We finish it off by using some shader code found online to create a low-poly like diffuse coloring of our terrain.
================================================
Javascript 2D Perlin & Simplex noise functions
https://github.com/josephg/noisejs
OpenGL - How to calculate normals in a terrain height grid?
http://stackoverflow.com/questions/13983189/opengl-how-to-calculate-normals-in-a-terrain-height-grid
An introduction to shader derivative functions (Low Poly)
http://www.aclockworkberry.com/shader-derivative-functions/
================================================
GitHub :: https://github.com/sketchpunk/FunWithWebGL2
Patreon :: https://www.patreon.com/sketchpunk
Tumblr :: http://sketchpunklabs.tumblr.com/
Видео Fun with WebGL 2.0 : 017 : Terrains & TriangleStrips канала SketchpunkLabs
================================================
Javascript 2D Perlin & Simplex noise functions
https://github.com/josephg/noisejs
OpenGL - How to calculate normals in a terrain height grid?
http://stackoverflow.com/questions/13983189/opengl-how-to-calculate-normals-in-a-terrain-height-grid
An introduction to shader derivative functions (Low Poly)
http://www.aclockworkberry.com/shader-derivative-functions/
================================================
GitHub :: https://github.com/sketchpunk/FunWithWebGL2
Patreon :: https://www.patreon.com/sketchpunk
Tumblr :: http://sketchpunklabs.tumblr.com/
Видео Fun with WebGL 2.0 : 017 : Terrains & TriangleStrips канала SketchpunkLabs
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
WebGL2 : 117 : Arc Circle IK SolverWebGL2 : 089 : Space SceneWebGL2 : 102 : ECS P6: Transform HierarchyWebGL2 : 051 : Transform Manipulator with Ray IntersectionFun WebGL 2 : 042 : ES6 Modules and Refactoring FungiWebGL2 : 075 : Build a Particle SystemWebGL2 : 101 : ECS P5: Advanced Components and SystemsWebGL2 : 070 : Simple Noise Texture GenerationFun with WebGL 2.0 : 037 : King Kai's Planet CompleteWebGL2 : 079 : Adding and Removing VoxelsWebGL2 : 062 : Depth Testing / Intersection Highlight / Force Field EffectWebGL2 : 088 : Directional Rim (Fresnel) LightingFun with WebGL 2.0 : 036 : Procedurally Generated LowPoly TreeWebGL2 : 107 : Rotation MovementWebGL2 : 085 : Curved PathsWebGL2 : 068 : Voxel Wave (Cube Wave Challenge)How to power lcd and Chromecast on 1 power supply.First assembly and boot up.Shader Blocks : 000 : Proof of ConceptWebGL2 : 106 : Procedural Animation