Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create svg images #25

Open
jwnigel opened this issue Feb 2, 2023 · 6 comments
Open

Create svg images #25

jwnigel opened this issue Feb 2, 2023 · 6 comments

Comments

@jwnigel
Copy link
Owner

jwnigel commented Feb 2, 2023

We'll need svg images for different tree / shrub / plant forms. Obviously not all plants will have a unique image but a certain number of categories will. Think about the "habit" column in this EFG database:

We have to decide whether to use a minimalistic circle or an svg with a bit more detail to include a wavy outline, some branches, etc. I would like to use more than a simple circle but without adding weight to our program with complex svg's.

And some variation would be nice so that not all trees look the same. We could rotate the same design (unless it includes shadow) but it shouldn't be hard to add some variety to our options.

Another idea would be to include an icon with each tree to differentiate it. For example a chesntut tree would have a chestnut icon, an apple tree an apple, an oak and acorn, and so on. We could include icons for nitrogen fixers or pollinizers too. I don't know that I like this idea but it is something to consider!

@jwnigel jwnigel added this to the 0.4 drag'n drop milestone Feb 2, 2023
@berteh
Copy link
Collaborator

berteh commented Feb 2, 2023

I would check out what's efficient in kivy, that already may handle wanted interactions and such.

I think I would create a widget for each plant. Widgets inherently have a canvas on which to draw (for 1st proto) an inner circle (trunk) and outer circle (mature limit), and then add interactions on top.

That would be plenty cool for 0.4

We can later decide to replace the circles with characteristics-based images (type, size, color, family or even variety, with some fallback mechanism), eg for 1.3 ... but feel free to move the milestone foward by changing its number if this is a priority for you.

@berteh
Copy link
Collaborator

berteh commented Feb 2, 2023

In the meantime If you NEED to do it now then there are those assets that fit the need for basic shapes, and are easy to convert to SVG.
I can do it in a few minutes if you want: https://github.com/berteh/plantotech/tree/master/assets/img/silhouettes
... or just work with these png since that would work too.

... but I would (re)do it cleanly once the different types/value are established and you/we've decided on a general visual style.
Would your student be interested to work on some more graphics aspects ?

@berteh berteh moved this to Maybe / food for thoughts in @jwnigel's PermaProject Feb 2, 2023
@berteh
Copy link
Collaborator

berteh commented Feb 2, 2023

and graphics brush palettes are usually a great source for such material as wel, such as bushes, tree leaves and much more, or replace "gimp" with "photoshop" to find more.

this one seems nice for instance: https://www.deviantart.com/redheadstock/art/Vegetation-Foliage-Textures-Photoshop-Brushes-534335625

please always check usage conditions before use, not to infringe copyright... since we will somehow be "repackaging" some creation into this app, that is often out of scope for the free licences. Most of the time, some acknowledgement +link in the credits page is enough for opensource material.

... and GIMP graphics assets would make me just as happy as SVG, since GIMP is opensource too. It's just different from SVG in that it's not vector but raster format. Meaning that when you zoom in you see pixels or a blur (like JPG), whereas in vector format (SVG, SWF,...) the edges remain sharp at any detail/resolution level.

@jwnigel
Copy link
Owner Author

jwnigel commented Feb 2, 2023

I would check out what's efficient in kivy, that already may handle wanted interactions and such.

I think I would create a widget for each plant. Widgets inherently have a canvas on which to draw (for 1st proto) an inner circle (trunk) and outer circle (mature limit), and then add interactions on top.

Yes, that's a good point. Let's begin by using two circles and maybe a transparent green fill. Then down the road we can improve the graphics. Very cool silohuettes you created, we will use those in the side view.

My student isn't going to be creating the graphics himself--I didn't mean to say that. But he is helping me learn how to make them myself. Yesterday we spent an hour in Illustrator and afterwards when I tried to work by myself I became very frustrated. So I'll be glad to use circles for the moment.

@berteh
Copy link
Collaborator

berteh commented Feb 2, 2023

The repository I mentioned is not mine, but a fork of another online plants database. still useable for a quick prototype.

That being said I'll gladly create the graphics you'd like. I'm fast enough for such things I think. Just need to discuss

  • the style, if you'd rather have something that looks hand-drawn, computer-generated, or photo-collage like.
  • the items list : leaves/canopy, body/trunk, roots, soils types, flowers types (small/big)
  • perspective : side / top / isomorphic

but again: I personnally see this (way) down the road, unless you plan to be done soon, then I get started working on this ;)

@jwnigel
Copy link
Owner Author

jwnigel commented Feb 2, 2023

No, it's definitely something for down the road, when the structure is finished and we can begin to make things look nice!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Maybe / food for thoughts
Development

No branches or pull requests

2 participants