[{"data":1,"prerenderedAt":347},["ShallowReactive",2],{"project-28469399":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":34,"aspects":35,"strip":45,"post_text":47,"what":48,"said":81,"maker_in_thread":181,"shape":189,"grid":192,"attempts":308,"same_week":309,"maker_shows":33,"maker_hidden":339,"reader_version":340,"card":341},"28469399","Checkboxland","A webcam made out of HTML checkboxes","title","Show HN: A webcam made out of HTML checkboxes","https:\u002F\u002Fwww.bryanbraun.com\u002Fcheckboxland\u002Fdocs\u002Fdemos\u002Fwebcam-test\u002F","bryanbraun.com","bryanbraun",1631193958,2021,202,41,229,2533,10,"notable","creative","video rendering","web_app",[24,25,26,27],"html checkboxes","webcam","video effect","css","mixed",0.321,{"positive":31,"neutral":32,"mixed":33,"critical":33},13,11,3,30,{"execution":36,"performance":38,"design":40,"idea":42,"docs":44},{"positive":37,"critical":37},1,{"positive":37,"critical":39},0,{"positive":41,"critical":41},2,{"positive":43,"critical":39},7,{"positive":39,"critical":39},[39,46,33,39,33,39,46,39,37,46,46,33,39,46,46,46,33,33,39,39,33,33,33,46,39,46,33,33,33,39,33,46,37,33,46,46,33,39,39,33],5,null,{"problem":47,"audience":47,"pricing":47,"motivation":49,"time_to_build":47,"stack":57,"openness":78,"stage":79,"team_size":80},{"value":50,"source":51,"evidence":52},"Built for fun","inferred",[53],{"id":54,"by":55,"text":56},"28486450","AquiGorka","Oh wow. My hat is off for you. Don't bother with the why's! Doing this for fun should be a good enough reason!",[58,65,71],{"value":59,"source":60,"evidence":61},"HTML","maker",[62],{"id":63,"by":11,"text":64},"28469516","Some background: a little while ago I built a library called \"Checkboxland\" at the Recurse Center for rendering stuff into a checkbox grid. I recently made an update that lets it…",{"value":66,"source":60,"evidence":67},"CSS",[68],{"id":69,"by":11,"text":70},"28512073","I wrote up some notes about it here: https:\u002F\u002Fgithub.com\u002Fbryanbraun\u002Fcheckboxland\u002Ftree\u002Fmaster\u002Fsrc#performance In short: only updating when needed, minimizing the number of DOM…",{"value":72,"source":51,"evidence":73},"JavaScript",[74],{"id":75,"by":76,"text":77},"28486735","jcun4128","No repo? Curious on a high level how it works, averages nearby pixels or something, or just makes the video really low resolution and each large block is a checkbox? Would think…","unknown","launched","solo",{"praise":82,"objections":117,"requests":139,"questions":154,"alternatives":166},[83,103,110],{"value":84,"source":85,"evidence":86},"Fun and impressive demo","commenter",[87,91,95,99],{"id":88,"by":89,"text":90},"28472542","jdorfman","This is brilliant. Amazing work. It even caught my ceiling fan running in the background.",{"id":92,"by":93,"text":94},"28486219","ushakov","the demo was exactly what i expected when i've read the title",{"id":96,"by":97,"text":98},"28488761","diskzero","What a complete waste of time. I love it!!!",{"id":100,"by":101,"text":102},"28473298","runnr_az","Great \u002F stupid project… nice work!",{"value":104,"source":85,"evidence":105},"Low latency",[106],{"id":107,"by":108,"text":109},"28486588","ElijahLynn","The latency on this is really low, meaning good! Well done!",{"value":111,"source":85,"evidence":112},"Built as a week-long mini-batch project",[113],{"id":114,"by":115,"text":116},"28486403","oksurewhynot","I was there for this! I actually use this as an example of a perfect mini-batch project to anyone who's skeptical of what they can get done in a week.",[118,125,132],{"value":119,"source":85,"evidence":120},"Does not dither the video output",[121],{"id":122,"by":123,"text":124},"28486769","javawizard","This is great! It would be better if it dithered though.",{"value":126,"source":85,"evidence":127},"Does not work on iPhone",[128],{"id":129,"by":130,"text":131},"28487466","togaen","Doesn’t work for me on iPhone.",{"value":133,"source":85,"evidence":134},"Cannot change camera input",[135],{"id":136,"by":137,"text":138},"28580073","Technetium","There's no way to change camera input. Shame I couldn't try this demo.",[140,147],{"value":141,"source":85,"evidence":142},"Demo that works without camera access",[143],{"id":144,"by":145,"text":146},"28489890","thih9","Feature request: I wish it had a demo that doesn’t require granting camera access. Maybe a short sample video or gif?",{"value":148,"source":85,"evidence":149},"Option to hide video and show only checkboxes",[150],{"id":151,"by":152,"text":153},"28488896","superasn","I think if you hide the video and just show the checkboxes it will be freaky cool.. still is though.",[155,162],{"value":156,"source":85,"evidence":157},"Why build it?",[158],{"id":159,"by":160,"text":161},"28486222","henryackerman","Nice! I have one question though: _why?_",{"value":163,"source":85,"evidence":164},"How the rendering works, e.g. pixel averaging or downscaling",[165],{"id":75,"by":76,"text":77},[167,174],{"value":168,"source":85,"evidence":169},"EmojiVision iOS app",[170],{"id":171,"by":172,"text":173},"28487493","samdg","A colleague of mine created the EmojiVision app for iOS: https:\u002F\u002Fapps.apple.com\u002Fus\u002Fapp\u002Femojivision\u002Fid1472824315 It's similar, but with different sets of emojis and variable…",{"value":175,"source":85,"evidence":176},"Video rendered with contentEditable",[177],{"id":178,"by":179,"text":180},"28486824","evv","Hah, this is like a video with contentEditable = true",{"comments":182,"answered":41,"key":183},4,[184,185,186],{"id":63,"text":64},{"id":69,"text":70},{"id":187,"text":188},"28512011","Yeah, the boxes are bit brighter by default in Safari, so that's the browser I tend to use for screenshots and video.",{"commenters":190,"max_depth":33,"maker_replies":182,"first_comment_mins":32,"lifespan_hours":191},38,225,[193,195,197,201,202,206,207,209,213,215,218,220,221,224,225,226,229,232,236,239,241,243,245,249,254,257,258,260,263,266,270,273,277,281,284,287,291,293,297,301,304],[63,39,39,194,11,37],"project\u002Fneutral\u002Fidea",[88,39,46,196,89,39],"project\u002Fpositive\u002Fexecution",[198,39,33,199,200,39],"28476529","project\u002Fneutral\u002Fperformance","kevincox",[69,39,39,199,11,37],[203,39,33,204,205,39],"28481842","project\u002Fneutral\u002Fdesign","dafoex",[187,39,39,204,11,37],[114,39,46,208,115,39],"project\u002Fpositive\u002Fidea",[210,39,39,211,212,39],"28487606","other\u002Fneutral\u002Fnone","themodelplumber",[136,39,37,214,137,39],"project\u002Fcritical\u002Fdesign",[216,37,46,208,217,39],"28473946","xg15",[151,41,46,219,152,39],"project\u002Fpositive\u002Fdesign",[144,33,33,204,145,39],[222,33,39,223,11,37],"28512127","project\u002Fneutral\u002Fdocs",[54,182,46,208,55,39],[92,46,46,208,93,39],[227,46,46,208,228,39],"28486236","0des",[230,46,33,194,231,39],"28488571","e_y_",[233,234,33,204,235,39],"28489454",6,"julioc",[237,43,39,211,238,39],"28486721","brundolf",[171,240,39,211,172,39],8,[178,242,33,194,179,39],9,[100,18,33,244,101,39],"project\u002Fmixed\u002Fidea",[246,32,33,247,248,39],"28486953","project\u002Fneutral\u002Fnone","JBiserkov",[250,251,46,252,253,39],"28489650",12,"maker\u002Fpositive\u002Fnone","rnoorda",[255,251,39,211,256,39],"28492300","schmappel",[96,31,46,208,97,39],[75,259,33,223,76,39],14,[261,259,33,223,262,39],"28486946","andrethegiant",[122,264,33,265,123,39],15,"project\u002Fmixed\u002Fexecution",[267,264,39,268,269,39],"28488435","commenter\u002Fneutral\u002Fexecution","amelius",[271,264,33,265,272,39],"28488990","cpitman",[274,275,46,208,276,39],"28488439",16,"AdamJacobMuller",[278,279,37,214,280,39],"28489120",17,"wilg",[282,279,33,204,283,39],"28489141","frosted-flakes",[107,285,46,286,108,39],18,"project\u002Fpositive\u002Fperformance",[288,289,46,219,290,39],"28488359",19,"simlevesque",[159,292,33,194,160,39],20,[294,292,39,295,296,39],"28486325","commenter\u002Fneutral\u002Fidea","kirubakaran",[298,292,39,299,300,39],"28486694","commenter\u002Fneutral\u002Fnone","postalrat",[129,302,37,303,130,39],21,"project\u002Fcritical\u002Fexecution",[305,306,46,252,307,39],"28479894",22,"easton_s",[],[310,315,320,325,329,334],{"id":311,"name":312,"points":313,"category":314},"28539247","Replay",681,"dev_tools",{"id":316,"name":317,"points":318,"category":319},"28499910","Open-Meteo",443,"infrastructure",{"id":321,"name":322,"points":323,"category":324},"28481913","Medusa",373,"web_saas",{"id":326,"name":327,"points":328,"category":314},"28468660","Appliku",183,{"id":330,"name":331,"points":332,"category":333},"28542977","Paper to HTML",153,"learning_science",{"id":335,"name":336,"points":337,"category":338},"28468790","FractalCrypt 2.0",128,"security_privacy",false,"v2",{"id":342,"name":5,"line":6,"ai":339,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":343,"top":18,"kw":344,"maker":11,"domain":10,"tier":19,"attempts":39,"strip":345,"url":9,"mix":346,"praise":84,"objection":119,"sub":21},28469399,0.32,[24,25,26,27],"0530305015530555330033350533303513553003",[31,32,33,33],1794036611061]