[{"data":1,"prerenderedAt":326},["ShallowReactive",2],{"project-24286335":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":44,"post_text":47,"what":48,"said":86,"maker_in_thread":178,"shape":184,"grid":188,"attempts":285,"same_week":290,"maker_shows":32,"maker_hidden":318,"reader_version":319,"card":320},"24286335","ztext.js","JavaScript library that makes any font 3D","title","Show HN: ztext.js – JavaScript library that makes any font 3D","https:\u002F\u002Fbennettfeely.com\u002Fztext\u002F","bennettfeely.com","bennettfeely",1598470487,2020,257,35,182,3028,7,"legend","languages","javascript library","library",[24,25,26,27],"javascript","3d text","css text effects","web animation","loved",0.426,{"positive":31,"neutral":32,"mixed":33,"critical":34},13,6,1,2,22,{"pricing":37,"idea":39,"execution":41,"design":42,"docs":43},{"positive":34,"critical":38},0,{"positive":40,"critical":38},4,{"positive":33,"critical":38},{"positive":33,"critical":38},{"positive":33,"critical":34},[45,38,38,45,45,38,38,38,46,46,38,38,45,45,45,45,33,45,38,45,46,46,46,45,45,38,38,46,38,38,38,46,45,45,33],5,3,null,{"problem":49,"audience":47,"pricing":61,"motivation":47,"time_to_build":47,"stack":68,"openness":84,"stage":85,"team_size":84},{"value":50,"source":51,"evidence":52},"Makes web text appear 3D while remaining selectable.","commenter",[53,57],{"id":54,"by":55,"text":56},"24290534","emaro","Nice! 3D is not exactly my taste, but I like this. It's all text, you can still select it. That was a good surprise for me, since it's not very common when you see any advanced…",{"id":58,"by":59,"text":60},"24289882","slmjkdbtl","Very nice presentation, saw the title thought it's a WebGL lib with text vectorization and extrusion though.. Glad it's achievable by this method",{"value":62,"source":63,"evidence":64},"Optional donation suggested for commercial use; personal use free.","maker",[65],{"id":66,"by":11,"text":67},"24289086","Thanks Tom! I just released thing all yesterday so you're the first person to donate. I was originally going to do some sort of licensing like Flickity…",[69,77],{"value":70,"source":71,"evidence":72},"JavaScript","inferred",[73],{"id":74,"by":75,"text":76},"24288334","1f60c","You can use jsDelivr: ``` \u003Cscript src=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fbennettfeely\u002Fbennett@master\u002Fztext\u002Fjs\u002Fztext.min.js\">\u003C\u002Fscript> ``` (You should probably link to a specific…",{"value":78,"source":51,"evidence":79},"CSS",[80],{"id":81,"by":82,"text":83},"24290162","godot","In the 90s I bought a copy of a small software called 3D Font Creator (Fun fact - I was able to find it on Amazon [1] now...) , that did something like this. I used it to create…","unknown","launched",{"praise":87,"objections":126,"requests":141,"questions":147,"alternatives":159},[88,103,118],{"value":89,"source":51,"evidence":90},"Well presented, focused, well documented library",[91,95,99],{"id":92,"by":93,"text":94},"24288506","tomcam","Thank you. I don't need it but I donated because I think it's very well presented. Love the idea of a single, focused, tightly documented lib that does its one thing well and…",{"id":96,"by":97,"text":98},"24291294","shadeslayer_","This is a brilliant library, Bennett. Very fluent documentation too. Congratulations on the release!",{"id":100,"by":101,"text":102},"24292212","shanehoban","One of the coolest little (well probably big) projects I've seen in ages! Great job!",{"value":104,"source":51,"evidence":105},"Clever, fun effect for web text",[106,110,114],{"id":107,"by":108,"text":109},"24287386","mmastrac","That's a clever and beautiful \"hack\" (in the positive sense of the word). I could see this being useful for adding to the CSS spec (text shaders, perhaps?)",{"id":111,"by":112,"text":113},"24287328","djbeadle","This is pretty fun! I appreciate that accessibility was addressed as well (although I'm unqualified to assess how well it works in practice).",{"id":115,"by":116,"text":117},"24290141","pkphilip","Very cool project!",{"value":119,"source":51,"evidence":120},"Reads as a candidate for standard CSS",[121,125],{"id":122,"by":123,"text":124},"24288166","breakfastduck","Very simple, looks great. The kind of thing that instantly feels like it should be part of standard CSS.",{"id":107,"by":108,"text":109},[127,134],{"value":128,"source":51,"evidence":129},"Not hosted as a standalone GitHub repo, so it can't be starred",[130],{"id":131,"by":132,"text":133},"24290577","preya2k","Looks very nice! You mind me asking why you’re not creating a separate GitHub-Repository for this (or your other projects)? I use GitHub stars as a kind of bookmark for…",{"value":135,"source":51,"evidence":136},"Download-a-minified-file distribution is off-putting versus package management",[137],{"id":138,"by":139,"text":140},"24287925","Waterluvian","How popular is “download this minified file and use it!” Vs. Package management? I feel like that’s an instant turn off. I don’t want to manually manage all my stuff. Or is there…",[142],{"value":143,"source":51,"evidence":144},"Publish as a standalone repo or package",[145,146],{"id":131,"by":132,"text":133},{"id":138,"by":139,"text":140},[148,152],{"value":149,"source":51,"evidence":150},"Is the suggested tip amount effective?",[151],{"id":92,"by":93,"text":94},{"value":153,"source":51,"evidence":154},"How was the letter color palette chosen?",[155],{"id":156,"by":157,"text":158},"24291383","abraae","Having spent some time wrangling colors recently, I'd love to know how you came up with the palette used for the letters in the top title. Any clues welcomed!",[160,167,174],{"value":161,"source":51,"evidence":162},"Animography letter animations",[163],{"id":164,"by":165,"text":166},"24288507","Budabellly","Super cool. I really appreciate gadgets like this to add a little flare to existing elements on the page. This would be really awesome to combine with animography somehow:…",{"value":168,"source":51,"evidence":169},"CSS text-shadow effects",[170],{"id":171,"by":172,"text":173},"24289172","enhdless","Cool! A while ago I was experimenting with something like this but using CSS text-shadow instead: https:\u002F\u002Fcodepen.io\u002Fenhdless\u002Fpen\u002FNYMpEw",{"value":175,"source":51,"evidence":176},"3D Font Creator desktop software",[177],{"id":81,"by":82,"text":83},{"comments":34,"answered":33,"key":179},[180,181],{"id":66,"text":67},{"id":182,"text":183},"24289091","Awesome! Would love to see it.",{"commenters":185,"max_depth":46,"maker_replies":34,"first_comment_mins":186,"lifespan_hours":187},30,98,20,[189,191,193,196,198,200,204,207,209,211,212,215,218,220,221,223,226,229,234,236,238,241,244,248,251,253,255,259,261,264,267,270,275,277,281],[92,38,45,190,93,38],"maker\u002Fpositive\u002Fpricing",[66,38,38,192,11,33],"maker\u002Fneutral\u002Fpricing",[194,38,38,195,93,38],"24289236","commenter\u002Fpositive\u002Fpricing",[197,38,45,190,116,38],"24290146",[164,33,45,199,165,38],"project\u002Fpositive\u002Fidea",[201,33,38,202,203,38],"24291238","other\u002Fpositive\u002Fnone","dgellow",[205,33,38,206,165,38],"24294604","other\u002Fneutral\u002Fnone",[208,33,38,202,123,38],"24291864",[171,34,46,210,172,38],"project\u002Fneutral\u002Fidea",[81,46,46,210,82,38],[213,46,38,206,214,38],"24290850","sriku",[216,46,38,206,217,38],"24292026","akx",[54,40,45,219,55,38],"project\u002Fpositive\u002Fexecution",[107,45,45,199,108,38],[111,32,45,222,112,38],"project\u002Fpositive\u002Fdesign",[224,18,45,199,225,38],"24287500","rajangdavis",[131,227,33,228,132,38],8,"maker\u002Fcritical\u002Fdocs",[230,231,45,232,233,38],"24288697",9,"project\u002Fpositive\u002Fnone","somishere",[182,231,38,235,11,33],"maker\u002Fpositive\u002Fnone",[122,237,45,199,123,38],10,[156,239,46,240,157,38],11,"maker\u002Fneutral\u002Fdesign",[58,242,46,243,59,38],12,"project\u002Fmixed\u002Fidea",[245,31,46,246,247,38],"24288572","project\u002Fneutral\u002Fnone","bitwize",[96,249,45,250,97,38],14,"project\u002Fpositive\u002Fdocs",[100,252,45,232,101,38],15,[138,254,38,206,139,38],16,[256,254,38,257,258,38],"24288085","other\u002Fneutral\u002Fexecution","jedimastert",[74,254,46,260,75,38],"maker\u002Fneutral\u002Fexecution",[262,254,38,206,263,38],"24288510","danbolt",[265,254,38,206,266,38],"24288612","t0astbread",[268,254,38,206,269,38],"24289526","flingo",[271,272,46,273,274,38],"24288481",17,"project\u002Fneutral\u002Fdesign","pgt",[115,276,45,232,116,38],18,[278,279,45,232,280,38],"24290335",19,"shannifin",[282,187,33,283,284,38],"24289989","project\u002Fcritical\u002Fdocs","Joyfield",[286,289],{"id":287,"t":288,"points":33,"comments":38},"24276807",1598393464,{"id":4,"t":12,"points":14,"comments":15},[291,296,301,305,309,313],{"id":292,"name":293,"points":294,"category":295},"24249646","rust_cmd_lib",231,"dev_tools",{"id":297,"name":298,"points":299,"category":300},"24258098","ultimate-go",185,"learning_science",{"id":302,"name":303,"points":304,"category":295},"24221708","Analysis Tools",175,{"id":306,"name":307,"points":308,"category":295},"24269609","Will It CORS?",152,{"id":310,"name":311,"points":312,"category":295},"24280413","Vim-Like Layer for Xorg and Wayland",148,{"id":314,"name":315,"points":316,"category":317},"24240680","ePaper.js",145,"hardware",false,"v2",{"id":321,"name":5,"line":6,"ai":318,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":322,"top":18,"kw":323,"maker":11,"domain":10,"tier":19,"attempts":34,"strip":324,"url":9,"mix":325,"praise":89,"objection":128,"sub":21},24286335,0.43,[24,25,26,27],"50055000330055551505333550030003551",[31,32,33,34],1794036595243]