Skip to content

Instantly share code, notes, and snippets.

@l-keal
Last active June 29, 2023 17:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save l-keal/6b10160f415d5872bf252258f183527d to your computer and use it in GitHub Desktop.
Save l-keal/6b10160f415d5872bf252258f183527d to your computer and use it in GitHub Desktop.
Adding trimetric projections to jdhoek's isometric projection Inkscape extension
#!/usr/bin/env python
# -*- coding: utf-8 -*-
import math
import sys
import inkex
from inkex.transforms import Transform
sys.path.append('/usr/share/inkscape/extensions')
inkex.localization.localize()
class IsometricProjectionTools(inkex.Effect):
"""
Convert a flat 2D projection to one of the three visible sides in an
isometric projection, and vice versa.
"""
attrTransformCenterX = inkex.addNS('transform-center-x', 'inkscape')
attrTransformCenterY = inkex.addNS('transform-center-y', 'inkscape')
def __init__(self):
"""
Constructor.
"""
inkex.Effect.__init__(self)
self.arg_parser.add_argument(
'-c', '--conversion',
dest='conversion', default='top',
help='Conversion to perform: (top|left|right)')
# Note: adding `type=bool` for the reverse option seems to break it when used
# from within Inkscape. Not sure why.
self.arg_parser.add_argument(
'-r', '--reverse',
dest='reverse', default="false",
help='Reverse the transformation from isometric projection '
'to flat 2D')
self.arg_parser.add_argument(
'-i', '--orthoangleL', type=float,
dest='orthoangleL', default="-1",
help='Left side axonometric angle in degrees')
self.arg_parser.add_argument(
'-j', '--orthoangleR', type=float, #NOTE LK: I don't actually know what '-i' etc. represent here, changed to '-j' when '-i' didn't work...
dest='orthoangleR', default="-1",
help='Right side axonometric angle in degrees')
def __initConstants(self, angleL, angleR):
# Precomputed values for sine, cosine of L and R orthoangles.
self.radL = math.radians(angleL)
self.cosL = math.cos(self.radL)
self.sinL = math.sin(self.radL)
self.radR = math.radians(angleR)
self.cosR = math.cos(self.radR)
self.sinR = math.sin(self.radR)
# Combined values for trimetric transform of top piece
self.radLpR = math.radians(angleL + angleR)
self.sinLpR = math.sin(self.radLpR)
self.shearFactorTop = math.sin(self.radLpR)
self.tanShearTop = math.tan(self.radL + self.radR - math.pi/2)
# Combined affine transformation matrices. The bottom row of these 3×3
# matrices is omitted; it is always [0, 0, 1].
self.transformations = {
# From 2D to isometric top down view: (Note: if angle L = angle R, this equation simplifies to the isometric / dimetric case)
# * scale vertically by sin(L + R)
# * shear horizontally by L + R - 90
# * rotate clock-wise L
'to_top': Transform(((self.cosL, self.shearFactorTop * (self.cosL * self.tanShearTop - self.sinL), 0),
(self.sinL, self.shearFactorTop * (self.sinL * self.tanShearTop + self.cosL), 0))),
# From 2D to isometric left-hand side view:
# * scale horizontally by cos(∠)
# * shear vertically by -∠
'to_left': Transform(((self.cosL, 0, 0),
(self.sinL, 1, 0))),
# From 2D to isometric right-hand side view:
# * scale horizontally by cos(∠)
# * shear vertically by ∠
'to_right': Transform(((self.cosR , 0, 0),
(-self.sinR, 1, 0)))
}
# The inverse matrices of the above perform the reverse transformations.
self.transformations['from_top'] = -self.transformations['to_top']
self.transformations['from_left'] = -self.transformations['to_left']
self.transformations['from_right'] = -self.transformations['to_right']
def getTransformCenter(self, midpoint, node):
"""
Find the transformation center of an object. If the user set it
manually by dragging it in Inkscape, those coordinates are used.
Otherwise, an attempt is made to find the center of the object's
bounding box.
"""
c_x = node.get(self.attrTransformCenterX)
c_y = node.get(self.attrTransformCenterY)
# Default to dead-center.
if c_x is None:
c_x = 0.0
else:
c_x = float(c_x)
if c_y is None:
c_y = 0.0
else:
c_y = float(c_y)
x = midpoint[0] + c_x
y = midpoint[1] - c_y
return [x, y]
def translateBetweenPoints(self, tr, here, there):
"""
Add a translation to a matrix that moves between two points.
"""
x = there[0] - here[0]
y = there[1] - here[1]
tr.add_translate(x, y)
def moveTransformationCenter(self, node, midpoint, center_new):
"""
If a transformation center is manually set on the node, move it to
match the transformation performed on the node.
"""
c_x = node.get(self.attrTransformCenterX)
c_y = node.get(self.attrTransformCenterY)
if c_x is not None:
x = str(center_new[0] - midpoint[0])
node.set(self.attrTransformCenterX, x)
if c_y is not None:
y = str(midpoint[1] - center_new[1])
node.set(self.attrTransformCenterY, y)
def effect(self):
"""
Apply the transformation. If an element already has a transformation
attribute, it will be combined with the transformation matrix for the
requested conversion.
"""
Langle = self.options.orthoangleL
Rangle = self.options.orthoangleR
if self.options.orthoangleL == -1:
Langle = 30
Rangle = 30
elif self.options.orthoangleR == -1:
Rangle = Langle
self.__initConstants(Langle,Rangle)
if self.options.reverse == "true":
conversion = "from_" + self.options.conversion
else:
conversion = "to_" + self.options.conversion
if len(self.svg.selected) == 0:
inkex.errormsg(_("Please select an object to perform the "
"isometric projection transformation on."))
return
# Default to the flat 2D to isometric top down view conversion if an
# invalid identifier is passed.
effect_matrix = self.transformations.get(
conversion, self.transformations.get('to_top'))
for id, node in self.svg.selected.items():
bbox = node.bounding_box()
midpoint = [bbox.center_x, bbox.center_y]
center_old = self.getTransformCenter(midpoint, node)
transform = Transform(node.get("transform"))
# Combine our transformation matrix with any pre-existing
# transform.
tr = transform @ effect_matrix
# Compute the location of the transformation center after applying
# the transformation matrix.
center_new = center_old[:]
#Transform(matrix).apply_to_point(center_new)
tr.apply_to_point(center_new)
tr.apply_to_point(midpoint)
# Add a translation transformation that will move the object to
# keep its transformation center in the same place.
self.translateBetweenPoints(tr, center_new, center_old)
node.set('transform', str(tr))
# Adjust the transformation center.
self.moveTransformationCenter(node, midpoint, center_new)
# Create effect instance and apply it.
effect = IsometricProjectionTools()
effect.run()
<?xml version="1.0" encoding="UTF-8"?>
<inkscape-extension xmlns="http://www.inkscape.org/namespace/inkscape/extension">
<name>Dimetric Projection</name>
<id>nl.jeroenhoek.inkscape.filter.dimetric_projection_tool</id>
<dependency type="executable" location="extensions">axonometric_projection.py</dependency>
<param name="conversion" type="optiongroup" gui-text="Convert flat projection to">
<option value="top">Dimetric top side</option>
<option value="left">Dimetric left-hand side</option>
<option value="right">Dimetric right-hand side</option>
</param>
<param name="reverse" type="bool" gui-text="Reverse transformation">false</param>
<param name="orthoangleL" type="float" precision="3" min="0" max="90" gui-text="Orthographic angle">15.000</param>
<effect>
<object-type>all</object-type>
<effects-menu>
<submenu _name="Axonometric Projection"/>
</effects-menu>
</effect>
<script>
<command reldir="extensions" interpreter="python">axonometric_projection.py</command>
</script>
</inkscape-extension>
<?xml version="1.0" encoding="UTF-8"?>
<inkscape-extension xmlns="http://www.inkscape.org/namespace/inkscape/extension">
<name>Isometric Projection</name>
<id>nl.jeroenhoek.inkscape.filter.isometric_projection_tool</id>
<dependency type="executable" location="extensions">axonometric_projection.py</dependency>
<param name="conversion" type="optiongroup" gui-text="Convert flat projection to">
<option value="top">Isometric top side</option>
<option value="left">Isometric left-hand side</option>
<option value="right">Isometric right-hand side</option>
</param>
<param name="reverse" type="bool" gui-text="Reverse transformation">false</param>
<effect>
<object-type>all</object-type>
<effects-menu>
<submenu _name="Axonometric Projection"/>
</effects-menu>
</effect>
<script>
<command reldir="extensions" interpreter="python">axonometric_projection.py</command>
</script>
</inkscape-extension>
<?xml version="1.0" encoding="UTF-8"?>
<inkscape-extension xmlns="http://www.inkscape.org/namespace/inkscape/extension">
<name>Trimetric Projection</name>
<id>nl.jeroenhoek.inkscape.filter.trimetric_projection_tool</id>
<dependency type="executable" location="extensions">axonometric_projection.py</dependency>
<param name="conversion" type="optiongroup" gui-text="Convert flat projection to">
<option value="top">Trimetric top side</option>
<option value="left">Trimetric left-hand side</option>
<option value="right">Trimetric right-hand side</option>
</param>
<param name="reverse" type="bool" gui-text="Reverse transformation">false</param>
<param name="orthoangleL" type="float" precision="3" min="0" max="90" gui-text="Left Side Orthographic angle">30.000</param>
<param name="orthoangleR" type="float" precision="3" min="0" max="90" gui-text="Right Side Orthographic angle">15.000</param>
<effect>
<object-type>all</object-type>
<effects-menu>
<submenu _name="Axonometric Projection"/>
</effects-menu>
</effect>
<script>
<command reldir="extensions" interpreter="python">axonometric_projection.py</command>
</script>
</inkscape-extension>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment