I want to draw simple patterns inside my 2d shapes like these [Screen Shot 2021-02-24 at 2.53.21 PM] The stroke size and gap between strokes can vary so I cant save these as textures beforehand.

Hi! Specifically for triangles, you can do something like that very rough concept: Example: https://jsfiddle.net/prisoner849/nehrg85v/ Picture: [изображение]

Thank you for the reply. Unfortunately the shape can be any polygon.

@ahsan No difference, except there is no border. Example: https://jsfiddle.net/prisoner849/6a0yberv/ Picture: [изображение]

Hofk, can yours do hexagon grids?

@GlifTek Do you want a grid of vertices or just a pattern, drawn in fragment shader?

well a mix of both would be great… one for the drawn pattern… one for vertices in their centers to use as placements for images

@GlifTek Something like this? Hexagonal grid formation I just can’t get why you want both. Any reference picture of the desired result?

lol durrrrrr… just reading our convo back then… i FORGOT about that!! def using that one … thanks for reminding me! (such props for such cool code man!)

[image] GlifTek: Hofk, can yours do hexagon grids? :question: Have I hidden it too well. [2021-02-25 08.26.14] The code is on Grid Collection and grids and here now. function createHexagonGrid( radius, rings ) { // outer grid radius, rings of hexagons around the central hexagon radi…

Draw patterns inside shapes

Questions

hofk February 24, 2021, 10:10am 2

Maybe you can do it similar to there Grid Collection

Topic		Replies	Views
Grid Collection Resources geometry , lines , grid	0	4331	February 20, 2018
How to add a lot of holes on the planeGeometry? Questions geometry	9	2920	February 26, 2020
Using a mask to create custom hexagon terrain tiles Questions	43	733	March 28, 2026
Hexagon Voxel(Minecraft Like) Geometry Questions geometry	3	1650	July 25, 2022
How to offset geometries with a certain degree of randomness Questions geometry , shaders	7	1854	July 29, 2021

Draw patterns inside shapes

Related topics