[{"data":1,"prerenderedAt":319},["ShallowReactive",2],{"project-17817466":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":40,"post_text":42,"what":43,"said":46,"maker_in_thread":117,"shape":119,"grid":124,"attempts":281,"same_week":282,"maker_shows":31,"maker_hidden":311,"reader_version":312,"card":313},"17817466","SVG 3D Builder","Build 3D Models with SVG","title","Show HN: SVG 3D Builder – Build 3D Models with SVG","https:\u002F\u002Fgithub.com\u002Fcaptainwz\u002Fsvg-3d-builder","github.com","captainwz",1534930388,2018,157,66,253,2155,12,"notable","creative","3d modeling","web_app",[24,25,26,27],"svg","3d models","browser graphics","webgl alternative","roasted",-0.176,{"positive":31,"neutral":32,"mixed":33,"critical":34},1,2,0,6,9,{"performance":37,"idea":39},{"positive":31,"critical":38},5,{"positive":33,"critical":31},[33,31,33,33,33,31,31,33,33,33,33,33,33,33,33,31,33,33,33,33,33,33,33,33,33,33,33,33,33,33,33,33,33,33,41,31,33,33,33,38],3,null,{"problem":42,"audience":42,"pricing":42,"motivation":42,"time_to_build":42,"stack":44,"openness":45,"stage":45,"team_size":45},[],"unknown",{"praise":47,"objections":56,"requests":82,"questions":83,"alternatives":91},[48],{"value":49,"source":50,"evidence":51},"Neat as a demonstration of rendering 3D with SVG","commenter",[52],{"id":53,"by":54,"text":55},"17818107","onion2k","three.js has an SVG renderer that does a decent job - https:\u002F\u002Fthreejs.org\u002Fexamples\u002F#svg_sandbox",[57,75],{"value":58,"source":50,"evidence":59},"SVG is far too slow for 3D rendering; WebGL or Canvas would be better",[60,64,68,72],{"id":61,"by":62,"text":63},"17817932","xigma","It's unbelievably slow. I'm confident it's not the developer's fault. It serves as a good warning. It just goes to show that Web technology still has a long way to go. SVG (and…",{"id":65,"by":66,"text":67},"17818030","GijsjanB","Euh... Yeah? Shoehorning SVG into 3D models ought to be slow. Manipulating DOM nodes for animation has it's limits. If you want 3D perf in the browser, use WebGL. The canvas can…",{"id":69,"by":70,"text":71},"17819946","microcolonel","On the Amiga, you didn't go the stupid way around and represent your object as a series of text path strings which need to be parsed into objects and then finally displayed for…",{"id":73,"by":62,"text":74},"17818141","Dude, this is the kind of stuff I could run in realtime on an Amiga. Maybe not at the same resolution, but the resolution isn't the bottleneck in this demo either, I'm struggling…",{"value":76,"source":50,"evidence":77},"Web performance and tooling still lag behind Flash",[78,79],{"id":61,"by":62,"text":63},{"id":80,"by":62,"text":81},"17818207","> We have all the features flash had now (and had it for many years now) You have absolutely no idea what you are talking about, yet you're evangelizing HTML5, that's the…",[],[84],{"value":85,"source":50,"evidence":86},"Could the JS be embedded within the SVG itself?",[87],{"id":88,"by":89,"text":90},"17820193","donatj","Would it be possible to embed the JS within the SVG itself?",[92,103,110],{"value":93,"source":50,"evidence":94},"WebGL \u002F Three.js",[95,99],{"id":96,"by":97,"text":98},"17818321","kowdermeister","http:\u002F\u002Fwww.adultswim.com\u002Fetcetera\u002Felastic-man\u002F 619KB in total, 362KB wasm binary Edit: Three.js is such a library with qualities you described:…",{"id":100,"by":101,"text":102},"17818105","wongarsu","SVG is HTML for arbitrary 2d shapes (yes, technically XML). Writing a 3d engine with it is akin to rendering PNG images by arranging colored divs. It is a hack with much better…",{"value":104,"source":50,"evidence":105},"A-Frame",[106],{"id":107,"by":108,"text":109},"17818328","hardwaresofton","If you think this is cool you might think AFrame is cool: https:\u002F\u002Faframe.io\u002Fdocs\u002F0.8.0\u002Fintroduction\u002F",{"value":111,"source":50,"evidence":112},"Canvas",[113],{"id":114,"by":115,"text":116},"17819397","artursapek","How is canvas a \"trainwreck\" in performance? I've used it extensively and have found it a very well performing framework. https:\u002F\u002Fcryptowat.ch\u002Fmarkets\u002Fkraken\u002Fbtc\u002Feur…",{"comments":33,"answered":33,"key":118},[],{"commenters":120,"max_depth":121,"maker_replies":33,"first_comment_mins":122,"lifespan_hours":123},33,8,124,61,[125,127,131,133,136,139,140,142,145,146,148,150,152,154,157,159,161,164,166,169,172,174,177,180,182,184,186,188,190,193,196,198,201,203,206,208,210,211,213,216,218,220,223,225,227,229,231,234,236,240,243,245,248,250,252,255,258,260,261,262,264,267,270,272,275,280],[107,33,33,126,108,33],"other\u002Fneutral\u002Fnone",[128,33,33,129,130,33],"17818541","other\u002Fpositive\u002Fnone","jonplackett",[61,31,31,132,62,33],"project\u002Fcritical\u002Fperformance",[134,31,33,126,135,33],"17818012","philjohn",[137,31,33,138,62,33],"17818122","commenter\u002Fneutral\u002Fnone",[96,31,33,126,97,33],[141,31,33,138,62,33],"17818369",[143,31,33,126,144,33],"17819136","roywiggins",[65,31,31,132,66,33],[147,31,31,132,62,33],"17818108",[149,31,33,138,97,33],"17818189",[151,31,33,138,62,33],"17818229",[153,31,33,138,97,33],"17818284",[155,31,33,138,156,33],"17818237","lucideer",[158,31,33,138,156,33],"17818231",[160,31,33,138,62,33],"17818312",[162,31,33,126,163,33],"17818974","viraptor",[165,31,33,138,62,33],"17820139",[167,31,33,126,168,33],"17820433","dang",[170,31,33,126,171,33],"17818255","shripadk",[173,31,33,126,62,33],"17818334",[175,31,33,126,176,33],"17818409","j45",[178,31,33,129,179,33],"17818046","sbarre",[181,31,33,126,62,33],"17818114",[183,31,33,126,179,33],"17818818",[100,31,31,185,101,33],"project\u002Fcritical\u002Fidea",[187,31,33,138,62,33],"17818126",[189,31,33,138,97,33],"17818142",[191,31,33,126,192,33],"17818184","goatlover",[194,31,33,126,195,33],"17819364","colordrops",[197,31,33,126,70,33],"17819902",[199,31,33,126,200,33],"17821088","BrendanEich",[202,31,33,138,70,33],"17822267",[204,31,33,126,205,33],"17819559","stuaxo",[207,31,33,126,200,33],"17821073",[209,31,33,126,200,33],"17821044",[80,31,33,138,62,33],[212,31,33,138,97,33],"17818244",[214,31,33,215,62,33],"17818290","commenter\u002Fcritical\u002Fnone",[217,31,33,138,97,33],"17818345",[219,31,33,138,62,33],"17818421",[221,31,33,138,222,33],"17819112","mr_overalls",[224,31,33,126,168,33],"17820451",[226,31,33,126,176,33],"17818357",[228,31,33,126,97,33],"17818648",[230,31,33,126,176,33],"17819784",[232,31,33,126,233,33],"17820186","blotter_paper",[235,31,33,138,176,33],"17822684",[237,31,33,238,239,33],"17823363","other\u002Fcritical\u002Fnone","Sophistifunk",[241,31,33,126,242,33],"17818634","scriptproof",[244,31,33,126,62,33],"17820262",[246,31,33,126,247,33],"17821684","tannhaeuser",[114,31,33,249,115,33],"other\u002Fneutral\u002Fperformance",[251,31,33,249,62,33],"17819956",[253,32,33,126,254,33],"17818424","accnumnplus1",[256,32,33,126,257,33],"17819221","specialist",[53,41,41,259,54,33],"project\u002Fneutral\u002Fidea",[73,41,31,132,62,33],[69,41,31,132,70,33],[263,41,33,138,62,33],"17820399",[265,41,33,138,266,33],"17820478","the8472",[268,41,33,249,269,33],"17821619","jancsika",[271,41,33,126,70,33],"17822255",[273,41,33,126,274,33],"17818175","phkahler",[276,277,38,278,279,33],"17838158",4,"project\u002Fpositive\u002Fperformance","shaftway",[88,38,41,259,89,33],[],[283,288,292,297,302,307],{"id":284,"name":285,"points":286,"category":287},"17782121","git-bug",447,"dev_tools",{"id":289,"name":290,"points":291,"category":287},"17773982","Wayland compositor in around 500 lines of annotated C",332,{"id":293,"name":294,"points":295,"category":296},"17782278","abyjames.com",256,"productivity",{"id":298,"name":299,"points":300,"category":301},"17787180","TinyGo",177,"languages",{"id":303,"name":304,"points":305,"category":306},"17784308","greview",138,"data",{"id":308,"name":309,"points":310,"category":301},"17793375","Umbrella JS",132,false,"v2",{"id":314,"name":5,"line":6,"ai":311,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":315,"top":18,"kw":316,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":317,"url":9,"mix":318,"praise":49,"objection":58,"sub":21},17817466,-0.18,[24,25,26,27],"0100011000000001000000000000000000310005",[31,32,33,34],1794036568897]