https://www.vzome.com/docs/?id=docs

1<!DOCTYPE html>
2<html lang="en">
3<head>
4
5  <meta charset="utf-8">
6  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7
8  <title>vZome Documentation</title>
9
10  <meta name="author" content="Scott Vorthmann">
11  <meta name="description" content="">
12  <meta name="keywords" content="vZome,Zometool,zome,geometry,design,software,application,discrete,exact,online">
13
14  <link rel="alternate" type="application/rss+xml" title="vZome (Under Construction)" href="https://www.vzome.com/feed.xml">
15      
16  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
17
18  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
19  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic">
20  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800">
21  <link rel="stylesheet" href="/assets/css/bootstrap-social.css">
22  <link rel="stylesheet" href="/assets/css/beautifuljekyll.css">
23  <link rel="stylesheet" href="/assets/css/custom-styles.css">
24
25  <meta property="og:site_name" content="vZome (Under Construction)">
26  <meta property="og:title" content="vZome Documentation">
27  <meta property="og:description" content="">
28  <meta property="og:image" content="">
29  <meta property="og:type" content="website">
30  <meta property="og:url" content="/docs">
31
32  <link rel="canonical" href="/docs">
33
34  <meta name="twitter:card" content="summary_large_image">
35  <meta name="twitter:site" content="@vzome">
36  <meta name="twitter:creator" content="@vzome">
37  <meta property="twitter:title" content="vZome Documentation">
38  <meta property="twitter:description" content="">
39  <meta property="twitter:image" content="">
40
41</head>
42
43<body>
44
45  <nav class="navbar navbar-expand-xl navbar-light fixed-top navbar-custom top-nav-regular">
46
47    <a class="navbar-brand navbar-brand-logo" href="https://www.vzome.com/"><img alt="vZome (Under Construction) Logo" src="/assets/vzome-6-logo.png"/></a>
48
49    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-navbar" aria-controls="main-navbar" aria-expanded="false" aria-label="Toggle navigation">
50      <span class="navbar-toggler-icon"></span>
51    </button>
52
53    <div class="collapse navbar-collapse" id="main-navbar">
54      <ul class="navbar-nav ml-auto">
55
56        <li class="nav-item">
57          <a class="nav-link" href="/new-index">Home</a>
58        </li>
59
60        <li class="nav-item dropdown">
61          <a class="nav-link dropdown-toggle" href="/docs/" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">About</a>
62          <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
63            <a class="dropdown-item" href="/about">vZome</a>
64            <a class="dropdown-item" href="/about/zometool">Zometool</a>
65            <a class="dropdown-item" href="/docs/history">History</a>
66          </div>
67        </li>
68      
69        <li class="nav-item dropdown">
70          <a class="nav-link dropdown-toggle" href="/docs" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Docs</a>
71          <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
72            <a class="dropdown-item" href="/docs/quick-start">Quick Start</a>
73            <a class="dropdown-item" href="/docs/sharing">Sharing</a>
74            <a class="dropdown-item" href="/docs/web-component">Web Embedding</a>
75            <a class="dropdown-item" href="/docs">Misc</a>
76          </div>
77        </li>
78      
79        <li class="nav-item">
80          <a class="nav-link" href="/news/">News</a>
81        </li>
82
83        <li class="nav-item dropdown">
84          <a class="nav-link dropdown-toggle" href="/docs" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Showcase</a>
85          <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
86            <a class="dropdown-item" href="/geometry/">Geometry Blog</a>
87            <a class="dropdown-item" href="/home/showcase/">Gallery</a>
88          </div>
89        </li>
90        
91        <li class="nav-item">
92          <a class="nav-link" id="nav-search-link" href="/docs" title="Search">

93            <span id="nav-search-icon" class="fa fa-search"></span>
94            <span id="nav-search-text">Search</span>
95          </a>
96        </li>
97      </ul>
98    </div>
99
100  </nav>
101
102  <div id="beautifuljekyll-search-overlay">
103
104    <div id="nav-search-exit" title="Exit search">✕</div>
105    <input type="text" id="nav-search-input" placeholder="Search">
106    <ul id="search-results-container"></ul>
107    
108    

108<script src="https://unpkg.com/simple-jekyll-search@latest/dest/simple-jekyll-search.min.js"></script>

108
109    

109<script>
110      SimpleJekyllSearch({
111        searchInput: document.getElementById('nav-search-input'),
112        resultsContainer: document.getElementById('search-results-container'),
113        json: '/assets/data/searchcorpus.json' 
114      });
115    </script>

115
116  </div>
117
118  <header class="header-section ">
119    <div class="intro-header ">
120      
121      <div class="container-md">
122        <div class="row">
123          <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
124            <div class="page-heading">
125              <h1>vZome Documentation</h1>
126              
127              
128              
129            </div>
130          </div>
131        </div>
132      </div>
133    </div>
134
135  </header>
136
137
138  <main class=" container-md ">
139    <div class="row">
140      <div class=" col-xl-8 offset-xl-2 col-lg-10 offset-lg-1 ">
141
142        <h2><a href="https://discord.gg/vhyFsNAFPS">Join the Discord</a></h2>
143<p>The best way to get help quickly is to join our <a href="https://discord.gg/vhyFsNAFPS">Discord server</a>, and ask there.
144It is also the best way to learn about new features, and even to help set priorities for vZome.</p>
145<h2><a href="./quick-start">Quick Start Guide</a></h2>
146<p>Just the basics to get you started creating geometric designs with vZome.</p>
147<h2><a href="https://www.youtube.com/playlist?list=PL7FhcGSSTrf5LR_L1pKUepRf15y6VOHcG" target="_blank" rel="noopener">YouTube Playlist</a></h2>
148<p>Significant new features get a dedicated YouTube video:</p>
149<figure style="margin: 5%">
150  <iframe allowfullscreen="" frameborder="2" height="330" width="100%"
151     src="//www.youtube.com/embed/videoseries?list=PL7FhcGSSTrf5LR_L1pKUepRf15y6VOHcG">
152  </iframe>
153</figure>
154<h2><a href="./online">vZome Online Web Applications</a></h2>
155<p>vZome code has been ported to run in the browser, and there are a number of
156web applications you can explore.</p>
157<h2><a href="./sharing">Sharing vZome Designs</a></h2>
158<p>vZome supports sharing designs via GitHub, including generation of simple web pages with embedded interactive 3D views like this:</p>

159<script type="module" src="https://www.vzome.com/modules/vzome-viewer.js"></script>

159
160<figure style="margin: 5%">
161  <vzome-viewer style="width: 100%; height: 30vh;"
162         src="https://vorth.github.io/vzome-sharing/2022/06/19/22-54-33-Baer-dome-triplet-no-fudge/Baer-dome-triplet-no-fudge.vZome">
163    <img src="https://vorth.github.io/vzome-sharing/2022/06/19/22-54-33-Baer-dome-triplet-no-fudge/Baer-dome-triplet-no-fudge.png">
164  </vzome-viewer>
165  <figcaption style="text-align: center; font-style: italic;">
166    A sample design exported from vZome, displayed using the vzome-viewer custom HTML element
167  </figcaption>
168</figure>
169<h2><a href="./web-component">Embedding vZome Designs in Web Pages</a></h2>
170<p>The interactive 3D viewer shown above is a standard <em>web component</em>, and can be embedded in any HTML page,
171independent of whether you host the vZome design on GitHub or your own web server.</p>
172<h2><a href="./toolbars-for-diehards">vZome Toolbars for Diehards</a></h2>
173<p>You can use modern vZome but still have the tools from older versions.</p>
174<h2><a href="./content-workflows">vZome Content Workflows</a></h2>
175<p>Have you ever wished that you could automatically capture an image or export with every vZome file you save?</p>
176<h2><a href="./povray">Ray-tracing with POV-Ray on Mac OS</a></h2>
177<p>Ray-traced vZome models are easy again, for Mac users using POV-Ray.</p>
178<h2><a href="./running-on-linux">Running vZome on Linux</a></h2>
179<p>Instructions for how to install and run vZome on a Linux system</p>
180<h2><a href="./capture-vector-graphics">Capturing Vector Graphics (e.g. PDF)</a></h2>
181<p>Are you still capturing JPEG images to print your vZome creations? There's a better way, for most cases: vector graphics.</p>
182
183
184      </div>
185    </div>
186  </main>
187
188  <footer>
189    <div class="container-md beautiful-jekyll-footer">
190      <div class="row">
191        <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
192        
193        <ul class="list-inline text-center footer-links">
194          <li class="list-inline-item">
195            <a href="https://www.vzome.com/cdn-cgi/l/email-protection#cfa6a1a9a08fb9b5a0a2aae1aca0a2" title="Email me">
196              <span class="fa-stack fa-lg" aria-hidden="true">
197                <i class="fas fa-circle fa-stack-2x"></i>
198                <i class="fas fa-envelope fa-stack-1x fa-inverse"></i>
199              </span>
200              <span class="sr-only">Email me</span>
201            </a>
202          </li>
203          <li class="list-inline-item">
204            <a href="https://www.vzome.com/feed.xml" title="RSS">
205              <span class="fa-stack fa-lg" aria-hidden="true">
206                <i class="fas fa-circle fa-stack-2x"></i>
207                <i class="fas fa-rss fa-stack-1x fa-inverse"></i>
208              </span>
209              <span class="sr-only">RSS</span>
210            </a>
211          </li>
212          <li class="list-inline-item">
213            <a href="https://www.facebook.com/vzome" title="Facebook">
214              <span class="fa-stack fa-lg" aria-hidden="true">
215                <i class="fas fa-circle fa-stack-2x"></i>
216                <i class="fab fa-facebook fa-stack-1x fa-inverse"></i>
217              </span>
218              <span class="sr-only">Facebook</span>
219            </a>
220          </li>
221          <li class="list-inline-item">
222            <a href="https://github.com/vzome" title="GitHub">
223              <span class="fa-stack fa-lg" aria-hidden="true">
224                <i class="fas fa-circle fa-stack-2x"></i>
225                <i class="fab fa-github fa-stack-1x fa-inverse"></i>
226              </span>
227              <span class="sr-only">GitHub</span>
228            </a>
229            </li>
230          <li class="list-inline-item">
231            <a href="https://twitter.com/vzome" title="X (Twitter)">
232              <span class="fa-stack fa-lg" aria-hidden="true">
233                <i class="fas fa-circle fa-stack-2x"></i>
234                <i class="fab fa-x-twitter fa-stack-1x fa-inverse"></i>
235              </span>
236              <span class="sr-only">X (Twitter)</span>
237            </a>
238          </li>
239          <li class="list-inline-item">
240            <a href="https://www.youtube.com/c/vzome" title="YouTube">

241              <span class="fa-stack fa-lg" aria-hidden="true">
242                <i class="fas fa-circle fa-stack-2x"></i>
243                <i class="fab fa-youtube fa-stack-1x fa-inverse"></i>
244              </span>
245              <span class="sr-only">YouTube</span>
246            </a>
247          </li>
248          <li class="list-inline-item">
249            <a href="https://discord.com/invite/vhyFsNAFPS" title="Discord">
250              <span class="fa-stack fa-lg" aria-hidden="true">
251                <i class="fas fa-circle fa-stack-2x"></i>
252                <i class="fab fa-discord fa-stack-1x fa-inverse"></i>
253              </span>
254              <span class="sr-only">Discord</span>
255            </a>
256          </li>
257        </ul>
258
259        <p class="copyright text-muted">
260          Scott Vorthmann
261          &nbsp;&bull;&nbsp;
262          2025
263        </p>
264        <p class="theme-by text-muted">
265          Powered by
266          <a href="https://www.11ty.dev">11ty</a> and
267          <a href="https://beautifuljekyll.com">Beautiful Jekyll</a>
268        </p>
269        </div>
270      </div>
271    </div>
272  </footer>

272
273
274  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
275  

275<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script>

275
276  

276<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>

276
277  

277<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

277
278  <!-- doing something a bit funky here because I want to be careful not to include JQuery twice! -->
279  

279<script src="/assets/js/beautifuljekyll.js"></script>

279
280
281</body>
282</html>