Exporting 2D Drawings with DXF
The DXF file format has been a cornerstone of CAD workflows for decades, serving as a universal language that allows different design applications to exchange 2D drawing data. Whether you're working with AutoCAD, LibreCAD, or any other major CAD software, chances are it speaks DXF. With Bitbybit's new DXF export capabilities powered by our new generator for OCCT, you can now create these industry-standard files directly from your parametric designs, opening up seamless integration with the broader CAD ecosystem.
In this tutorial, we'll explore how to create a complete DXF file that demonstrates the key features of the format. We'll generate stylized text with smooth rounded corners, add decorative hexagonal patterns, and organize everything into properly colored layers. By the end, you'll understand how to transform your 3D shapes into clean 2D drawings that can be used for laser cutting, CNC machining, architectural drawings, or any other application that requires precise 2D geometry.
Understanding the DXF Workflow
Creating a DXF file from parametric geometry follows a logical sequence that mirrors how you might work in traditional CAD software. First, you design your shapes using Bitbybit's powerful modeling tools. Then you extract the relevant wire geometry that represents the edges and curves you want to export. After that, you convert these wires into DXF paths, which are the fundamental building blocks of the DXF format. Finally, you organize these paths into named layers with specific colors and combine them into a complete DXF file.
The beauty of this workflow is that it gives you complete control over how your geometry is represented in the final output. Complex curved surfaces are automatically tessellated into line segments and arcs based on precision parameters you specify. This means you can balance file size against accuracy depending on your needs. A laser cutter might need very precise curves, while a schematic diagram might work fine with coarser approximations.
It's worth noting that while DXF is an extensive format with numerous entity types and features accumulated over decades of development, our current implementation focuses on the most commonly used elements for 2D CAD workflows. We support fundamental primitives like lines, circles, polylines, and lwpolylines, along with layer organization and color assignments. This covers the vast majority of practical use cases, from laser cutting paths to architectural floor plans. More specialized DXF features may be added in future updates based on user needs and feedback.
The Example: Text and Patterns
- Rete
- Blockly
- TypeScript
Script Source (rete)
{
"id": "rete-v2-json",
"nodes": {
"812657c7e9427d11": {
"id": "812657c7e9427d11",
"name": "bitbybit.advanced.text3d.createWithUrl",
"customName": "text with url",
"async": true,
"drawable": true,
"data": {
"genericNodeData": {
"hide": true,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"text": "DXF @ bitbybit.dev",
"fontUrl": "https://cdn.jsdelivr.net/gh/bitbybit-dev/bitbybit-assets@latest/fonts/Tektur/Tektur-Bold.ttf",
"fontSize": 1.5,
"height": 0,
"rotation": 180,
"origin": [
0,
0,
0
],
"direction": [
0,
1,
0
],
"originAlignment": "centerMiddle"
},
"inputs": {
"origin": {
"connections": [
{
"node": "8e747bf7533169c6",
"output": "result",
"data": {}
}
]
}
},
"position": [
1007.4310302734375,
303.9652099609375
]
},
"36612b08b47639db": {
"id": "36612b08b47639db",
"name": "bitbybit.json.getValueOnProp",
"customName": "get value on prop",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"property": "compound"
},
"inputs": {
"json": {
"connections": [
{
"node": "812657c7e9427d11",
"output": "result",
"data": {}
}
]
}
},
"position": [
1387.0510864257812,
305.5276794433594
]
},
"fc5ad94a42c702f4": {
"id": "fc5ad94a42c702f4",
"name": "bitbybit.occt.shapes.wire.getWires",
"customName": "get wires",
"async": true,
"drawable": true,
"data": {
"genericNodeData": {
"hide": true,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
}
},
"inputs": {
"shape": {
"connections": [
{
"node": "36612b08b47639db",
"output": "result",
"data": {}
}
]
}
},
"position": [
1768.0823364257812,
304.96795654296875
]
},
"ee7ab80453857ee8": {
"id": "ee7ab80453857ee8",
"name": "bitbybit.occt.io.shapeToDxfPaths",
"customName": "shape to dxf paths",
"async": true,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"angularDeflection": 0.1,
"curvatureDeflection": 0.1,
"minimumOfPoints": 2,
"uTolerance": 1e-9,
"minimumLength": 1e-7
},
"inputs": {
"shape": {
"connections": [
{
"node": "dac42da344cc1032",
"output": "result",
"data": {}
}
]
}
},
"position": [
3602.3710310943648,
301.36297968384093
]
},
"9f0a969e5430713c": {
"id": "9f0a969e5430713c",
"name": "bitbybit.occt.io.dxfPathsWithLayer",
"customName": "dxf paths with layer",
"async": true,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"layer": "Bitbybit",
"color": "#002afa"
},
"inputs": {
"paths": {
"connections": [
{
"node": "ee7ab80453857ee8",
"output": "result",
"data": {}
}
]
},
"color": {
"connections": [
{
"node": "d7ca9d81780ca714",
"output": "result",
"data": {}
}
]
}
},
"position": [
4143.151156851582,
882.7237080035137
]
},
"64b0ff0036661653": {
"id": "64b0ff0036661653",
"name": "bitbybit.occt.io.dxfCreate",
"customName": "dxf create",
"async": true,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"fileName": "bitbybit-dev.dxf",
"tryDownload": true
},
"inputs": {},
"position": [
5323.949204084961,
1765.3492926343174
]
},
"dac42da344cc1032": {
"id": "dac42da344cc1032",
"name": "bitbybit.occt.shapes.compound.makeCompound",
"customName": "make compound",
"async": true,
"drawable": true,
"data": {
"genericNodeData": {
"hide": true,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
}
},
"inputs": {
"shapes": {
"connections": [
{
"node": "999495a61d21a7d7",
"output": "list",
"data": {}
}
]
}
},
"position": [
3225.5494727396654,
302.0278488687396
]
},
"d44ed3791dbab3ea": {
"id": "d44ed3791dbab3ea",
"name": "bitbybit.occt.fillets.fillet2d",
"customName": "fillet 2d",
"async": true,
"drawable": true,
"data": {
"genericNodeData": {
"hide": true,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"radius": 0.05
},
"inputs": {
"shape": {
"connections": [
{
"node": "a056485c17c17c2a",
"output": "result",
"data": {}
}
]
}
},
"position": [
2488.3457165040336,
302.3125833655252
]
},
"a056485c17c17c2a": {
"id": "a056485c17c17c2a",
"name": "bitbybit.lists.flatten",
"customName": "flatten",
"data": {
"nrLevels": 1
},
"inputs": {
"list": {
"connections": [
{
"node": "fc5ad94a42c702f4",
"output": "result",
"data": {}
}
]
}
},
"position": [
2125.454265617889,
343.5106951712605
]
},
"999495a61d21a7d7": {
"id": "999495a61d21a7d7",
"name": "bitbybit.lists.createList",
"customName": "create list",
"data": {},
"inputs": {
"listElements": {
"connections": [
{
"node": "d44ed3791dbab3ea",
"output": "result",
"data": {}
}
]
}
},
"position": [
2861.6026073797925,
342.35495926915587
]
},
"0812cc55f1b8896f": {
"id": "0812cc55f1b8896f",
"name": "bitbybit.lists.createList",
"customName": "create list",
"data": {},
"inputs": {
"listElements": {
"connections": [
{
"node": "9f0a969e5430713c",
"output": "result",
"data": {}
},
{
"node": "9f0517fbc727ebdf",
"output": "result",
"data": {}
},
{
"node": "0c63a87797dd1a37",
"output": "result",
"data": {}
}
]
}
},
"position": [
4834.169126068523,
1789.783368201009
]
},
"e02e78db2b260e43": {
"id": "e02e78db2b260e43",
"name": "bitbybit.draw.drawAnyAsync",
"customName": "draw any async",
"async": true,
"drawable": true,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
}
},
"inputs": {
"entity": {
"connections": [
{
"node": "d44ed3791dbab3ea",
"output": "result",
"data": {}
}
]
},
"options": {
"connections": [
{
"node": "58cff7de0110c512",
"output": "result",
"data": {}
}
]
}
},
"position": [
3176.3322635770887,
755.2892659598735
]
},
"58cff7de0110c512": {
"id": "58cff7de0110c512",
"name": "bitbybit.draw.optionsOcctShapeSimple",
"customName": "options occt shape simple",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"precision": 0.01,
"drawFaces": false,
"faceColour": "#000000",
"drawEdges": true,
"edgeColour": "#ffffff",
"edgeWidth": 5
},
"inputs": {
"edgeColour": {
"connections": [
{
"node": "d7ca9d81780ca714",
"output": "result",
"data": {}
}
]
}
},
"position": [
2684.206033852748,
989.5959483874163
]
},
"d7ca9d81780ca714": {
"id": "d7ca9d81780ca714",
"name": "bitbybit.color.hexColor",
"customName": "hex color",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"color": "#ffa200"
},
"inputs": {},
"position": [
2291.6479252028726,
1403.7611431464898
]
},
"417c1e3f6dc12620": {
"id": "417c1e3f6dc12620",
"name": "bitbybit.advanced.text3d.createWithUrl",
"customName": "text with url",
"async": true,
"drawable": true,
"data": {
"genericNodeData": {
"hide": true,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"text": "CAD Power",
"fontUrl": "https://cdn.jsdelivr.net/gh/bitbybit-dev/bitbybit-assets@latest/fonts/Tektur/Tektur-Bold.ttf",
"fontSize": 1,
"height": 0,
"rotation": 180,
"origin": [
0,
0,
0
],
"direction": [
0,
1,
0
],
"originAlignment": "centerMiddle"
},
"inputs": {
"origin": {
"connections": [
{
"node": "1f41ae6cddbd6316",
"output": "result",
"data": {}
}
]
}
},
"position": [
1019.8110983352615,
1589.3407891867016
]
},
"1f41ae6cddbd6316": {
"id": "1f41ae6cddbd6316",
"name": "bitbybit.vector.vectorXYZ",
"customName": "vector xyz",
"async": false,
"drawable": true,
"data": {
"genericNodeData": {
"hide": true,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"x": 0,
"y": 0,
"z": -2
},
"inputs": {},
"position": [
633.0201697413568,
1779.669968113951
]
},
"bedc9e59e89bcacd": {
"id": "bedc9e59e89bcacd",
"name": "bitbybit.json.getValueOnProp",
"customName": "get value on prop",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"property": "compound"
},
"inputs": {
"json": {
"connections": [
{
"node": "417c1e3f6dc12620",
"output": "result",
"data": {}
}
]
}
},
"position": [
1398.3629074755804,
1589.1171829200089
]
},
"9d74721e9ea3ca64": {
"id": "9d74721e9ea3ca64",
"name": "bitbybit.occt.shapes.wire.getWires",
"customName": "get wires",
"async": true,
"drawable": true,
"data": {
"genericNodeData": {
"hide": true,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
}
},
"inputs": {
"shape": {
"connections": [
{
"node": "bedc9e59e89bcacd",
"output": "result",
"data": {}
}
]
}
},
"position": [
1776.5867310484286,
1582.894574549866
]
},
"7c5f83b617f3b152": {
"id": "7c5f83b617f3b152",
"name": "bitbybit.draw.drawAnyAsync",
"customName": "draw any async",
"async": true,
"drawable": true,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
}
},
"inputs": {
"entity": {
"connections": [
{
"node": "9d74721e9ea3ca64",
"output": "result",
"data": {}
}
]
},
"options": {
"connections": [
{
"node": "d7b94b8461f00915",
"output": "result",
"data": {}
}
]
}
},
"position": [
2699.7563303203247,
1849.0467535174976
]
},
"45c89d0aae2cc346": {
"id": "45c89d0aae2cc346",
"name": "bitbybit.color.hexColor",
"customName": "hex color",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"color": "#cc80ff"
},
"inputs": {},
"position": [
1887.5942802623663,
2497.0162011907883
]
},
"d7b94b8461f00915": {
"id": "d7b94b8461f00915",
"name": "bitbybit.draw.optionsOcctShapeSimple",
"customName": "options occt shape simple",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"precision": 0.01,
"drawFaces": false,
"faceColour": "#000000",
"drawEdges": true,
"edgeColour": "#ffffff",
"edgeWidth": 3
},
"inputs": {
"edgeColour": {
"connections": [
{
"node": "45c89d0aae2cc346",
"output": "result",
"data": {}
}
]
}
},
"position": [
2308.897399006875,
2011.5865011202043
]
},
"9f0517fbc727ebdf": {
"id": "9f0517fbc727ebdf",
"name": "bitbybit.occt.io.dxfPathsWithLayer",
"customName": "dxf paths with layer",
"async": true,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"layer": "CAD Power",
"color": "#002afa"
},
"inputs": {
"color": {
"connections": [
{
"node": "45c89d0aae2cc346",
"output": "result",
"data": {}
}
]
},
"paths": {
"connections": [
{
"node": "2399d5c95d08eac8",
"output": "result",
"data": {}
}
]
}
},
"position": [
4110.803064456732,
1748.9540325623657
]
},
"2399d5c95d08eac8": {
"id": "2399d5c95d08eac8",
"name": "bitbybit.occt.io.shapeToDxfPaths",
"customName": "shape to dxf paths",
"async": true,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"angularDeflection": 0.1,
"curvatureDeflection": 0.1,
"minimumOfPoints": 2,
"uTolerance": 1e-9,
"minimumLength": 1e-7
},
"inputs": {
"shape": {
"connections": [
{
"node": "41ce9c3c41148e7b",
"output": "result",
"data": {}
}
]
}
},
"position": [
3327.2575534687503,
1575.1266271738646
]
},
"41ce9c3c41148e7b": {
"id": "41ce9c3c41148e7b",
"name": "bitbybit.occt.shapes.compound.makeCompound",
"customName": "make compound",
"async": true,
"drawable": true,
"data": {
"genericNodeData": {
"hide": true,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
}
},
"inputs": {
"shapes": {
"connections": [
{
"node": "9d74721e9ea3ca64",
"output": "result",
"data": {}
}
]
}
},
"position": [
2953.6577959706633,
1576.920765834936
]
},
"8e747bf7533169c6": {
"id": "8e747bf7533169c6",
"name": "bitbybit.vector.vectorXYZ",
"customName": "vector xyz",
"async": false,
"drawable": true,
"data": {
"genericNodeData": {
"hide": true,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"x": 0,
"y": 0,
"z": 2.5
},
"inputs": {},
"position": [
566.6677417457336,
493.8634522192719
]
},
"c43df3085ac0b36e": {
"id": "c43df3085ac0b36e",
"name": "bitbybit.occt.shapes.wire.hexagonsInGrid",
"customName": "hexagons in grid",
"async": true,
"drawable": true,
"data": {
"genericNodeData": {
"hide": true,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"width": 15,
"height": 2,
"nrHexagonsInWidth": 40,
"nrHexagonsInHeight": 10,
"flatTop": true,
"extendTop": false,
"extendBottom": false,
"extendLeft": false,
"extendRight": false
},
"inputs": {
"scalePatternWidth": {
"connections": [
{
"node": "b8e483c054e211a8",
"output": "result",
"data": {}
}
]
},
"scalePatternHeight": {
"connections": [
{
"node": "b8e483c054e211a8",
"output": "result",
"data": {}
}
]
},
"inclusionPattern": {
"connections": [
{
"node": "1c79aa66029a76b1",
"output": "result",
"data": {}
}
]
}
},
"position": [
1197.7113777232364,
2944.253789026788
]
},
"b8e483c054e211a8": {
"id": "b8e483c054e211a8",
"name": "bitbybit.json.parse",
"customName": "parse",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"text": "[0.8,0.3]"
},
"inputs": {},
"position": [
678.4526183493094,
3243.2719283550973
]
},
"1c79aa66029a76b1": {
"id": "1c79aa66029a76b1",
"name": "bitbybit.json.parse",
"customName": "parse",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"text": "[true, true, false]"
},
"inputs": {},
"position": [
677.9842691012323,
3511.774764362635
]
},
"e7d7389a524a34ec": {
"id": "e7d7389a524a34ec",
"name": "bitbybit.occt.shapes.compound.makeCompound",
"customName": "make compound",
"async": true,
"drawable": true,
"data": {
"genericNodeData": {
"hide": true,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
}
},
"inputs": {
"shapes": {
"connections": [
{
"node": "c43df3085ac0b36e",
"output": "result",
"data": {}
}
]
}
},
"position": [
1879.7238149298187,
2944.2456093025285
]
},
"0c63a87797dd1a37": {
"id": "0c63a87797dd1a37",
"name": "bitbybit.occt.io.dxfPathsWithLayer",
"customName": "dxf paths with layer",
"async": true,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"layer": "Hexagons",
"color": "#002afa"
},
"inputs": {
"paths": {
"connections": [
{
"node": "0f170b4976e7f669",
"output": "result",
"data": {}
}
]
},
"color": {
"connections": [
{
"node": "73ffae8e549cb33d",
"output": "result",
"data": {}
}
]
}
},
"position": [
4142.128771429327,
2331.4100296830716
]
},
"e92ec307125a902c": {
"id": "e92ec307125a902c",
"name": "bitbybit.draw.drawGridMesh",
"customName": "draw grid mesh",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"width": 400,
"height": 400,
"subdivisions": 10,
"majorUnitFrequency": 10,
"minorUnitVisibility": 0.45,
"gridRatio": 0.5,
"opacity": 0.5,
"backFaceCulling": false,
"mainColor": "#ffffff",
"secondaryColor": "#ffffff"
},
"inputs": {},
"position": [
1204.3445930144521,
3993.9229408586093
]
},
"0f170b4976e7f669": {
"id": "0f170b4976e7f669",
"name": "bitbybit.occt.io.shapeToDxfPaths",
"customName": "shape to dxf paths",
"async": true,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"angularDeflection": 0.1,
"curvatureDeflection": 0.1,
"minimumOfPoints": 2,
"uTolerance": 1e-9,
"minimumLength": 1e-7
},
"inputs": {
"shape": {
"connections": [
{
"node": "e7d7389a524a34ec",
"output": "result",
"data": {}
}
]
}
},
"position": [
2925.455420149229,
2681.797228160575
]
},
"52d9eb9e5ade3c41": {
"id": "52d9eb9e5ade3c41",
"name": "bitbybit.draw.optionsOcctShapeSimple",
"customName": "options occt shape simple",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"precision": 0.01,
"drawFaces": false,
"faceColour": "#000000",
"drawEdges": true,
"edgeColour": "#80ff00",
"edgeWidth": 3
},
"inputs": {
"edgeColour": {
"connections": [
{
"node": "73ffae8e549cb33d",
"output": "result",
"data": {}
}
]
}
},
"position": [
2748.5299355650277,
4038.099044360888
]
},
"0d68cfb37d3bd877": {
"id": "0d68cfb37d3bd877",
"name": "bitbybit.draw.drawAnyAsync",
"customName": "draw any async",
"async": true,
"drawable": true,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
}
},
"inputs": {
"entity": {
"connections": [
{
"node": "e7d7389a524a34ec",
"output": "result",
"data": {}
}
]
},
"options": {
"connections": [
{
"node": "52d9eb9e5ade3c41",
"output": "result",
"data": {}
}
]
}
},
"position": [
3235.965446407667,
3876.0947519869496
]
},
"73ffae8e549cb33d": {
"id": "73ffae8e549cb33d",
"name": "bitbybit.color.hexColor",
"customName": "hex color",
"async": false,
"drawable": false,
"data": {
"genericNodeData": {
"hide": false,
"oneOnOne": false,
"flatten": 0,
"forceExecution": false
},
"color": "#58ff42"
},
"inputs": {},
"position": [
2084.3536736357287,
4018.5129477184555
]
}
}
}
Script Source (blockly)
<xml xmlns="https://developers.google.com/blockly/xml"><variables><variable id="fontUrl">fontUrl</variable><variable id="orangeColor">orangeColor</variable><variable id="purpleColor">purpleColor</variable><variable id=")br|m-2bSZ;Xix$V|-Q=">greenColor</variable><variable id="text1">text1</variable><variable id="text1Compound">text1Compound</variable><variable id="text1Wires">text1Wires</variable><variable id="filletedWires">filletedWires</variable><variable id="wire">wire</variable><variable id="filletedWire">filletedWire</variable><variable id="text1Compound2">text1Compound2</variable><variable id="dxfPaths1">dxfPaths1</variable><variable id="dxfLayer1">dxfLayer1</variable><variable id="text2">text2</variable><variable id="text2Compound">text2Compound</variable><variable id="text2Wires">text2Wires</variable><variable id="text2Compound2">text2Compound2</variable><variable id="dxfPaths2">dxfPaths2</variable><variable id="dxfLayer2">dxfLayer2</variable><variable id="hexagons">hexagons</variable><variable id="hexagonsCompound">hexagonsCompound</variable><variable id="dxfPaths3">dxfPaths3</variable><variable id="dxfLayer3">dxfLayer3</variable><variable id="allLayers">allLayers</variable><variable id="dxfFile">dxfFile</variable></variables><block type="variables_set" id="setFontUrl" x="-500" y="-500"><field name="VAR" id="fontUrl">fontUrl</field><value name="VALUE"><block type="text" id="fontUrlValue"><field name="TEXT">https://cdn.jsdelivr.net/gh/bitbybit-dev/bitbybit-assets@latest/fonts/Tektur/Tektur-Bold.ttf</field></block></value><next><block type="variables_set" id="setOrangeColor"><field name="VAR" id="orangeColor">orangeColor</field><value name="VALUE"><block type="bitbybit.color.hexColor" id="createOrangeColor"><value name="Color"><block type="text" id="orangeColorValue"><field name="TEXT">#ffa200</field></block></value></block></value><next><block type="variables_set" id="setPurpleColor"><field name="VAR" id="purpleColor">purpleColor</field><value name="VALUE"><block type="bitbybit.color.hexColor" id="createPurpleColor"><value name="Color"><block type="text" id="purpleColorValue"><field name="TEXT">#cc80ff</field></block></value></block></value><next><block type="variables_set" id="F$1qRQ4^|sF;4ohNbsuQ"><field name="VAR" id=")br|m-2bSZ;Xix$V|-Q=">greenColor</field><value name="VALUE"><block type="bitbybit.color.hexColor" id="eX)QLSFXXOe?hS(.Z!SY"><value name="Color"><block type="text" id="m)O^3VCdxrvr:o]}NV-G"><field name="TEXT">#80ff00</field></block></value></block></value><next><block type="variables_set" id="setText1"><field name="VAR" id="text1">text1</field><value name="VALUE"><block type="base_time_await_return" id="awaitText1"><value name="Promise"><block type="bitbybit.advanced.text3d.createWithUrl" id="createText1"><value name="Text"><block type="text" id="text1Value"><field name="TEXT">DXF @ bitbybit.dev</field></block></value><value name="FontUrl"><block type="variables_get" id="getFontUrl1"><field name="VAR" id="fontUrl">fontUrl</field></block></value><value name="FontSize"><block type="math_number" id="fontSize1"><field name="NUM">1.5</field></block></value><value name="Height"><block type="math_number" id="height1"><field name="NUM">0</field></block></value><value name="Rotation"><block type="math_number" id="rotation1"><field name="NUM">180</field></block></value><value name="Origin"><block type="bitbybit.point.pointXYZ" id="origin1"><value name="X"><block type="math_number" id="origin1X"><field name="NUM">0</field></block></value><value name="Y"><block type="math_number" id="origin1Y"><field name="NUM">0</field></block></value><value name="Z"><block type="math_number" id="origin1Z"><field name="NUM">2.5</field></block></value></block></value><value name="Direction"><block type="bitbybit.vector.vectorXYZ" id="direction1"><value name="X"><block type="math_number" id="direction1X"><field name="NUM">0</field></block></value><value name="Y"><block type="math_number" id="direction1Y"><field name="NUM">1</field></block></value><value name="Z"><block type="math_number" id="direction1Z"><field name="NUM">0</field></block></value></block></value><value name="OriginAlignment"><block type="text" id="originAlignment1"><field name="TEXT">centerMiddle</field></block></value></block></value></block></value><next><block type="variables_set" id="setText1Compound"><field name="VAR" id="text1Compound">text1Compound</field><value name="VALUE"><block type="bitbybit.json.getValueOnProp" id="getText1Compound"><value name="Json"><block type="variables_get" id="getText1"><field name="VAR" id="text1">text1</field></block></value><value name="Property"><block type="text" id="compoundProperty1"><field name="TEXT">compound</field></block></value></block></value><next><block type="variables_set" id="setText1Wires"><field name="VAR" id="text1Wires">text1Wires</field><value name="VALUE"><block type="base_time_await_return" id="awaitText1Wires"><value name="Promise"><block type="bitbybit.occt.shapes.wire.getWires" id="getText1Wires"><value name="Shape"><block type="variables_get" id="w.5}GK)|t;fHJG0Pr/SU"><field name="VAR" id="text1Compound">text1Compound</field></block></value></block></value></block></value><next><block type="variables_set" id="setFilletedWires"><field name="VAR" id="filletedWires">filletedWires</field><value name="VALUE"><block type="lists_create_with" id="emptyFilletedWires"><mutation items="0"></mutation></block></value><next><block type="controls_forEach" id="forEachWire"><field name="VAR" id="wire">wire</field><value name="LIST"><block type="variables_get" id="getText1WiresForLoop"><field name="VAR" id="text1Wires">text1Wires</field></block></value><statement name="DO"><block type="variables_set" id="setFilletedWire"><field name="VAR" id="filletedWire">filletedWire</field><value name="VALUE"><block type="base_time_await_return" id="awaitFilletedWire"><value name="Promise"><block type="bitbybit.occt.fillets.fillet2d" id="createFilletedWire"><value name="Shape"><block type="variables_get" id="getCurrentWire"><field name="VAR" id="wire">wire</field></block></value><value name="Radius"><block type="math_number" id="filletRadius"><field name="NUM">0.05</field></block></value></block></value></block></value><next><block type="lists_setIndex" id="addFilletedWire"><mutation at="false"></mutation><field name="MODE">INSERT</field><field name="WHERE">LAST</field><value name="LIST"><block type="variables_get" id="getFilletedWiresList"><field name="VAR" id="filletedWires">filletedWires</field></block></value><value name="TO"><block type="variables_get" id="getFilletedWire"><field name="VAR" id="filletedWire">filletedWire</field></block></value></block></next></block></statement><next><block type="variables_set" id="setText1Compound2"><field name="VAR" id="text1Compound2">text1Compound2</field><value name="VALUE"><block type="base_time_await_return" id="awaitText1Compound2"><value name="Promise"><block type="bitbybit.occt.shapes.compound.makeCompound" id="makeText1Compound2"><value name="Shapes"><block type="variables_get" id="getFilletedWires"><field name="VAR" id="filletedWires">filletedWires</field></block></value></block></value></block></value><next><block type="variables_set" id="setDxfPaths1"><field name="VAR" id="dxfPaths1">dxfPaths1</field><value name="VALUE"><block type="base_time_await_return" id="awaitDxfPaths1"><value name="Promise"><block type="bitbybit.occt.io.shapeToDxfPaths" id="createDxfPaths1"><value name="Shape"><block type="variables_get" id="getText1Compound2"><field name="VAR" id="text1Compound2">text1Compound2</field></block></value><value name="AngularDeflection"><block type="math_number" id="angularDeflection1"><field name="NUM">0.1</field></block></value><value name="CurvatureDeflection"><block type="math_number" id="curvatureDeflection1"><field name="NUM">0.1</field></block></value><value name="MinimumOfPoints"><block type="math_number" id="minimumOfPoints1"><field name="NUM">2</field></block></value></block></value></block></value><next><block type="variables_set" id="setDxfLayer1"><field name="VAR" id="dxfLayer1">dxfLayer1</field><value name="VALUE"><block type="base_time_await_return" id="awaitDxfLayer1"><value name="Promise"><block type="bitbybit.occt.io.dxfPathsWithLayer" id="createDxfLayer1"><value name="Paths"><block type="variables_get" id="getDxfPaths1"><field name="VAR" id="dxfPaths1">dxfPaths1</field></block></value><value name="Layer"><block type="text" id="layer1Name"><field name="TEXT">Bitbybit</field></block></value><value name="Color"><block type="variables_get" id="getOrangeColor1"><field name="VAR" id="orangeColor">orangeColor</field></block></value></block></value></block></value><next><block type="variables_set" id="setText2"><field name="VAR" id="text2">text2</field><value name="VALUE"><block type="base_time_await_return" id="awaitText2"><value name="Promise"><block type="bitbybit.advanced.text3d.createWithUrl" id="createText2"><value name="Text"><block type="text" id="text2Value"><field name="TEXT">CAD Power</field></block></value><value name="FontUrl"><block type="variables_get" id="getFontUrl2"><field name="VAR" id="fontUrl">fontUrl</field></block></value><value name="FontSize"><block type="math_number" id="fontSize2"><field name="NUM">1</field></block></value><value name="Height"><block type="math_number" id="height2"><field name="NUM">0</field></block></value><value name="Rotation"><block type="math_number" id="rotation2"><field name="NUM">180</field></block></value><value name="Origin"><block type="bitbybit.point.pointXYZ" id="origin2"><value name="X"><block type="math_number" id="origin2X"><field name="NUM">0</field></block></value><value name="Y"><block type="math_number" id="origin2Y"><field name="NUM">0</field></block></value><value name="Z"><block type="math_number" id="origin2Z"><field name="NUM">-2</field></block></value></block></value><value name="Direction"><block type="bitbybit.vector.vectorXYZ" id="direction2"><value name="X"><block type="math_number" id="direction2X"><field name="NUM">0</field></block></value><value name="Y"><block type="math_number" id="direction2Y"><field name="NUM">1</field></block></value><value name="Z"><block type="math_number" id="direction2Z"><field name="NUM">0</field></block></value></block></value><value name="OriginAlignment"><block type="text" id="originAlignment2"><field name="TEXT">centerMiddle</field></block></value></block></value></block></value><next><block type="variables_set" id="setText2Compound"><field name="VAR" id="text2Compound">text2Compound</field><value name="VALUE"><block type="bitbybit.json.getValueOnProp" id="getText2Compound"><value name="Json"><block type="variables_get" id="getText2"><field name="VAR" id="text2">text2</field></block></value><value name="Property"><block type="text" id="compoundProperty2"><field name="TEXT">compound</field></block></value></block></value><next><block type="variables_set" id="setText2Wires"><field name="VAR" id="text2Wires">text2Wires</field><value name="VALUE"><block type="base_time_await_return" id="awaitText2Wires"><value name="Promise"><block type="bitbybit.occt.shapes.wire.getWires" id="getText2Wires"><value name="Shape"><block type="variables_get" id="[f;YiOUfYXLB8-4YC44G"><field name="VAR" id="text2Compound">text2Compound</field></block></value></block></value></block></value><next><block type="variables_set" id="setText2Compound2"><field name="VAR" id="text2Compound2">text2Compound2</field><value name="VALUE"><block type="base_time_await_return" id="awaitText2Compound2"><value name="Promise"><block type="bitbybit.occt.shapes.compound.makeCompound" id="makeText2Compound2"><value name="Shapes"><block type="variables_get" id="Mi.g|lQk@i52(vB/EZ4w"><field name="VAR" id="text2Wires">text2Wires</field></block></value></block></value></block></value><next><block type="variables_set" id="setDxfPaths2"><field name="VAR" id="dxfPaths2">dxfPaths2</field><value name="VALUE"><block type="base_time_await_return" id="awaitDxfPaths2"><value name="Promise"><block type="bitbybit.occt.io.shapeToDxfPaths" id="createDxfPaths2"><value name="Shape"><block type="variables_get" id="getText2Compound2"><field name="VAR" id="text2Compound2">text2Compound2</field></block></value><value name="AngularDeflection"><block type="math_number" id="angularDeflection2"><field name="NUM">0.1</field></block></value><value name="CurvatureDeflection"><block type="math_number" id="curvatureDeflection2"><field name="NUM">0.1</field></block></value><value name="MinimumOfPoints"><block type="math_number" id="minimumOfPoints2"><field name="NUM">2</field></block></value></block></value></block></value><next><block type="variables_set" id="setDxfLayer2"><field name="VAR" id="dxfLayer2">dxfLayer2</field><value name="VALUE"><block type="base_time_await_return" id="awaitDxfLayer2"><value name="Promise"><block type="bitbybit.occt.io.dxfPathsWithLayer" id="createDxfLayer2"><value name="Paths"><block type="variables_get" id="getDxfPaths2"><field name="VAR" id="dxfPaths2">dxfPaths2</field></block></value><value name="Layer"><block type="text" id="layer2Name"><field name="TEXT">CAD Power</field></block></value><value name="Color"><block type="variables_get" id="getPurpleColor1"><field name="VAR" id="purpleColor">purpleColor</field></block></value></block></value></block></value><next><block type="variables_set" id="setHexagons"><field name="VAR" id="hexagons">hexagons</field><value name="VALUE"><block type="base_time_await_return" id="awaitHexagons"><value name="Promise"><block type="bitbybit.occt.shapes.wire.hexagonsInGrid" id="createHexagons"><value name="Width"><block type="math_number" id="hexWidth"><field name="NUM">15</field></block></value><value name="Height"><block type="math_number" id="hexHeight"><field name="NUM">2</field></block></value><value name="NrHexagonsInWidth"><block type="math_number" id="hexNrWidth"><field name="NUM">40</field></block></value><value name="NrHexagonsInHeight"><block type="math_number" id="hexNrHeight"><field name="NUM">10</field></block></value><value name="FlatTop"><block type="logic_boolean" id="hexFlatTop"><field name="BOOL">TRUE</field></block></value><value name="ScalePatternWidth"><block type="bitbybit.json.parse" id="scalePatternWidth"><value name="Text"><block type="text" id="scalePatternWidthText"><field name="TEXT">[0.8,0.3]</field></block></value></block></value><value name="ScalePatternHeight"><block type="bitbybit.json.parse" id="scalePatternHeight"><value name="Text"><block type="text" id="scalePatternHeightText"><field name="TEXT">[0.8,0.3]</field></block></value></block></value><value name="InclusionPattern"><block type="bitbybit.json.parse" id="inclusionPattern"><value name="Text"><block type="text" id="inclusionPatternText"><field name="TEXT">[true, true, false]</field></block></value></block></value></block></value></block></value><next><block type="variables_set" id="setHexagonsCompound"><field name="VAR" id="hexagonsCompound">hexagonsCompound</field><value name="VALUE"><block type="base_time_await_return" id="awaitHexagonsCompound"><value name="Promise"><block type="bitbybit.occt.shapes.compound.makeCompound" id="makeHexagonsCompound"><value name="Shapes"><block type="variables_get" id="getHexagons"><field name="VAR" id="hexagons">hexagons</field></block></value></block></value></block></value><next><block type="variables_set" id="setDxfPaths3"><field name="VAR" id="dxfPaths3">dxfPaths3</field><value name="VALUE"><block type="base_time_await_return" id="awaitDxfPaths3"><value name="Promise"><block type="bitbybit.occt.io.shapeToDxfPaths" id="createDxfPaths3"><value name="Shape"><block type="variables_get" id="getHexagonsCompound"><field name="VAR" id="hexagonsCompound">hexagonsCompound</field></block></value><value name="AngularDeflection"><block type="math_number" id="angularDeflection3"><field name="NUM">0.1</field></block></value><value name="CurvatureDeflection"><block type="math_number" id="curvatureDeflection3"><field name="NUM">0.1</field></block></value><value name="MinimumOfPoints"><block type="math_number" id="minimumOfPoints3"><field name="NUM">2</field></block></value></block></value></block></value><next><block type="variables_set" id="setDxfLayer3"><field name="VAR" id="dxfLayer3">dxfLayer3</field><value name="VALUE"><block type="base_time_await_return" id="awaitDxfLayer3"><value name="Promise"><block type="bitbybit.occt.io.dxfPathsWithLayer" id="createDxfLayer3"><value name="Paths"><block type="variables_get" id="getDxfPaths3"><field name="VAR" id="dxfPaths3">dxfPaths3</field></block></value><value name="Layer"><block type="text" id="layer3Name"><field name="TEXT">Hexagons</field></block></value><value name="Color"><block type="text" id="layer3Color"><field name="TEXT">#002afa</field></block></value></block></value></block></value><next><block type="variables_set" id="setAllLayers"><field name="VAR" id="allLayers">allLayers</field><value name="VALUE"><block type="lists_create_with" id="createAllLayers"><mutation items="3"></mutation><value name="ADD0"><block type="variables_get" id="getDxfLayer1ForList"><field name="VAR" id="dxfLayer1">dxfLayer1</field></block></value><value name="ADD1"><block type="variables_get" id="getDxfLayer2ForList"><field name="VAR" id="dxfLayer2">dxfLayer2</field></block></value><value name="ADD2"><block type="variables_get" id="getDxfLayer3ForList"><field name="VAR" id="dxfLayer3">dxfLayer3</field></block></value></block></value><next><block type="variables_set" id="setDxfFile"><field name="VAR" id="dxfFile">dxfFile</field><value name="VALUE"><block type="base_time_await_return" id="awaitDxfFile"><value name="Promise"><block type="bitbybit.occt.io.dxfCreate" id="createDxfFile"><value name="PathsParts"><block type="variables_get" id="tHKz+/=^gakd@LYkakXL"><field name="VAR" id="allLayers">allLayers</field></block></value><value name="FileName"><block type="text" id="{?rYF6u{=nYb8(_G?g[("><field name="TEXT">bitbybit-dev.dxf</field></block></value><value name="TryDownload"><block type="logic_boolean" id="c%bcI!9^bG^M|viBN}%/"><field name="BOOL">TRUE</field></block></value></block></value></block></value><next><block type="bitbybit.draw.drawAnyAsyncNoReturn" id="drawFilletedWires"><value name="Entity"><block type="variables_get" id="getFilletedWiresForDraw"><field name="VAR" id="filletedWires">filletedWires</field></block></value><value name="Options"><block type="bitbybit.draw.optionsOcctShapeSimple" id="drawOptions1"><value name="Precision"><block type="math_number" id="precision1"><field name="NUM">0.01</field></block></value><value name="DrawFaces"><block type="logic_boolean" id="drawFaces1"><field name="BOOL">FALSE</field></block></value><value name="DrawEdges"><block type="logic_boolean" id="drawEdges1"><field name="BOOL">TRUE</field></block></value><value name="EdgeColour"><block type="variables_get" id="getOrangeColor2"><field name="VAR" id="orangeColor">orangeColor</field></block></value><value name="EdgeWidth"><block type="math_number" id="edgeWidth1"><field name="NUM">5</field></block></value></block></value><next><block type="bitbybit.draw.drawAnyAsyncNoReturn" id="drawText2Wires"><value name="Entity"><block type="variables_get" id="getText2WiresForDraw"><field name="VAR" id="text2Wires">text2Wires</field></block></value><value name="Options"><block type="bitbybit.draw.optionsOcctShapeSimple" id="drawOptions2"><value name="Precision"><block type="math_number" id="precision2"><field name="NUM">0.01</field></block></value><value name="DrawFaces"><block type="logic_boolean" id="drawFaces2"><field name="BOOL">FALSE</field></block></value><value name="DrawEdges"><block type="logic_boolean" id="drawEdges2"><field name="BOOL">TRUE</field></block></value><value name="EdgeColour"><block type="variables_get" id="getPurpleColor2"><field name="VAR" id="purpleColor">purpleColor</field></block></value><value name="EdgeWidth"><block type="math_number" id="edgeWidth2"><field name="NUM">3</field></block></value></block></value><next><block type="bitbybit.draw.drawAnyAsyncNoReturn" id="}bEhaY!}QLIXeVRGpED@"><value name="Entity"><block type="variables_get" id=":%K*z.I%exyuJBQXcR#z"><field name="VAR" id="hexagonsCompound">hexagonsCompound</field></block></value><value name="Options"><block type="bitbybit.draw.optionsOcctShapeSimple" id="-J2}HU{sG{rFU2DyS27F"><value name="Precision"><block type="math_number" id="Er#=^ev{DcU)*lC`}hwB"><field name="NUM">0.01</field></block></value><value name="DrawFaces"><block type="logic_boolean" id="RJv$X1*hc{%3-UN(`^}%"><field name="BOOL">FALSE</field></block></value><value name="DrawEdges"><block type="logic_boolean" id="Ot(?MDe%jl;Dv*lL/1aP"><field name="BOOL">TRUE</field></block></value><value name="EdgeColour"><block type="variables_get" id="nRv8w[$!LL1u@HK@`osB"><field name="VAR" id=")br|m-2bSZ;Xix$V|-Q=">greenColor</field></block></value><value name="EdgeWidth"><block type="math_number" id="_FiaC@*.-tWJeAk+JT7A"><field name="NUM">3</field></block></value></block></value></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></xml>
Script Source (typescript)
const { Text3DUrlDto } = Bit.Advanced.Text3D;
const { ShapeToDxfPathsDto, DxfPathsWithLayerDto, DxfPathsPartsListDto } = Bit.Inputs.OCCT;
const { FilletDto } = Bit.Inputs.OCCT;
const { HexagonsInGridDto } = Bit.Inputs.OCCT;
// Import required types
type TopoDSWirePointer = Bit.Inputs.OCCT.TopoDSWirePointer;
type TopoDSShapePointer = Bit.Inputs.OCCT.TopoDSShapePointer;
type Point3 = Bit.Inputs.Base.Point3;
type Vector3 = Bit.Inputs.Base.Vector3;
// Define the main function
const start = async () => {
// Font URL for text creation
const fontUrl = "https://cdn.jsdelivr.net/gh/bitbybit-dev/bitbybit-assets@latest/fonts/Tektur/Tektur-Bold.ttf";
// Define colors
const orangeColor = "#ffa200";
const purpleColor = "#cc80ff";
const blueColor = "#80ff00";
// Create first text: "DXF @ bitbybit.dev" at z=2.5
const text1Options = new Text3DUrlDto();
text1Options.text = "DXF @ bitbybit.dev";
text1Options.fontUrl = fontUrl;
text1Options.fontSize = 1.5;
text1Options.height = 0;
text1Options.rotation = 180;
text1Options.origin = [0, 0, 2.5] as Point3;
text1Options.direction = [0, 1, 0] as Vector3;
const text1 = await bitbybit.advanced.text3d.createWithUrl(text1Options);
const text1Compound = text1.compound;
// Get wires from the first text
const text1Wires: TopoDSWirePointer[] = await bitbybit.occt.shapes.wire.getWires({ shape: text1Compound });
// Apply fillet to each wire
const filletedWires: TopoDSWirePointer[] = [];
for (const wire of text1Wires) {
const filletOptions = new FilletDto<TopoDSWirePointer>();
filletOptions.shape = wire;
filletOptions.radius = 0.05;
const filletedWire = await bitbybit.occt.fillets.fillet2d(filletOptions);
filletedWires.push(filletedWire);
}
// Create compound from filleted wires
const text1Compound2 = await bitbybit.occt.shapes.compound.makeCompound({ shapes: filletedWires });
// Convert first text to DXF paths
const dxfPaths1Options = new ShapeToDxfPathsDto<TopoDSShapePointer>();
dxfPaths1Options.shape = text1Compound2;
dxfPaths1Options.angularDeflection = 0.1;
dxfPaths1Options.curvatureDeflection = 0.1;
dxfPaths1Options.minimumOfPoints = 2;
const dxfPaths1 = await bitbybit.occt.io.shapeToDxfPaths(dxfPaths1Options);
// Create layer for first text
const dxfLayer1Options = new DxfPathsWithLayerDto();
dxfLayer1Options.paths = dxfPaths1;
dxfLayer1Options.layer = "Bitbybit";
dxfLayer1Options.color = orangeColor;
const dxfLayer1 = await bitbybit.occt.io.dxfPathsWithLayer(dxfLayer1Options);
// Create second text: "CAD Power" at z=-2
const text2Options = new Text3DUrlDto();
text2Options.text = "CAD Power";
text2Options.fontUrl = fontUrl;
text2Options.fontSize = 1;
text2Options.height = 0;
text2Options.rotation = 180;
text2Options.origin = [0, 0, -2] as Point3;
text2Options.direction = [0, 1, 0] as Vector3;
const text2 = await bitbybit.advanced.text3d.createWithUrl(text2Options);
const text2Compound = text2.compound;
// Get wires from the second text
const text2Wires: TopoDSWirePointer[] = await bitbybit.occt.shapes.wire.getWires({ shape: text2Compound });
// Create compound from text2 wires (no fillet for second text)
const text2Compound2 = await bitbybit.occt.shapes.compound.makeCompound({ shapes: text2Wires });
// Convert second text to DXF paths
const dxfPaths2Options = new ShapeToDxfPathsDto<TopoDSShapePointer>();
dxfPaths2Options.shape = text2Compound2;
dxfPaths2Options.angularDeflection = 0.1;
dxfPaths2Options.curvatureDeflection = 0.1;
dxfPaths2Options.minimumOfPoints = 2;
const dxfPaths2 = await bitbybit.occt.io.shapeToDxfPaths(dxfPaths2Options);
// Create layer for second text
const dxfLayer2Options = new DxfPathsWithLayerDto();
dxfLayer2Options.paths = dxfPaths2;
dxfLayer2Options.layer = "CAD Power";
dxfLayer2Options.color = purpleColor;
const dxfLayer2 = await bitbybit.occt.io.dxfPathsWithLayer(dxfLayer2Options);
// Create hexagonal grid
const hexagonsOptions = new HexagonsInGridDto();
hexagonsOptions.width = 15;
hexagonsOptions.height = 2;
hexagonsOptions.nrHexagonsInWidth = 40;
hexagonsOptions.nrHexagonsInHeight = 10;
hexagonsOptions.flatTop = true;
hexagonsOptions.extendTop = false;
hexagonsOptions.extendBottom = false;
hexagonsOptions.extendLeft = false;
hexagonsOptions.extendRight = false;
hexagonsOptions.scalePatternWidth = [0.8, 0.3];
hexagonsOptions.scalePatternHeight = [0.8, 0.3];
hexagonsOptions.inclusionPattern = [true, true, false];
const hexagons = await bitbybit.occt.shapes.wire.hexagonsInGrid(hexagonsOptions);
// Create compound from hexagons
const hexagonsCompound = await bitbybit.occt.shapes.compound.makeCompound({ shapes: hexagons });
// Convert hexagons to DXF paths
const dxfPaths3Options = new ShapeToDxfPathsDto<TopoDSShapePointer>();
dxfPaths3Options.shape = hexagonsCompound;
dxfPaths3Options.angularDeflection = 0.1;
dxfPaths3Options.curvatureDeflection = 0.1;
dxfPaths3Options.minimumOfPoints = 2;
const dxfPaths3 = await bitbybit.occt.io.shapeToDxfPaths(dxfPaths3Options);
// Create layer for hexagons
const dxfLayer3Options = new DxfPathsWithLayerDto();
dxfLayer3Options.paths = dxfPaths3;
dxfLayer3Options.layer = "Hexagons";
dxfLayer3Options.color = "#002afa";
const dxfLayer3 = await bitbybit.occt.io.dxfPathsWithLayer(dxfLayer3Options);
// Combine all layers
const allLayers = [dxfLayer1, dxfLayer2, dxfLayer3];
// Create DXF file
const dxfCreateOptions = new DxfPathsPartsListDto();
dxfCreateOptions.pathsParts = allLayers;
dxfCreateOptions.fileName = "bitbybit-dev.dxf";
dxfCreateOptions.tryDownload = true;
await bitbybit.occt.io.dxfCreate(dxfCreateOptions);
// Draw the shapes for visualization
const drawOptions1 = new Bit.Inputs.Draw.DrawOcctShapeSimpleOptions();
drawOptions1.precision = 0.01;
drawOptions1.drawFaces = false;
drawOptions1.drawEdges = true;
drawOptions1.edgeColour = orangeColor;
drawOptions1.edgeWidth = 5;
bitbybit.draw.drawAnyAsync({ entity: filletedWires, options: drawOptions1 });
const drawOptions2 = new Bit.Inputs.Draw.DrawOcctShapeSimpleOptions();
drawOptions2.precision = 0.01;
drawOptions2.drawFaces = false;
drawOptions2.drawEdges = true;
drawOptions2.edgeColour = purpleColor;
drawOptions2.edgeWidth = 3;
bitbybit.draw.drawAnyAsync({ entity: text2Wires, options: drawOptions2 });
// Draw the shapes for visualization
const drawOptions3 = new Bit.Inputs.Draw.DrawOcctShapeSimpleOptions();
drawOptions3.precision = 0.01;
drawOptions3.drawFaces = false;
drawOptions3.drawEdges = true;
drawOptions3.edgeColour = blueColor;
drawOptions3.edgeWidth = 2;
bitbybit.draw.drawAnyAsync({ entity: hexagonsCompound, options: drawOptions3 });
}
// Execute the function
start();
Breaking Down the Process
Our example creates three distinct layers, each serving a different purpose and demonstrating various aspects of DXF export. Let's walk through what's happening in the code and why each step matters.
Creating and Refining Text Geometry
The first step is generating 3D text using a custom font loaded from a URL. We create two text strings at different heights along the Z-axis to keep them visually separated. The text generation returns a compound shape, but for DXF export we need the individual wire elements that define the letter outlines. This is where the getWires function comes in, extracting each character's edge geometry into separate wire objects.
For the first text "DXF @ bitbybit.dev", we apply a 2D fillet operation to each wire. Filleting rounds the sharp corners of the letters, giving them a softer, more refined appearance. This is particularly useful when you're preparing designs for fabrication processes that struggle with sharp internal corners, or simply when you want a more polished aesthetic. The fillet radius of 0.05 units creates subtle curves that smooth out the geometry without dramatically altering the character shapes.
The second text "CAD Power" is left unfilleted, preserving the crisp, angular nature of the original font. This contrast between the two text styles demonstrates how you can treat different elements differently within the same DXF file. After processing, both sets of wires are recombined into compound shapes, preparing them for the conversion to DXF format.
Building Decorative Patterns
The hexagonal grid adds visual interest and shows how pattern-based geometry works with DXF export. The hexagonsInGrid function generates an array of hexagons based on several parameters that control their size, distribution, and appearance. The scale patterns determine how hexagons vary in size across the grid, while the inclusion pattern controls which hexagons actually appear, creating a rhythmic visual pattern.
This kind of parametric pattern generation is where BitByBit really shines compared to traditional CAD. Instead of manually drawing dozens of hexagons, you define the rules and let the algorithm generate the geometry. When you need to adjust the design, you simply change the parameters rather than redrawing everything.
Converting to DXF Paths
The conversion from OCCT shapes to DXF paths is handled by the shapeToDxfPaths function, which takes care of the complex task of tessellating curved geometry. The three key parameters here are angular deflection, curvature deflection, and minimum points. Angular deflection controls how closely line segments follow curved paths when viewed from the side. Curvature deflection does the same but focuses on the curve's actual shape. Together, these parameters determine how smooth your curves look in the final DXF file versus how many points are needed to represent them.
Setting these values to 0.1 provides a good balance for most applications. If you're working with very small features or need extremely precise curves, you might lower these values. For simpler geometry or when file size is a concern, higher values work fine.
Organizing Layers and Colors
DXF files use layers to organize geometry, similar to how you might use layers in graphics software or other CAD programs. Each layer has a name and can have its own color, making it easy to control visibility and organize different aspects of your design. In our example, we create three layers: "Bitbybit" for the filleted text in orange, "CAD Power" for the sharp text in purple, and "Hexagons" for the decorative pattern in blue.
The layer organization is crucial when the DXF file is opened in other CAD software. Users can turn layers on and off, change their properties, or work with different elements independently. This is particularly important for manufacturing workflows where different layers might represent different cutting depths, tool paths, or assembly components.
Generating the Final File
The final step brings everything together using the dxfCreate function. It takes all your layer definitions, combines them into a proper DXF structure, and generates the file. The tryDownload parameter automatically triggers a download in your browser, making it easy to immediately save and use the file. The resulting DXF can be opened in virtually any CAD program, where you'll see your three layers properly organized with their assigned colors and names.
Practical Applications and Considerations
This workflow opens up numerous possibilities for integrating Bitbybit into broader design and manufacturing pipelines. You might generate custom signage with parametric text and decorative elements, create intricate laser-cut patterns that would be tedious to draw manually, or export architectural details for documentation. The key advantage is that everything remains parametric until the moment of export, meaning you can iterate rapidly on your designs.
When working with DXF export, keep in mind that the format is fundamentally 2D. While Bitbybit works in 3D space, the DXF conversion projects your geometry into a flat representation. This is why we extract wires rather than solid faces - we're interested in the edge geometry that defines shapes in 2D. If you need to represent 3D objects you should better use STEP, IGES or STL files.
The precision parameters deserve careful consideration based on your end use. Laser cutters and CNC machines typically need accurate curve representation, so you'd use smaller deflection values. For drawings that will be manually edited or used for visualization, you can be more relaxed with these settings, resulting in smaller files that are easier to work with.
Conclusion
DXF export represents an important bridge between Bitbybit's parametric 3D environment and the established world of 2D CAD. By mastering this workflow, you gain the ability to take your parametric designs and deliver them in a format that's universally understood across the manufacturing and design industries. The combination of text generation, geometric processing, pattern creation, and organized layer output demonstrates the power of having a complete toolchain within a single environment.
As you explore DXF export in your own projects, remember that the techniques shown here are building blocks you can combine in countless ways. Try experimenting with different shapes, varying the precision parameters to see their effect, or creating complex layer hierarchies for sophisticated drawings. The parametric nature of Bitbybit means you can always refine and regenerate your exports until they're exactly right for your needs.