6
$\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

Improve this question
$\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$
    – Markus von Broady
    Commented Jul 15, 2021 at 8:52

2 Answers 2

Reset to default
8
$\begingroup$

Since Version 3.0 one can access the index of vertices created by the Grid node.

Here's the setup :

enter image description here

  1. Instantiate a grid
  2. Rotate it so the indices start filling from bottom-left to top-right
  3. Delete points which index is inferior to a given input value
  4. Instance your desired mesh on the points

Result:

enter image description here

Improve this answer
$\endgroup$
3
  • $\begingroup$ nice one Gorgious! ;) $\endgroup$
    – Chris
    Commented Jul 15, 2021 at 9:26
  • $\begingroup$ Any chance to update this to Blender 3? I tried myself but don't know enough yet $\endgroup$
    – Mladen Mihajlovic
    Commented Jan 4, 2022 at 14:34
  • 1
    $\begingroup$ @MladenMihajlovic done ! $\endgroup$
    – Gorgious
    Commented Jan 4, 2022 at 15:53
5
$\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

Improve this answer
$\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
    Commented Jul 15, 2021 at 9:20
  • 1
    $\begingroup$ I was half way through my answer, but looks like we had the same idea ^^ oh, well..! $\endgroup$
    – Gorgious
    Commented Jul 15, 2021 at 9:21
  • 1
    $\begingroup$ I think I will change the accepted answer to reward additional explanation tho :D $\endgroup$
    – 3pointedit
    Commented Jul 15, 2021 at 9:23
  • $\begingroup$ does this mean, you will change to mine again, if i would explain it more? :D $\endgroup$
    – Chris
    Commented Jul 15, 2021 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
    Commented Jul 16, 2021 at 1:02

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .