# Clock (generative hatch pattern)

**URL:** <https://discourse.threejs.org/t/clock-generative-hatch-pattern/38841>\
**Category:** Resources\
**Tags:** shader-material, hatch, fragment-shader\
**Created:** [June 3, 2022, 9:00pm UTC](https://discourse.threejs.org/t/clock-generative-hatch-pattern/38841 "2022-06-03T21:00:51Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [June 3, 2022, 9:00pm UTC](https://discourse.threejs.org/t/clock-generative-hatch-pattern/38841/1 "2022-06-03T21:00:51Z")

</div>

Hi community!  
Picture:

 ![изображение](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/1/2/12cd36bee7f75c093cefa5cee5d38f6f170ec8da.png)

**Demo + source code: [https://codepen.io/prisoner849/full/abqKbey](https://codepen.io/prisoner849/full/abqKbey)**

Time to time, a question about how to get hatch pattern in shader comes here or on SO. The very basic approach is based on `sine` function and uv coords.