Plothatching - Revision history

Thijshijsijsjss: Re-add github link to intro

2024-01-14T15:40:26Z

Re-add github link to intro

← Older revision		Revision as of 17:40, 14 January 2024
Line 2:		Line 2:
	[[File:Example_output.png\|thumb\|right\|Example output]]		[[File:Example_output.png\|thumb\|right\|Example output]]
	[https://en.wikipedia.org/wiki/Hatching Crosshatching] is a drawing technique for shading by stacking multiple layers of parallel lines. This page describes a workflow to transform a digital image to a crosshatched version.		[https://en.wikipedia.org/wiki/Hatching Crosshatching] is a drawing technique for shading by stacking multiple layers of parallel lines. This page describes a workflow to transform a digital image to a crosshatched version.

			Find the code on [https://github.com/Nyxaeroz/Crosshatching GitHub].

	__TOC__		__TOC__

Thijshijsijsjss: Create separate section for plotting applications and refer to dedicated page with full workflow

2024-01-14T15:39:38Z

Create separate section for plotting applications and refer to dedicated page with full workflow

← Older revision		Revision as of 17:39, 14 January 2024
Line 1:		Line 1:
	[[File:Input.jpg\|thumb\|right\|Example input]]		[[File:Input.jpg\|thumb\|right\|Example input]]
	[[File:Example_output.png\|thumb\|right\|Example output]]		[[File:Example_output.png\|thumb\|right\|Example output]]
	[https://en.wikipedia.org/wiki/Hatching Crosshatching] is a drawing technique for shading by stacking multiple layers of parallel lines. This page describes a workflow to transform a digital image to a crosshatched version~~, and penplot it. The general workflow consists of 3 steps:~~		[https://en.wikipedia.org/wiki/Hatching Crosshatching] is a drawing technique for shading by stacking multiple layers of parallel lines. This page describes a workflow to transform a digital image to a crosshatched version.
	~~# Select an image and convert it to crosshatches using a Processing sketch (find the code on [https://github.com/Nyxaeroz/Crosshatching GitHub]).~~
	~~# Use [https://inkscape.org/ Inkscape] to trace the output, and convert it to HPGL.~~
	~~# Plot the HPGL file (for guides, see [[Pen_plotters\|here]]).~~

	~~The remainder of this page will give in depth guides to each of these steps~~.

	__TOC__		__TOC__
Line 47:		Line 42:
	Though the layers are saved as svg, in actuality these svgs contain images... At the moment, it is advised to use other programs to convert this to actual vector layers.		Though the layers are saved as svg, in actuality these svgs contain images... At the moment, it is advised to use other programs to convert this to actual vector layers.

			=Plotting=
			This software was created when working with penplotters. The general workflow of penplotting a crosshatched image consists of 3 steps:
			# Select an image and convert it to crosshatches using a Processing sketch (find the code on [https://github.com/Nyxaeroz/Crosshatching GitHub]).
			# Use [https://inkscape.org/ Inkscape] to trace the output, and convert it to HPGL.
			# Plot the HPGL file (for guides, see [[Pen_plotters\|here]]).

	~~=Inkscape=~~		A full workflow can be found [[User:Thijshijsijsjss/Pen_Plotting_Panache/Plothatching_Workflow\|on this dedicated project page]].

	~~=Plotting=~~

Thijshijsijsjss: Fix typo

2024-01-14T15:34:02Z

Fix typo

← Older revision		Revision as of 17:34, 14 January 2024
Line 1:		Line 1:
	[[File:Input.jpg\|thumb\|right\|Example input]]		[[File:Input.jpg\|thumb\|right\|Example input]]
	[[File:Example_output.png\|thumb\|right\|Example output]]		[[File:Example_output.png\|thumb\|right\|Example output]]
	[https://en.wikipedia.org/wiki/Hatching Crosshatching] is a drawing technique for shading by stacking multiple layers of parallel lines. This page describes a workflow to ~~trasnform~~ a digital image to a crosshatched version, and penplot it. The general workflow consists of 3 steps:		[https://en.wikipedia.org/wiki/Hatching Crosshatching] is a drawing technique for shading by stacking multiple layers of parallel lines. This page describes a workflow to transform a digital image to a crosshatched version, and penplot it. The general workflow consists of 3 steps:
	# Select an image and convert it to crosshatches using a Processing sketch (find the code on [https://github.com/Nyxaeroz/Crosshatching GitHub]).		# Select an image and convert it to crosshatches using a Processing sketch (find the code on [https://github.com/Nyxaeroz/Crosshatching GitHub]).
	# Use [https://inkscape.org/ Inkscape] to trace the output, and convert it to HPGL.		# Use [https://inkscape.org/ Inkscape] to trace the output, and convert it to HPGL.

Thijshijsijsjss: Create plothatching page with section on crosshatching code

2023-12-02T11:04:50Z

Create plothatching page with section on crosshatching code

New page

[[File:Input.jpg|thumb|right|Example input]]
[[File:Example_output.png|thumb|right|Example output]]
[https://en.wikipedia.org/wiki/Hatching Crosshatching] is a drawing technique for shading by stacking multiple layers of parallel lines. This page describes a workflow to trasnform a digital image to a crosshatched version, and penplot it. The general workflow consists of 3 steps:
# Select an image and convert it to crosshatches using a Processing sketch (find the code on [https://github.com/Nyxaeroz/Crosshatching GitHub]).
# Use [https://inkscape.org/ Inkscape] to trace the output, and convert it to HPGL.
# Plot the HPGL file (for guides, see [[Pen_plotters|here]]).

The remainder of this page will give in depth guides to each of these steps.

__TOC__

=Crosshatching code=
==Usage==
EtherPatches is easy to use. It supports batch conversion: the program automatically converts everything in the <tt>input</tt> directory and saves the patched works to the <tt>output</tt> directory.

A step by step guide to EtherPatch your own pads is presented below. Setting up processing on your machine and obtaining the files (steps 1 and 2) need to be done only once.

<ol>
<li> To crosshatch your own images, you'll need to be able to compile a ''Processing'' file. For this, there are several options:
* The easiest is downloading the [https://processing.org/ Processing IDE]
* You can also compile [https://github.com/processing/processing/wiki/Command-Line from the command line]
* Your favorite IDE might offer plugins for Processing language and compilation support, like [https://marketplace.visualstudio.com/items?itemName=Luke-zhang-04.processing-vscode this one for vscode] </li>
<li>Next, you need to obtain the code. Again, there are several options:
* Go to https://github.com/Nyxaeroz/Crosshatching, press the button that says <tt style="color:green;">code</tt>, download the zip and unzip it wherever you want this project to reside on your machine.
* Moving to your desired location and use the following command in a terminal to clone the repository: <code>git clone https://github.com/Nyxaeroz/Crosshatching.git</code></li>
<li>Follow the steps presented in <tt>README.md</tt>:
<ol>
<li> Choose an image to crosshatch and save it into the same folder as hatcher.pde.</li>
<li> Consider the image dimensions. As the crosshatched version usually won't require a high fidelity image, a high resolution will just increase runtime. Consider changing the dimensions to fit within 1000x1000px.</li>
<li> Open <code>sketch.pde</code></li>
<li> Change the variable <code>input_name</code> (line 4) to match your input file's name.</li>
<li> Change the variables <code>input_width</code> (line 11) and <code>input_height</code> (line 12) to the dimensions of your file.</li>
<li> Change <code>size(W,H)</code> (line 18) such that W and H are the width resp. height of your file.</li>
<li> Run the program.</li>
<li> The output will be shown, and the seperate svg layers will, by default, be saved to a folder <tt>output_layers</tt>.</li>
</ol>
</li>
</ol>
==Parameters==
Several parameters may be altered to achieve different results. In particular:
* <code>int nr_layers</code> (line 6): the number of crosshatch-layers to be used.
* <code>int v_line_offset</code> (line 8): the space between two lines within one crosshatch-layer
* <code>float blur-radius</code> (line 9): because, often, we don't want the smallest details to appear in our crosshatch, we apply a Gaussian blur. This radius determines it's size. A size of 0 can be used to not use a blur.
* <code>boolean save</code> (line 14): the program will save the layers if and only if 'save' is set to true. Not saving would still display the image, and is useful e.g. in tweaking the parameters.

==Notes==
Though the layers are saved as svg, in actuality these svgs contain images... At the moment, it is advised to use other programs to convert this to actual vector layers.

=Inkscape=

=Plotting=