[{"data":1,"prerenderedAt":294},["ShallowReactive",2],{"project-25455659":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":29,"sentiment":30,"stance_mix":31,"scored_comments":36,"aspects":37,"strip":44,"post_text":45,"what":46,"said":71,"maker_in_thread":167,"shape":177,"grid":180,"attempts":257,"same_week":258,"maker_shows":39,"maker_hidden":287,"reader_version":288,"card":289},"25455659","Panelle","Make comic book layouts in the browser","title","Show HN: Make comic book layouts in the browser","https:\u002F\u002Fandrewfulrich.gitlab.io\u002Fpanelle\u002F","andrewfulrich.gitlab.io","TiredGuy",1608214028,2020,192,34,291,3028,10,"notable","creative","comic layout editor","web_app",[24,25,26,27,28],"comic layout","panel layout","comic book","svg editor","browser drawing","mixed",0.03,{"positive":32,"neutral":33,"mixed":34,"critical":35},5,8,0,4,17,{"idea":38,"design":40,"docs":41,"execution":42},{"positive":39,"critical":34},1,{"positive":39,"critical":34},{"positive":34,"critical":34},{"positive":43,"critical":35},3,[32,34,34,43,34,43,34,43,34,43,34,32,32,34,39,34,34,39,39,34,34,34,34,34,34,39,34,32,43,43,32,34,43,43],null,{"problem":47,"audience":54,"pricing":45,"motivation":63,"time_to_build":45,"stack":67,"openness":68,"stage":69,"team_size":70},{"value":48,"source":49,"evidence":50},"Making straight, uniformly-margined custom comic panels is tedious.","maker",[51],{"id":52,"by":11,"text":53},"25455660","Hey thanks for checking this out. I'm no expert at making comics, but it's something I occasionally enjoy, and I wanted to see if I could make a tool to make it easier on myself,…",{"value":55,"source":56,"evidence":57},"Comic creators and hobbyists; some commenters suggest classrooms.","commenter",[58,62],{"id":59,"by":60,"text":61},"25456987","kradeelav","Published comic artist here (more info in bio link). This is super cute as a browser play-around project and it was pretty fast to grok what you're supposed to do here. can't…",{"id":52,"by":11,"text":53},{"value":64,"source":49,"evidence":65},"Maker enjoys making comics and wanted an easier panel-layout step.",[66],{"id":52,"by":11,"text":53},[],"open_source","launched","solo",{"praise":72,"objections":85,"requests":113,"questions":130,"alternatives":149},[73],{"value":74,"source":56,"evidence":75},"Fun, intuitive browser experience and a useful niche tool.",[76,77,81],{"id":59,"by":60,"text":61},{"id":78,"by":79,"text":80},"25456290","speps","From a quick test, it's really a good experience, and would make a nice vector editor more than just comic panels really. One thing maybe, not requiring the extra guide lines…",{"id":82,"by":83,"text":84},"25458226","nathancahill","This is awesome, love the grid that moves around with the cursor. Bug or user error, hitting delete to remove a point tries to navigate back in the browser. Maybe a…",[86,98],{"value":87,"source":56,"evidence":88},"Save\u002Fexport is not obvious and the workflow lacks intuitive guidance.",[89,90,94],{"id":59,"by":60,"text":61},{"id":91,"by":92,"text":93},"25456129","swyx","i think a short video or some example preset outputs would be nice. its not clear how to use this even from the tutorial - but i'm not the creative type. am i supposed to upload…",{"id":95,"by":96,"text":97},"25457332","the_jeremy","Thanks for the explanation. Single clicking on a panel and then clicking open on an image wasn't working for me. This is awesome! I wanted a way to make a photo collage of our…",{"value":99,"source":56,"evidence":100},"Pinch zoom and touch zoom behave incorrectly, and Safari 13 has problems.",[101,105,109],{"id":102,"by":103,"text":104},"25459140","SamBam","Neat! Quick feedback point: the pinch zoom works the opposite way from every other program, at least on my MacBook (macOS 10.15.7, Chrome latest, 87.0.4280).",{"id":106,"by":107,"text":108},"25464025","chrismorgan","Same on Windows, Firefox, Surface Book. And the zoom centres around the top left of the viewport rather than the cursor position. Also it doesn’t catch touch-based zoom, leaving…",{"id":110,"by":111,"text":112},"25456242","FraKtus","Does not seems to work with Safari 13, had no problems with Chrome on macOS. Really great, did show this to my daughter that is into comics!",[114,122,126],{"value":115,"source":56,"evidence":116},"Add inch, mm and cm units instead of pixels.",[117,118],{"id":59,"by":60,"text":61},{"id":119,"by":120,"text":121},"25462795","kawera","And mm or cm would be wonderful too!",{"value":123,"source":56,"evidence":124},"Add undo.",[125],{"id":78,"by":79,"text":80},{"value":127,"source":56,"evidence":128},"Support placeholder images and export to PDF or JPG.",[129],{"id":59,"by":60,"text":61},[131,138],{"value":132,"source":56,"evidence":133},"How to use the tool and upload images into panels.",[134,135],{"id":91,"by":92,"text":93},{"id":136,"by":11,"text":137},"25456742","You can assign an image to each panel by double-clicking the panel and uploading the image. It does the masking through svg. You can then save off the SVG by going to preview…",{"value":139,"source":56,"evidence":140},"How to star the repository.",[141,145],{"id":142,"by":143,"text":144},"25461522","moxylush","How does one star the repo?",{"id":146,"by":147,"text":148},"25463283","bhattisatish","It's a gitlab repo located at https:\u002F\u002Fgitlab.com\u002Fandrewfulrich\u002Fpanelle\u002F Create a gitlab account if you don't have one to star it :-)",[150,156],{"value":151,"source":56,"evidence":152},"Manga Studio layout editor.",[153],{"id":154,"by":11,"text":155},"25456429","Egon, that's really cool! It reminds me of when I used to use Manga Studio- iirc it had a layout editor with a similar approach where it would split panels based on a separator…",{"value":157,"source":56,"evidence":158},"Halftone 2 and Layout iOS apps.",[159,163],{"id":160,"by":161,"text":162},"25457498","mdswanson","I'm the author of an app called Halftone 2 (and previously, Halftone) for iOS: https:\u002F\u002Fjuicybitssoftware.com\u002Fhalftone2\u002F. It used to allow for custom page layouts that were…",{"id":164,"by":165,"text":166},"25456337","egonschiele","Neat! I've been making an iOS comic book layout app[1]. My solution is somewhat different from yours. Cool to see that someone else is seeing the same issue. I've found no other…",{"comments":168,"answered":35,"key":169},12,[170,173,176],{"id":171,"text":172},"25457759","It's wonderful to hear from an actual published comic artist! This is what I love about HN. Thanks very much for the feedback. I especially like the idea of being able to switch…",{"id":174,"text":175},"25460502","Also note that things like Gimp will ask you for the DPI when you import an SVG (which is what this exports), which is another good place to convert to inches",{"id":52,"text":53},{"commenters":178,"max_depth":35,"maker_replies":168,"first_comment_mins":34,"lifespan_hours":179},19,31,[181,183,185,187,189,191,194,197,198,200,205,206,208,209,212,214,217,220,221,222,225,226,227,229,232,235,237,239,241,244,248,252,255,256],[59,34,32,182,60,34],"maker\u002Fpositive\u002Fidea",[171,34,34,184,11,39],"maker\u002Fpositive\u002Fnone",[174,34,34,186,11,39],"project\u002Fneutral\u002Fdocs",[119,34,43,188,120,34],"project\u002Fneutral\u002Fdesign",[52,39,34,190,11,39],"project\u002Fpositive\u002Fidea",[192,39,43,186,193,34],"25456113","baxtr",[195,39,34,196,11,39],"25456275","maker\u002Fneutral\u002Fdocs",[91,39,43,186,92,34],[199,39,34,186,11,39],"25456221",[201,202,43,203,204,34],"25456612",2,"project\u002Fneutral\u002Fidea","morgosmaci",[136,202,34,186,11,39],[95,202,32,207,96,34],"project\u002Fpositive\u002Fexecution",[78,43,32,207,79,34],[210,43,34,211,11,39],"25456367","maker\u002Fneutral\u002Fnone",[82,35,39,213,83,34],"project\u002Fcritical\u002Fexecution",[215,35,34,216,11,39],"25458881","maker\u002Fpositive\u002Fexecution",[218,35,34,219,11,39],"25463968","maker\u002Fneutral\u002Fexecution",[102,32,39,213,103,34],[106,32,39,213,107,34],[164,223,34,224,165,34],6,"commenter\u002Fpositive\u002Fidea",[154,223,34,224,11,39],[160,223,34,224,161,34],[228,223,34,211,11,39],"25458861",[230,223,34,231,165,34],"25461431","commenter\u002Fneutral\u002Fnone",[233,223,34,234,161,34],"25462117","other\u002Fneutral\u002Fnone",[110,236,39,213,111,34],7,[238,236,34,211,11,39],"25456288",[240,236,32,207,96,34],"25457364",[242,33,43,188,243,34],"25471717","anotheryou",[245,246,43,203,247,34],"25457212",9,"EamonnMR",[249,18,32,250,251,34],"25458730","project\u002Fpositive\u002Fdesign","agys",[253,254,34,234,143,34],"25461499",11,[142,168,43,186,143,34],[146,168,43,186,147,34],[],[259,264,269,273,278,282],{"id":260,"name":261,"points":262,"category":263},"25495393","NoteCalc",267,"productivity",{"id":265,"name":266,"points":267,"category":268},"25484133","Owncast",241,"infrastructure",{"id":270,"name":271,"points":272,"category":263},"25497737","Pop.com",239,{"id":274,"name":275,"points":276,"category":277},"25494988","brightpath",222,"consumer_social",{"id":279,"name":280,"points":281,"category":277},"25461367","StumblingOn",138,{"id":283,"name":284,"points":285,"category":286},"25517226","django-react-boilerplate",135,"languages",false,"v2",{"id":290,"name":5,"line":6,"ai":287,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":30,"top":18,"kw":291,"maker":11,"domain":10,"tier":19,"attempts":34,"strip":292,"url":9,"mix":293,"praise":74,"objection":87,"sub":21},25455659,[24,25,26,27,28],"5003030303055010011000000105335033",[32,33,34,35],1794036599705]