TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

3D Wireframes Using SVG

394 pointsby prideoutalmost 6 years ago

16 comments

namirezalmost 6 years ago
This is great! There is, however, one potential issue with this implementation stated here:<p>&quot;<i>Faces are sorted back-to-front in a very approximate way according to the Z centroid</i>&quot;.<p>In certain cases, this can lead to showing the back face and hiding the front face because the centroid position is not sufficient for figuring out the Z order of triangles.<p>Other than this minor issue, it&#x27;s a great implementation.
评论 #20386553 未加载
评论 #20392975 未加载
sbr464almost 6 years ago
Awesome work!<p>I ran the 4 shape example through SVGOMG and lowered the precision slider down until it didn&#x27;t affect the perceived output.<p>The result was about 40% of the original size.<p><a href="https:&#x2F;&#x2F;jakearchibald.github.io&#x2F;svgomg&#x2F;" rel="nofollow">https:&#x2F;&#x2F;jakearchibald.github.io&#x2F;svgomg&#x2F;</a><p>SVG tested:<p><a href="https:&#x2F;&#x2F;camo.githubusercontent.com&#x2F;ffa6eed9348fcd42454fc3916f7662bc0f9808a6&#x2F;68747470733a2f2f70726964656f75742e6e65742f626c6f672f7376675f776972656672616d65732f66696c6d73747269702e737667" rel="nofollow">https:&#x2F;&#x2F;camo.githubusercontent.com&#x2F;ffa6eed9348fcd42454fc3916...</a><p>Side note -- if using React, svg2jsx is great for converting the SVG properties to React JSX names.<p><a href="https:&#x2F;&#x2F;svg2jsx.herokuapp.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;svg2jsx.herokuapp.com&#x2F;</a>
评论 #20387928 未加载
mohnalmost 6 years ago
Very nice! This reminds me a bit of Michael Fogleman&#x27;s 3D Line Art Engine [0]. His project was motivated by a desire to make vector art for a pen plotter, so not quite the same goals. I appreciate how you&#x27;ve woven together images, code, and explanatory text in this post.<p>[0] <a href="https:&#x2F;&#x2F;github.com&#x2F;fogleman&#x2F;ln" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;fogleman&#x2F;ln</a>
评论 #20390890 未加载
spankaleealmost 6 years ago
I wish I could find it, but a while back there was a post about a web-based vector renderer for 3D objects, possibly a three.js plugin. It has some really nice looking demos.<p>I don&#x27;t think it was seen.io, but seen.io appears to do something similar to this post, in JS: <a href="http:&#x2F;&#x2F;seenjs.io&#x2F;" rel="nofollow">http:&#x2F;&#x2F;seenjs.io&#x2F;</a>
评论 #20386074 未加载
anigbrowlalmost 6 years ago
Outstanding documentation quality - simple descriptions of the context, problem and solution, at increasing levels of specificity. Other people should learn from this when writing their own Readmes.
piadodjanhoalmost 6 years ago
Nice. But 17 digits of of precision is on the rendered drawing bit much.
评论 #20385943 未加载
Const-mealmost 6 years ago
I have thought about doing something similar for PDF reports in a CAE app. Concluded it won’t scale. I need to handle high-poly meshes, 1M vertices and more. That’s why instead I’m using 600DPI jpeg images, rendered on GPU.<p>But when you know the mesh is low-poly, the technique is really cool. It should be trivial to port from Python to any other language, also from SVG to e.g. PDF.
th0ma5almost 6 years ago
Anyone know of something that vectorizes STLs or OBJs into a 2D perhaps ortho perspective?
评论 #20388673 未加载
评论 #20386791 未加载
评论 #20386716 未加载
评论 #20386763 未加载
bhoustonalmost 6 years ago
This seems useful for SIGGRAPH paper graphics.<p>BTW I always think this website is something to do with being Out and Pride. That is my default parsing no matter how many times I&#x27;ve seen cool stuff on this website and the great stuff that Philip does.
评论 #20385838 未加载
gazealmost 6 years ago
This is cool! I’m very interested in vector rendering techniques. What’s the current best heuristic for crease detection when doing NPR rendering?
wwarneralmost 6 years ago
Unfortunately I can only +1 this a single time.
评论 #20386844 未加载
Lowkeylokialmost 6 years ago
This is really cool. I wonder what the performance would be like for real-time transformations and animations.
mncharityalmost 6 years ago
I wonder if one might use an svg tween to get a continuous wiggle 3D?
quickthrower2almost 6 years ago
This is a very nice library. It deserves to be ported to JS so it can be enjoyed in the front end too.
评论 #20391808 未加载
评论 #20388710 未加载
gingabriskaalmost 6 years ago
And I need more Innovation in 3d printing space, most slicer seem to suck.
pepy07almost 6 years ago
Very neat utility!