Imports from this original java works: Isometric drawing library for Android
Imports Microsoft.VisualBasic.Imaging
Imports Microsoft.VisualBasic.Imaging.Drawing3D
Imports Microsoft.VisualBasic.Imaging.Drawing3D.Isometric
Imports IsometricView = Microsoft.VisualBasic.Imaging.Drawing3D.IsometricEngine
Dim isometricView As New IsometricView
' Add 3D models
' blablabla
Call isometricView.Add(...)
Using g As Graphics2D = New Size(width, height).CreateGDIDevice
Call isometricView.Draw(g)
Call g.ImageResource.SaveAs($"./{filename}.png")
End UsingCall isometricView.add(
New Prism(
New Point3D(0, 0, 0),
1, 1, 1
),
Color.FromArgb(33, 150, 243)
)
There are 3 basic components: points, paths and shapes. A shape needs an origin point and 3 measurements for the x, y and z axes. The default Prism constructor is setting all measurements to 1.
isometricView.Add(new Prism(new Point3D(0, 0, 0)), Color.FromArgb(33, 150, 243))
isometricView.Add(new Prism(new Point3D(-1, 1, 0), 1, 2, 1), Color.FromArgb(33, 150, 243))
isometricView.Add(new Prism(new Point3D(1, -1, 0), 2, 1, 1), Color.FromArgb(33, 150, 243))
Paths are two dimensional. You can draw and color paths the same as shapes.
isometricView.add(new Prism(Math3D.ORIGIN, 3, 3, 1), Color.FromArgb(50, 60, 160))
isometricView.add(new Path3D({
new Point3D(1, 1, 1),
new Point3D(2, 1, 1),
new Point3D(2, 2, 1),
new Point3D(1, 2, 1)
}), Color.FromArgb(50, 160, 60))
Here you can see how the grid looks like. The blue grid is the xy-plane. The z-line is the z-axis.
Traslate is translating an point, path or shape to the given x, y and z distance. Translate is returning a new point, path or shape.
Dim prism As New Prism(new Point3D(0, 0, 0))
isometricView.add(prism, Color.FromArgb(33, 150, 243))
isometricView.add(prism.translate(0, 0, 1.1), Color.FromArgb(33, 150, 243))
Scale is scaling an point, path or shape with the given x, y and z scaling factors. Scale is returning a new point, path or shape.
Dim blue = Color.FromArgb(50, 60, 160)
Dim red = Color.FromArgb(160, 60, 50)
Dim cube As new Prism(Math3D.ORIGIN)
isometricView.add(cube.scale(Math3D.ORIGIN, 3.0, 3.0, 0.5), red)
isometricView.add(cube
.scale(Math3D.ORIGIN, 3.0, 3.0, 0.5)
.translate(0, 0, 0.6), blue)
RotateZ is rotating an point, path or shape with the given angle in radians on the xy-plane (where an angle of 0 runs along the position x-axis). RotateZ is returning a new point, path or shape.
Dim blue = Color.FromArgb(50, 60, 160)
Dim red = Color.FromArgb(160, 60, 50)
Dim cube As new Prism(Math3D.ORIGIN, 3, 3, 1)
isometricView.add(cube, red);
isometricView.add(cube
' /* (1.5, 1.5) is the center of the prism */
.rotateZ(new Point3D(1.5, 1.5, 0), Math.PI / 12)
.translate(0, 0, 1.1), blue)
The method Shape.extrude allows you to create a 3D model by popping out a 2D path along the z-axis.
Dim blue = Color.FromArgb(50, 60, 160)
Dim red = Color.FromArgb(160, 60, 50)
Call isometricView.add(new Prism(Math3D.ORIGIN, 3, 3, 1), blue)
Call isometricView.add(Shape.extrude(new Path3D({
new Point3D(1, 1, 1),
new Point3D(2, 1, 1),
new Point3D(2, 3, 1)
}), 0.3), red)
