tag:blogger.com,1999:blog-15267587314456595352012-01-13T07:10:28.121+09:00Images, codes and other articles mainly related to vector graphics.Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.comBlogger381100tag:blogger.com,1999:blog-1526758731445659535.post-69831485893238788622012-01-09T21:50:00.000+09:002012-01-09T21:50:31.857+09:00

Yesterday, I read about getting a tablet pressure data with javascript using Wacom webtablet plugin.  I was just thinking if there were pressure function in paper.js, so I tried using them in combination.  The link below is a implementation for now.  The touch of drawing requires further tuning. Also I added SVG data generation function which I'm working on it these days.  Please click the link "

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com0tag:blogger.com,1999:blog-1526758731445659535.post-69292976377470571112012-01-08T01:40:00.001+09:002012-01-08T02:45:36.251+09:00

Finally recently, I'm playing with HTML5 Canvas.I thought there must be a drawing tool like Illustrator which created with HTML5.But I couldn't find it for now.  So I decided to try creating it. A svg data which is being edited with Inkscape in above image was generated from "Arcs.html" which is one of the examples included in paper.js download. This one is from SpiralRaster.html. It can be

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com0tag:blogger.com,1999:blog-1526758731445659535.post-41245940840505300292011-06-12T08:15:00.000+09:002011-06-12T08:15:05.614+09:00

Here's a little tutorial about the script that I uploaded yesterday. The source objects are the brush objects in Fig.1.  The red one is the foreground (last drawn).  And the distance between the farthest removed objects is about 88pt. Select all the brush objects, then run the script. A prompt dialog appears.  Input 80 and hit OK. Fig.2 is the result.  Paths are separated because the distance

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com0tag:blogger.com,1999:blog-1526758731445659535.post-90771770605999561242011-06-11T20:09:00.008+09:002011-06-12T07:19:18.830+09:00

I thought about how to create the objects to connect these centers by the script that I wrote previous time. And remembered a software Voronoi Stippler that I used a few years ago. (For some reason, it seems that it is unavailable for download now.) I made the objects from an image with this tool, then applied the connect_centers_nearest.js script to them ... and got an error due to the upper

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com3tag:blogger.com,1999:blog-1526758731445659535.post-13242441750635749352011-05-28T07:12:00.002+09:002011-05-28T07:27:58.205+09:00

These scripts create a path that traces the center of the selected objects. The path starts from the center of the foreground object. And the order of the connection vary from script to script. If the number of points is greater than two, the path is closed.I thought the "farthest" is unexpectedly interesting.download: b_aics_script_connect_centers.zipTested with Adobe Illustrator CS5 15.0.1 /

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com1tag:blogger.com,1999:blog-1526758731445659535.post-73738306586418441722010-12-31T21:31:00.005+09:002010-12-31T21:45:41.708+09:00

In Adobe Illustrator, a transform like above is a boring task. So I made a plug-in.You can scale selected paths only toward the dragging direction with this plugin tool.If you want to shrink the paths, keep pressing the shift-key while dragging.The starting point for scaling is the location where the mouse button was pressed.download: ai_plugin_anglescaler_cs5_01b.zipTested with Adobe Illustrator

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com1tag:blogger.com,1999:blog-1526758731445659535.post-69875363552531180222010-11-22T00:05:00.002+09:002010-11-22T00:14:45.778+09:00

I ported Metaball LiveEffect plug-in to Ai CS. The modification of the code was nothing but the About menu part, and some suite version strings.Tested with Adobe Illustrator CS 11.0.1 / Windows XP SP3.This is a beta software. Please use it carefully, at your own risk.For more information, please read the included readme file.download: aics_plugin_effect_metaball_031b_cs.zip

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com0tag:blogger.com,1999:blog-1526758731445659535.post-68901857136141400332010-05-30T00:27:00.002+09:002010-05-30T00:40:44.855+09:00

The most important change in this version I noticed is a change in the coordinate system.I must apply a little fix to several of my scripts to let them work with CS5.Take a look at "Changes in CS5" section in "Illustrator CS5 Scripting Guide" PDF document for the details.

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com1tag:blogger.com,1999:blog-1526758731445659535.post-52008451117677920702010-04-19T22:22:00.002+09:002010-04-19T22:28:12.520+09:00

I traded in Ai8/Mac CD to Adobe Store Japan for Ai CS4/Win and placed an order for free UPG to CS5.So, here's Metaball plug-in built with CS4 SDK and tested with Ai CS4 / Windows XP SP3.It doesn't contain any new feature.download: aics_plugin_effect_metaball_031b_cs4.zipThis is a beta software. Please use it carefully, at your own risk.For more information, please read the included readme file.

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com0tag:blogger.com,1999:blog-1526758731445659535.post-23493845422167845572010-04-14T07:22:00.003+09:002010-04-15T10:33:35.701+09:00

Illustrator CS5 was announced yesterday. It is gratifying that new functions of it make some of my scripts useless. I'll purchase an Ai CS4 with an upgrade coupon for Windows at an early date.Tha plan that I purchase a Mac was suspended. I'm not interested in the platform that keeps offering sudden unexpected limitations to developers.-- 2010.04.15The last sentence of the above article might

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com8tag:blogger.com,1999:blog-1526758731445659535.post-78064623542905864172010-02-25T00:25:00.002+09:002010-02-25T00:28:23.207+09:00

I've updated Metaball plug-in. Now it has a preview checkbox and a slider control on the dialog.Tested with Adobe Illustrator CS3 13.0.3 / Windows XP SP3.This is a beta software. Please use it carefully, at your own risk.For more information, please read the included readme file.download: aics_plugin_effect_metaball_03b_cs3.zip

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com9tag:blogger.com,1999:blog-1526758731445659535.post-58025687671274225322010-02-20T12:57:00.002+09:002010-02-21T13:12:02.494+09:00

Scriptographer 2.6 was released recently. It has various new features that can make it easy to get an imagination to fix on the artboard.

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com1tag:blogger.com,1999:blog-1526758731445659535.post-61753438348933186292010-02-18T01:13:00.002+09:002010-02-18T01:18:12.750+09:00

I've updated Metaball plug-in. Now it unites the generated shapes by Pathfinder. It's useful when the shapes have no fill color or there's difference in the colors of fill and stroke.Tested with Adobe Illustrator CS3 13.0.3 / Windows XP SP3.This is a beta software. Please use it carefully, at your own risk.For more information, please read the included readme file.download:

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com2tag:blogger.com,1999:blog-1526758731445659535.post-58023795570854819452010-02-12T23:02:00.004+09:002010-02-12T23:09:31.400+09:00

II've made a Live Effect plug-in version of "Metaball" script that I posted years ago on my other page.This Live Effect plug-in connects circular paths in a group with metaball-like shapes.The difference from the script is that the effect is executed again everytime after a user edits the shape. Please try moving a path with the Direct Selection Tool after the effect was applied.It would be more

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com0tag:blogger.com,1999:blog-1526758731445659535.post-62431721818021032322010-02-12T12:35:00.003+09:002010-02-12T13:17:45.621+09:00

I've updated Adjust Dashes Plugin with a optimization of the internal process.download: aics_plugin_effect_adjust_dashes_011b_cs3.zipThis is a plugin only for Ai CS3 / Windows. Because this is a only environment that I currently own. (I don't know whether this works with CS4 or not.)Unlike scripts, plugins need to be built for each OS, and often for each version of Ai.I'd like to get my plugins

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com1tag:blogger.com,1999:blog-1526758731445659535.post-63570867653739170312010-02-11T02:32:00.003+09:002010-02-12T13:20:46.280+09:00

I've made a Live Effect plug-in version of "Adjust Dashes" script that I posted years ago on my other page.This plug-in adjusts the lengths of dashes and gaps of dashed lines in order to the length of the path is divisible by total length of dashes and gaps.The difference from the script is that the effect is executed (adjusted) again everytime after a user edits the shape.Tested with Adobe

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com1tag:blogger.com,1999:blog-1526758731445659535.post-10345485878109946342010-02-07T15:45:00.004+09:002010-02-07T16:00:07.391+09:00

I'm studying about how to create a live effect plugin these days.According to Adobe's Ai CS4 SDK "porting-guide" document(p.16), they recommend developers to use live effect instead of filter, because filter support may be removed in a future release of Ai.The image above is a live effect version of Random Tile plugin. I won't release this for following reason.In a live effect plugin, when a user

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com1tag:blogger.com,1999:blog-1526758731445659535.post-10306697272327991022010-01-31T09:06:00.005+09:002010-01-31T09:56:53.878+09:00

The Random Tile script I wrote the other day is too slow, to be honest.So I built a plugin of the same function, for AI CS3 Windows.This plug-in randomly moves each anchor points of the selected paths.The anchor points which nearly overlapped are kept their overlapped state.Tested with Adobe Illustrator CS3 13.0.3 / Windows XP SP3.I think I'm not familiar enough with AI SDK and the plug-in's

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com0tag:blogger.com,1999:blog-1526758731445659535.post-28081656274019451952010-01-04T22:09:00.003+09:002010-01-04T22:12:14.829+09:00

This script may help to draw cutting marks.(As an answer to the request.)download: b_aics_script_cutting_marks.zip

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com3tag:blogger.com,1999:blog-1526758731445659535.post-90691913489975339582009-12-29T21:01:00.001+09:002009-12-29T21:08:12.371+09:00

I'm sorry for being in silence for so long.Every year, from September to December, I have very busy days for the job.And this year was no exception.I just came back from a one week trip. And I'll go on an another trip tomorrow.Please wait a few more days.

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com0tag:blogger.com,1999:blog-1526758731445659535.post-21057950123671319182009-08-02T21:03:00.003+09:002009-08-02T21:09:36.119+09:00

Alex sent me a modified version of my script. He only did a minor modification, but it brought a totally different and beautiful result.Here's the script.I'll think about how to improve this by adding interface, leaves, and so on.download: b_aics_script_tree_example_edit_090730.zip

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com2tag:blogger.com,1999:blog-1526758731445659535.post-75465942203264950462009-07-25T22:18:00.003+09:002009-07-25T22:21:54.186+09:00

I modified the script of previous article to create “top view” with it. Is it just like this? ... This isn't so beautiful.Maybe it is better to create more simple, pictogram-like shape rather than persist on reality.And it needs leaves. it makes needlessly complex image to draw each leaves. But Pathfinder is not available in AI's scripting function.If Scriptographer's Pathfinder function works

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com2tag:blogger.com,1999:blog-1526758731445659535.post-28326808316686089482009-07-24T01:56:00.005+09:002009-07-25T06:13:10.990+09:00

Recently I had a suggestion about a script that draws trees of top view for architect use, by an e-mail. This image was made by an experimental script for this. This is an all-too-common fractal shape but implements a bezier curve feature. At least it needs an interface that enables to adjust variables easily, and an implementation of randomness.download - b_aics_script_tree_example_090724.

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com2tag:blogger.com,1999:blog-1526758731445659535.post-81502909883079941792009-07-05T23:57:00.001+09:002009-07-05T23:58:45.797+09:00

This is an image with rot3d.js effect.I wrote a supplementary small script to randomize the heights of the buildings.

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com0tag:blogger.com,1999:blog-1526758731445659535.post-37003979653449064252009-06-30T23:05:00.004+09:002009-07-01T08:06:57.324+09:00

Though there's few response over there, I like tweaking this script (rot3d.js) and uploaded modified version to www.scriptographer.com again.In this version, it has "fix-z-order" checkbox in the palette. If this option is checked, this script changes the z-order of the objects according to the z-axis value of the center of the each object. Please note that it doesn't always work properly, and

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com2tag:blogger.com,1999:blog-1526758731445659535.post-33908346595109361982009-06-28T22:37:00.006+09:002009-06-28T22:45:28.314+09:00

I've uploaded another edition of rot3d.js to www.scriptographer.com (as an attachment file to the comment). There's no new feature but some modification of the inside process.

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com1tag:blogger.com,1999:blog-1526758731445659535.post-54350294201951242322009-06-24T07:29:00.005+09:002009-06-24T07:33:30.011+09:00

This is the initial state of the above image -- paved hexagonal shapes. As you can imagine, simply randomizing every point creates just messy image. The overlapping points must keep its condition even after randomizing. This script uses an associative array to do this.download: b_aics_script_random_tile_example.zip

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com0tag:blogger.com,1999:blog-1526758731445659535.post-24701969345897434592009-06-21T15:13:00.003+09:002009-06-21T15:17:45.992+09:00

This script creates 2 groups of pathes -- front and back side -- and a circle as an outline.The sphere's center is the origin of the artboard -- (x, y, z) = (0, 0, 0). And the viewing point is (x, y, z) = (0, 0, infinity). This means the virtual eye is not looking down the sphere. Rather the sphere is leaning toward the eye.This assumption makes it so simple to check the current point is at the

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com6tag:blogger.com,1999:blog-1526758731445659535.post-13981551753294839412009-06-19T07:22:00.005+09:002009-06-19T07:45:14.065+09:00

The code at the end of this article is a simplified example of script for Illustrator CSx that fixes sequential numbers."Simplified" means that this script supposes:There is a opened document.There're 2 or more objects in the selection of the active document.All the objects in the selection are text objects.The contents of the first and last objects are numbers.If there is something out of these

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com5tag:blogger.com,1999:blog-1526758731445659535.post-21697667302825017882009-06-18T01:33:00.008+09:002009-06-18T08:17:06.543+09:00

Here is a script which generates handles suitably for each selected pathes. Generated handles are extended at right angle to the line connecting the anchor and the center of the path.Notes about anchor-points / handles in Illustrator scripting:A path is called "PathItem" in the script. And an anchor point is called "PathPoint". Every PathPoint has its own index number. It depends on the point

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com0tag:blogger.com,1999:blog-1526758731445659535.post-21799460279674746532009-06-13T08:58:00.004+09:002009-06-13T09:07:35.339+09:00

With Illustrator's scripting function, you can examine the selected state of any anchor point (PathPoint), and let a script affect only for anchors which are in particular state.The available values are:ANCHORPOINTLEFTDIRECTIONLEFTRIGHTPOINTNOSELECTIONRIGHTDIRECTIONWith the following script, you can check the state that each anchor point is in.// shows selected state of each anchor of the

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com0tag:blogger.com,1999:blog-1526758731445659535.post-29877035818598085452009-06-09T22:19:00.005+09:002009-06-09T23:12:10.895+09:00

This is an image generated by Illustrator script.Basically, the method is simple. It is to draw an ellipse, then rotate it around the center of the large circle. This is not an accurate expression of 3D object. But I think it can not be a problem for the purpose of this case.Light colored shapes mean that they are on the back side of the sphere.At first, it seemed that they're sligntly unnatural

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com2tag:blogger.com,1999:blog-1526758731445659535.post-90844808137688594202009-06-07T00:42:00.010+09:002009-06-07T00:53:02.761+09:00

I often draw a dot with 2 anchors.To draw this, drawing a horizontal line and set the width of it to zero, then set the stroke cap type to the Round Cap.This method enables to seve the number of anchors as compared with drawing a circle with 4 anchors.Additionally, if you set Resize tool's option to keep the stroke width, you can adjust the density of dots without scaling each of them.To use the

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com0tag:blogger.com,1999:blog-1526758731445659535.post-91838576920236536612009-06-05T00:26:00.005+09:002009-06-05T08:04:01.048+09:00

When drawing a circle with 4 points by bezier curve, the ratio of the handle length to the radius is about 0.5522847 (4 * (sqrt(2) - 1) / 3).I thought Illustrator's "Round corners" filter (and effect) uses this ratio for the specified "radius". But I was wrong.I measured length of the handles with a script (at end).Maybe it uses more simple rule -- multiplying 0.55 by the radius.Though it may not

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com2tag:blogger.com,1999:blog-1526758731445659535.post-10039604383348487432009-06-03T07:24:00.007+09:002009-06-03T07:32:38.612+09:00

... with Illustrator.This is a rectangle board placed on the ground.When you want to put a circle on the board,how do you find the correct aspect ratio of the oval?There's a simple way to do it.Draw a horizontal line. (Select Line tool and drag horizontally with Shift key pressed.)Then draw a circle with locating the center on the line. (Select Oval tool and press the mouse button on the line,

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com0tag:blogger.com,1999:blog-1526758731445659535.post-4433561229989064792009-06-01T22:08:00.013+09:002009-06-01T22:49:38.073+09:00

... with Adobe Illustrator.CylinderSelect the bottom anchor, and press Ctrl-X.Press Ctrl-F, and drag it downward with Shift key pressed.Select the right side anchors and press Ctrl-J. Do the same for the left side.Press Ctrl-F again.BoxDraw a rectangle.Drag the right side segment. Then select whole shape and press Ctrl-C.Then press Ctrl-F twice.Drag the left side segment.Drag the lower side

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com2tag:blogger.com,1999:blog-1526758731445659535.post-9551142382340921932009-05-31T09:40:00.010+09:002009-05-31T11:34:41.602+09:00

The available scripting operations for symbol item are almost despairingly limited in AI CS3. As follows.symbol properties -- name, parent, typenamesymbol methods -- duplicate, removeYou can not even get coordinates of it directly.One solution is to put a symbol into a group manually, and then you can manipulate the symbol through the group.Suppose there's a grouped symbol on the artboard, like

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com0tag:blogger.com,1999:blog-1526758731445659535.post-76358657725471678832009-05-30T19:00:00.005+09:002009-05-30T19:26:05.059+09:00

I have a website mainly for placing scripts for graphics softwares. And sometimes I receive e-mails of questions, requests and proposals about them. I thought it would be better off sharing some contents in these messages which I wrote. That's why I created this blog page. (This doesn't mean that I'll post other person's message without permission.)I'm Japanese and I think I need to study

Hiroyukihttp://www.blogger.com/profile/03890387900559132099noreply@blogger.com2