I like this image and don't want to straight up copy/steal it. Is there a way to EASILY get all dots and all possible connections drawn in Illustrator? I'd hate to manually draw hundreds of lines. Thanks for any help you might offer.
2 Correct answers
var n = prompt("Enter number ≥ 3", 3, "Number of points");
var d = app.activeDocument.artboards[0].artboardRect;
var paths = app.activeDocument.pathItems;
var polygon1 = paths.polygon(d[2]/2, d[3]/2, 250, n);
var points1 = polygon1.pathPoints;
for (var i = 0; i < points1.length; i++) {
for (var j = i + 1; j < points1.length; j++) {
var line1 = paths.add();
var points2 = [points1[i].anchor, points1[j].anchor];
line1.setEntirePath(points2);
}
}
polygon1.remove();
Yea, just use the Radial repeat to make enough circles, make sure to expand the object so you get the Radial Repeat split up into circle paths, and use this script, it should do what you want:
#target illustrator
function test () {
var doc = app.activeDocument;
var sel = doc.selection;
var pathUuids = [];
var thisItem;
for (var i = 0; i < sel.length; i++) {
thisItem = sel[i];
pathUuids.push(thisItem.uuid);
}
var thisPath, thisOtherPath, newLine;
var newGroup = doc.groupIte
Explore related tutorials & articles
22
Replies
Nice and clean! I just put that text into a .js file and ran the script. The prompt for how many points to create was a nice touch!
My output:
Glad I got to select two right answers.
Yea, just use the Radial repeat to make enough circles, make sure to expand the object so you get the Radial Repeat split up into circle paths, and use this script, it should do what you want:
#target illustrator
function test () {
var doc = app.activeDocument;
var sel = doc.selection;
var pathUuids = [];
var thisItem;
for (var i = 0; i < sel.length; i++) {
thisItem = sel[i];
pathUuids.push(thisItem.uuid);
}
var thisPath, thisOtherPath, newLine;
var newGroup = doc.groupItems.add();
newGroup.name = "Lines";
for (var i = 0; i < pathUuids.length; i++) {
thisPath = doc.getPageItemFromUuid(pathUuids[i]);
for (var j = 0; j < pathUuids.length; j++) {
thisOtherPath = doc.getPageItemFromUuid(pathUuids[j]);
newLine = newGroup.pathItems.add();
newLine.setEntirePath([
[
thisPath.left + (thisPath.width / 2),
thisPath.top - (thisPath.height / 2)
],
[
thisOtherPath.left + (thisOtherPath.width / 2),
thisOtherPath.top - (thisOtherPath.height / 2)
],
]);
newLine.stroked = true;
}
}
};
test();
It is not handling duplicated lines, so there are a lot of duplicated lines on top of each other as the lines are drawn from each and every shape to each other shape - like in the case of the triangle it would make 6 lines total. Matter of fact, it also draws a line to itself - haha.
Hey, you can come up with cool jellyfish art using some effects on this.
Wonderful. Thanks.
Took me a little to figure out the Radial thing. Got that. Then, saved your code in file with .js extension.
Last thing I had to do was select all my yellow circles before running script. Got the desired result! Thanks!
This seemed like a good exercise so I figured I'd also give it a shot:
// You can set direct property values for the appearance here:
var options = {
anchor: {
size: 20,
filled: true,
stroked: true,
strokeWidth: 2,
fillColor: [255, 0, 0]
},
line: {
stroked: true,
strokeWidth: 2,
strokeCap: StrokeCap.ROUNDENDCAP,
strokeColor: "#ff0000"
}
};
/**
* Utilities
*/
Array.prototype.forEach = function (callback) {
for (var i = 0; i < this.length; i++) callback(this[i], i, this);
};
if (!Array.isArray)
Array.isArray = function (arg) {
return Object.prototype.toString.call(arg) === "[object Array]";
};
RGBColor.prototype.create = function (params) {
if (/string/i.test(typeof params)) {
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(params);
this.red = parseInt(result[1], 16);
this.green = parseInt(result[2], 16);
this.blue = parseInt(result[3], 16);
return this;
} else if (Array.isArray(params)) {
this.red = +params[0];
this.green = +params[1];
this.blue = +params[2];
return this;
}
};
function get(type, parent) {
parent = parent ? parent : app.activeDocument;
var result = [];
if (!parent[type]) return [];
for (var i = 0; i < parent[type].length; i++)
result.push(parent[type][i]);
return result;
}
/**
* Main functions
*/
get('selection', app).forEach(function (pathItem) {
var group = app.activeDocument.groupItems.add();
get('pathPoints', pathItem).forEach(function (pathPoint, i, list) {
drawLinesFrom(pathPoint, list.slice(i + 1), group);
setAppearance(group.pathItems.ellipse(
pathPoint.anchor[1] + options.anchor.size / 2,
pathPoint.anchor[0] - options.anchor.size / 2,
options.anchor.size,
options.anchor.size
), 'anchor');
})
pathItem.remove();
})
function setAppearance(shape, type) {
for (var key in options[type])
shape[key] = (/Color$/.test(key))
? new RGBColor().create(options[type][key])
: options[type][key];
}
function drawLinesFrom(point, list, parent) {
list.forEach(function (sibling) {
var shape = parent.pathItems.add();
shape.setEntirePath([point.anchor, sibling.anchor]);
setAppearance(shape, 'line');
})
}
I've found myself doing things like this often but I'd personally rather just draw a polygon or closed shape, not the circles. So this script works off the currently selected shapes:
Converts them with configurable options to set stroke/fill colors, line widths, size of anchor shapes, etc:
It also groups the resulting shapes, removes the original path, and doesn't produce any redundant paths (triangle here is 6 paths, 3 lines + 3 ellipses):
Not a script guy. All I can tell is that it didn't work. Was it something I said? Wrong latitude?
AdChoices