Hexagon Grid using Affinity Photo's Procedural Texture Filter

In this video, I show how to make a hexagon tiling grid using Affinity Photo's procedural texture filter.

Hex Grid:
var sv=normalize(vec2(sqrt(3),1)); var v0=vec2(rx,ry)*a/w; var v1=(fraction(v0*sv)-.5)/sv; var v2=(fraction(v0*sv+.5)-.5)/sv; var v3=step(length(v1),length(v2))*v1+step(length(v2),length(v1))*v2; 1-smoothsteplin(e1,e2,max(abs(v3.x),dot(abs(v3),swap12(sv)) ))

var sv=normalize(vec2(1,sqrt(3))); var v0=vec2(rx,ry)*a/w; var v1=(fraction(v0*sv)-.5)/sv; var v2=(fraction(v0*sv+.5)-.5)/sv; var v3=step(length(v1),length(v2))*v1+step(length(v2),length(v1))*v2; 1-smoothsteplin(e1,e2,max(abs(v3.y),dot(abs(v3),swap12(sv)) ))

Left Brain CG Art
   • Creating Procedural Hexagons with Ble...  

Procedural Textures Playlist:

   • Procedural Textures with Affinity Photo  

The Procedural Texture filter and related information can be found on Affinity Photo's website:

https://affinity.help/photo/en-US.lpr...

0:00 Introduction
1:19 Basic Setup
2:57 Hexagon shape
10:18 Hexagon grid
17:23 Applying the hexagon shape to the grid
18:52 Changing the orientation of the hex grid
19:43 Conclusion