4
$\begingroup$

I am using geometry nodes to make a grid of icons. I have instanced the icon object over a Grid node. How can I make the instances of the icon appear as if the grid is building from the bottom left to right then row after row? If I have to animate a material to make them appear then I was hoping to use the list of icons to alter properties like color or size as well as.

Gris of icons

$\endgroup$
1
  • $\begingroup$ I don't know geonodes, but looking at your screenshot alone, you could probably achieve it with two grids, first grid having **Vertices X**=6, **Vertices Y**=#floor(frame/7), and another grid having **Vertices X**=#frame % 7`, but you would also need to position the second grid above the first so they seem like one grid. $\endgroup$ Jul 15 at 8:52
4
$\begingroup$

The Grid node is quite limited in terms of attributes. You can't do much with the resulting geometry after its creation unless you jump through mathematical hoops.

What we can do is use a Line mesh, and extract an index from its vertices position, which we will use to construct our own grid.

enter image description here

This setup will associate an incremented index for each vertex of the mesh.

Then we create the grid with x ≡ idx (modulo columns) and y = idx // columns (integer division).

enter image description here

Result:

enter image description here

Now we filter out the unwanted points by removing indices > our wanted value.

enter image description here

The entire node tree:

enter image description here

Result:

enter image description here

$\endgroup$
1
  • $\begingroup$ nice one Gorgious! ;) $\endgroup$
    – Chris
    Jul 15 at 9:26
3
$\begingroup$

you can do this with this node setup:

enter image description here

Result:

enter image description here

for color you can use something like this (since you didn't specify your color...i took kind of random)

enter image description here

enter image description here

enter image description here

Video tutorial with step by step explanation:

https://youtu.be/IbuA-JinG4c

$\endgroup$
5
  • $\begingroup$ Thank you for this. I was hoping it would be a little more straightforward but I will accept your answer ;-) $\endgroup$
    – 3pointedit
    Jul 15 at 9:20
  • 1
    $\begingroup$ I was half way through my answer, but looks like we had the same idea ^^ oh, well..! $\endgroup$
    – Gorgious
    Jul 15 at 9:21
  • 1
    $\begingroup$ I think I will change the accepted answer to reward additional explanation tho :D $\endgroup$
    – 3pointedit
    Jul 15 at 9:23
  • $\begingroup$ does this mean, you will change to mine again, if i would explain it more? :D $\endgroup$
    – Chris
    Jul 15 at 9:27
  • $\begingroup$ Hey that color addition is very helpful! I think that in the spirit of StackEx I would have to award the most detailed earliest answer sorry. I probably should have waited a day to award the token. Thank you so much for helping me. I see that there is much interest here too. I have many more simple questions for Geo Nodes so there will be more opportunities for detailed answers ;-) $\endgroup$
    – 3pointedit
    Jul 16 at 1:02

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.