geomerative: parts of my SVG are missing

martin846

geomerative: parts of my SVG are missing

in Contributed Library Questions • 2 years ago

Hi,

I am just getting started with the geomerative library. I am trying to import a SVG file, get a set of points, and draw circles on them. I have created my SVG file in Inkscape - it consists of three paths. Everything is fine except that two of the paths are not drawn. My code is like this (written in Groovy, so slightly different syntax to processing):

import geomerative.*
RG.init(this)
RShape s = RG.loadShape("/home/martin/Dropbox/downloads/svg/1.svg")
ArrayList points = s.getPoints()
for (int i = 0; i < points.size(); i++) {
ellipse(points[i].x, points[i].y, 5, 5)
}

Could anyone take a look at the SVG - download it here - and see if you can spot the problem? The main part of the bike is drawn fine, but the wheels are missing.

Replies(5)

mbraendle

Re: geomerative: parts of my SVG are missing

2 years ago

The SVG does not contain a bike, but a dog; and only one <path>.

martin846

Re: Re: geomerative: parts of my SVG are missing

2 years ago

Whoops - Dropbox has helpfully overwritten the file with another one I was playing around with. I've reverted it, should be correct now.

mbraendle

Re: geomerative: parts of my SVG are missing

2 years ago

Yes, the bike has three paths. I don't know geomerative; especially if getPoints() extracts all points of a path. Did you try getPointsInPaths() ?

fiveagon

Re: geomerative: parts of my SVG are missing

2 years ago

Does that code snippet work at all? I'm not on my Processing computer. I ask because RShape.getPoints() returns an RPoint[], not an ArrayList. You also access the points ArrayList like a normal Array in line 6.

I would try changing "ArrayList" to "RPoint[]" first, and points.size() to point.length. Next place to look is definitely RShape.getPoints(). I can't remember how, but I know there's an Geomerative example that shows how to use the static RG class to divide a shape up into equal segments or RPoints.

Check this thread out too: http://forum.processing.org/topic/geomerative-font-experiments. Local_guru definitely had to get RPoints around each of those letters.

Hope this helps, I've been diving into Geomerative myself. I'll check back later tonight.

import geomerative.*
RG.init(this)
RShape s = RG.loadShape("/home/martin/Dropbox/downloads/svg/1.svg")
RPoint[] points = s.getPoints()
for (int i = 0; i < points.length; i++) {
ellipse(points[i].x, points[i].y, 5, 5)
}

fiveagon

Re: Re: geomerative: parts of my SVG are missing

2 years ago

I got this going simple enough. I just caught that you were using different syntax, so this should work for people wanting to try this on Processing.

import geomerative.*;

RPoint[] myPoints;
float circleSize = 20;

void setup() {
    size(500, 500);
    smooth();
    noLoop();
    
    RG.init(this);
//    RShape s = RG.loadShape("/home/martin/Dropbox/downloads/svg/1.svg");
    RShape s = RG.getEllipse(width/2, height/2, height/2);
    myPoints = s.getPoints();
}

void draw() {
    for (int i = 0; i < myPoints.length; i += 4) {    // skip a couple of points
        ellipse(myPoints[i].x, myPoints[i].y, circleSize, circleSize);
    }
}

Top Reply