[{"data":1,"prerenderedAt":409},["ShallowReactive",2],{"project-39339249":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":44,"post_text":46,"what":47,"said":85,"maker_in_thread":185,"shape":194,"grid":198,"attempts":370,"same_week":371,"maker_shows":37,"maker_hidden":401,"reader_version":402,"card":403},"39339249","Bitwise Liminal","A Short Film in 256 Bytes of Code","title","Show HN: Bitwise Liminal – A Short Film in 256 Bytes of Code","https:\u002F\u002Fkilledbyapixel.github.io\u002FTinyCode\u002F256B\u002FBitwiseLiminal\u002F","killedbyapixel.github.io","KilledByAPixel",1707689388,2024,450,61,90,3515,3,"legend","creative","demoscene animation","web_app",[24,25,26,27],"256 byte demo","javascript animation","demoscene","canvas animation","loved",0.441,{"positive":31,"neutral":32,"mixed":33,"critical":33},15,19,0,34,{"docs":36,"performance":38,"idea":39,"execution":41,"design":43},{"positive":37,"critical":33},1,{"positive":37,"critical":33},{"positive":40,"critical":33},4,{"positive":42,"critical":33},2,{"positive":37,"critical":33},[45,45,18,18,18,45,33,18,33,45,33,18,33,18,45,33,33,33,33,33,33,45,18,18,45,45,45,33,18,18,18,18,33,18,33,45,45,45,18,45],5,"A Short Film in 256 Bytes of Code\n\nProgrammed by KilledByAPixel Presented at Lovebyte Party 2024\n\n...\n\nI found an old VHS tape at a yard sale. It was labeled \"Bitwise Liminal\" in sharpie. But when I watched the video it was only static.\n\nThen I started having vivid and... unsettling dreams. Also I couldn't stop thinking about that weird VHS tape. After researching I learned it was a digital backup. Using some special software I recovered the data. To my shock, it was a 256 byte program...\n\nWith trembling hands I opened it in a web browser. Strange. This reminds me of the dreams I've been havin",{"problem":48,"audience":49,"pricing":48,"motivation":61,"time_to_build":48,"stack":67,"openness":82,"stage":83,"team_size":84},null,{"value":50,"source":51,"evidence":52},"Demoscene and JavaScript code enthusiasts","inferred",[53,57],{"id":54,"by":55,"text":56},"39343494","clemiclemen","This is impressive and actually looks like a real movie scene. And to think this only fits in 256 bytes makes you rethink how bloated the things we are using everyday are and…",{"id":58,"by":59,"text":60},"39341412","lxe","Love seeing demoscene on HN. Excellent work.",{"value":62,"source":63,"evidence":64},"Entry for the Lovebyte Party 2024 256-byte challenge","maker",[65],{"id":66},"post",[68,72,76],{"value":69,"source":63,"evidence":70},"JavaScript",[71],{"id":66},{"value":73,"source":63,"evidence":74},"HTML canvas",[75],{"id":66},{"value":77,"source":63,"evidence":78},"SVG onload",[79],{"id":80,"by":11,"text":81},"39340719","It turns out that packing it into an svg onload is a tiny bit smaller then using a script tag! It is possible to save a little more space by putting it in the canvas onclick event.","unknown","launched","solo",{"praise":86,"objections":126,"requests":141,"questions":149,"alternatives":169},[87,100,115],{"value":88,"source":89,"evidence":90},"Impressive size-to-visual ratio for 256 bytes","commenter",[91,92,96],{"id":54,"by":55,"text":56},{"id":93,"by":94,"text":95},"39354562","spartanatreyu","That IS the film. What's remarkable about it is how small the file size is. It's 256 bytes! To explain how impressive that is, the entire film itself is about 58 times smaller…",{"id":97,"by":98,"text":99},"39342401","smokel","Life generated from DNA in a vacuum would probably be pretty boring. The entirety of life requires some surroundings to interact with, and as it stands there is but one of those,…",{"value":101,"source":89,"evidence":102},"Creative, atmospheric, unsettling visual style",[103,107,111],{"id":104,"by":105,"text":106},"39340077","sebastianconcpt","Cyber-hallucinogenic cryptopoetry.",{"id":108,"by":109,"text":110},"39345610","nickdothutton","Very J G Ballard. Nice work.",{"id":112,"by":113,"text":114},"39339979","riidom","Nice visual style!",{"value":116,"source":89,"evidence":117},"Cool use of SVG onload and canvas id globals",[118,122],{"id":119,"by":120,"text":121},"39340138","javajosh","A minor note: this is the first time I've seen an svg embedded in a canvas purely for it's onload event. Within this context the canvas is referred to by its (bare) id. How…",{"id":123,"by":124,"text":125},"39340496","naniwaduni","TIL that elements with ids are exposed as global variables in JS.",[127,134],{"value":128,"source":89,"evidence":129},"Hard to understand what the film shows",[130],{"id":131,"by":132,"text":133},"39346240","mapreduce","Can someone explain to me what are we seeing in the short film? I see some black and white animation with boxes moving and some noisy lines on it. But I'm not sure I understand…",{"value":135,"source":89,"evidence":136},"Taxing on CPU and fan speed",[137],{"id":138,"by":139,"text":140},"39341020","iszomer","This made my 5560U ramp it's sysfan up 100%. :-)",[142],{"value":143,"source":89,"evidence":144},"Annotated explanation of the code",[145],{"id":146,"by":147,"text":148},"39340818","phs318u","Is there an annotated version breaking down each part of this for us lesser mortals?",[150,158],{"value":151,"source":89,"evidence":152},"How the math produces the image",[153,157],{"id":154,"by":155,"text":156},"39339975","cal85","What the fuck. How?",{"id":131,"by":132,"text":133},{"value":159,"source":89,"evidence":160},"Why canvas id is accessible as a global in JS",[161,165],{"id":162,"by":163,"text":164},"39340558","cdelsolar","Why is that allowed? I didn’t realize one could do that in js.",{"id":166,"by":167,"text":168},"39341902","onetom","I've also noticed this a few years ago, but where is this documented? Was it already the case in IE6 for example? Have you found any definitive source, which states this behaviour?",[170,181],{"value":171,"source":89,"evidence":172},"Other 256-byte demos such as Megapole and Cross My Heart",[173,177],{"id":174,"by":175,"text":176},"39340124","zokier","Reminds me a bit of Megapole (another 256b demo) https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=Z8Av7Sc7yGY",{"id":178,"by":179,"text":180},"39340744","dang","Recent and related: Cross My Heart – A Frogger Demake in 256 Bytes of HTML\u002FJS - https:\u002F\u002Fnews.ycombinator.com\u002Fitem?id=39336677 - Feb 2024 (44 comments) Normally we downweight…",{"value":182,"source":89,"evidence":183},"8K demos such as The Sheep and the Flower",[184],{"id":54,"by":55,"text":56},{"comments":18,"answered":33,"key":186},[187,188,191],{"id":80,"text":81},{"id":189,"text":190},"39340711","thank you! it is a crazy challenge that is just shy of being impossible that seems like magic when it actually works.",{"id":192,"text":193},"39340722","Yes, this raymarching, though the vhs effect was really the trickiest part.",{"commenters":195,"max_depth":40,"maker_replies":18,"first_comment_mins":196,"lifespan_hours":197},52,93,49,[199,201,203,206,210,214,216,220,224,226,230,231,233,234,237,240,243,246,249,252,254,257,261,265,268,272,275,277,280,283,286,289,292,294,297,299,301,303,306,308,312,314,317,320,324,327,331,332,333,336,338,343,347,351,354,356,359,361,363,364,366],[54,33,45,200,55,33],"project\u002Fpositive\u002Fnone",[146,37,18,202,147,33],"project\u002Fneutral\u002Fdocs",[204,37,45,205,155,33],"39345640","project\u002Fpositive\u002Fdocs",[207,37,18,208,209,33],"39347138","project\u002Fneutral\u002Fperformance","junon",[211,37,18,212,213,33],"39348785","project\u002Fneutral\u002Fidea","gigabates",[178,42,33,215,179,33],"other\u002Fneutral\u002Fnone",[217,18,18,218,219,33],"39343513","project\u002Fneutral\u002Fnone","imaginationra",[221,18,18,222,223,33],"39344352","project\u002Fneutral\u002Fexecution","bsza",[119,40,45,225,120,33],"project\u002Fpositive\u002Fexecution",[227,40,33,228,229,33],"39340237","commenter\u002Fneutral\u002Fnone","kilroy123",[162,40,18,222,163,33],[232,40,33,215,155,33],"39346903",[80,40,33,222,11,37],[235,45,45,225,236,33],"39340191","zeroq",[238,45,33,215,239,33],"39340342","Hikikomori",[241,45,33,215,242,33],"39341705","noman-land",[244,45,18,212,245,33],"39340381","rvba",[247,45,33,228,248,33],"39340510","selcuka",[250,45,33,228,251,33],"39340523","Retr0id",[189,45,33,253,11,37],"maker\u002Fpositive\u002Fnone",[255,45,18,222,256,33],"39343652","lifthrasiir",[258,259,45,253,260,33],"39340374",6,"john-tells-all",[262,259,33,263,264,33],"39346768","other\u002Fneutral\u002Fdocs","Timwi",[266,259,33,263,267,33],"39352925","CmdrKrool",[269,270,33,215,271,33],"39340632",7,"sowbug",[273,270,33,228,274,33],"39340699","ivan_ar",[276,270,33,228,271,33],"39340804",[278,270,33,215,279,33],"39350394","GuB-42",[281,270,33,215,282,33],"39340709","Aspos",[284,270,33,215,285,33],"39340870","ToValueFunfetti",[287,270,33,228,288,33],"39341234","adtac",[290,270,33,215,291,33],"39342193","kweingar",[97,270,45,293,98,33],"project\u002Fpositive\u002Fperformance",[295,270,33,215,296,33],"39344547","teddyh",[138,298,18,208,139,33],8,[131,300,18,212,132,33],9,[93,300,45,302,94,33],"project\u002Fpositive\u002Fidea",[304,300,18,218,305,33],"39364288","adammarples",[104,307,45,302,105,33],10,[309,310,45,302,311,33],"39340221",11,"gpderetta",[174,313,18,218,175,33],12,[315,316,33,263,175,33],"39340130",13,[318,316,18,319,179,33],"39341495","maker\u002Fneutral\u002Fdocs",[321,322,18,218,323,33],"39340321",14,"asadhaider",[325,322,18,218,326,33],"39340404","penteract",[328,322,33,329,330,33],"39346990","other\u002Fpositive\u002Fnone","ebiester",[123,31,18,222,124,33],[166,31,18,202,167,33],[334,31,33,263,335,33],"39342222","serial_dev",[337,31,33,263,256,33],"39342256",[339,340,18,341,342,33],"39340633",16,"project\u002Fneutral\u002Fdesign","lingeringdoubts",[344,345,33,215,346,33],"39344519",17,"layer8",[348,349,33,215,350,33],"39343674",18,"swayvil",[352,32,45,200,353,33],"39340001","actionfromafar",[108,355,45,302,109,33],20,[112,357,45,358,113,33],21,"project\u002Fpositive\u002Fdesign",[154,360,45,200,155,33],22,[362,360,18,212,251,33],"39340107",[192,360,33,212,11,37],[58,365,45,200,59,33],23,[367,368,45,200,369,33],"39339999",24,"bloqs",[],[372,377,382,387,392,396],{"id":373,"name":374,"points":375,"category":376},"39372159","Reor",411,"productivity",{"id":378,"name":379,"points":380,"category":381},"39333309","SimpleKVM",397,"infrastructure",{"id":383,"name":384,"points":385,"category":386},"39365135","Athena Crisis",276,"games",{"id":388,"name":389,"points":390,"category":391},"39304068","traderjoes",274,"data",{"id":393,"name":394,"points":395,"category":20},"39314153","CueCam Presenter",246,{"id":397,"name":398,"points":399,"category":400},"39331383","Keyboard Connect",224,"learning_science",false,"v2",{"id":404,"name":5,"line":6,"ai":401,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":405,"top":18,"kw":406,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":407,"url":9,"mix":408,"praise":88,"objection":128,"sub":21},39339249,0.44,[24,25,26,27],"5533350305030350000005335550333303055535",[31,32,33,33],1794036649534]