[{"data":1,"prerenderedAt":305},["ShallowReactive",2],{"project-4903716":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":34,"aspects":35,"strip":41,"post_text":44,"what":45,"said":74,"maker_in_thread":166,"shape":176,"grid":180,"attempts":268,"same_week":269,"maker_shows":296,"maker_hidden":297,"reader_version":298,"card":299},"4903716","box2d-jquery","physics-engine for your DOM","title","Show HN: box2d-jquery - physics-engine for your DOM","http:\u002F\u002Fwww.fullstackoptimization.com\u002Fbox2d-jquery\u002F","fullstackoptimization.com","franze",1355216006,2012,167,39,106,1677,7,"notable","languages","javascript library","library",[24,25,26,27,28],"jquery","box2d","physics engine","dom animation","javascript","debated",0.211,{"positive":18,"neutral":32,"mixed":33,"critical":32},4,1,16,{"idea":36,"performance":37,"execution":40},{"positive":33,"critical":33},{"positive":38,"critical":39},0,2,{"positive":38,"critical":33},[38,42,38,42,43,38,38,43,38,42,43,38,38,38,38,38,38,38,38,38,38,38,42,38,43,38,43,38,42,38,38,33,38,42,33,38,33,42,33],5,3,null,{"problem":46,"audience":44,"pricing":44,"motivation":53,"time_to_build":44,"stack":57,"openness":72,"stage":73,"team_size":73},{"value":47,"source":48,"evidence":49},"Adds physics animation to DOM elements with a jQuery call","maker",[50],{"id":51,"by":11,"text":52},"4903731","hiho, basically box2d-jquery is a jquery wrapper around box2dweb, it's quite simple to use ``` $(\"#some_element\").box2d({'y-velocity':10}); ``` it was fun to code, basically it…",{"value":54,"source":48,"evidence":55},"Made it for fun and to create something cool for a local JavaScript conference",[56],{"id":51,"by":11,"text":52},[58,62,66],{"value":59,"source":48,"evidence":60},"jQuery",[61],{"id":51,"by":11,"text":52},{"value":63,"source":48,"evidence":64},"box2dweb",[65],{"id":51,"by":11,"text":52},{"value":67,"source":48,"evidence":68},"CoffeeScript",[69],{"id":70,"by":11,"text":71},"4906285","mostly a lot of looping and setting CSS, see https:\u002F\u002Fgithub.com\u002Ffranzenzenhofer\u002Fbox2d-jquery\u002Fblob\u002Fmaster\u002Fjs\u002Fsrc\u002Fmain.coffee#L327:L352 but yes, performance profiling is the next…","open_source","unknown",{"praise":75,"objections":108,"requests":134,"questions":149,"alternatives":158},[76,96],{"value":77,"source":78,"evidence":79},"Fun and impressive demo","commenter",[80,84,88,92],{"id":81,"by":82,"text":83},"4904037","asm89","Very cool! I created a small bookmarklet that injects it into the system we're developing over here. It's nice to amaze some colleagues real quick. ;) ```…",{"id":85,"by":86,"text":87},"4904246","BonoboBoner","Oh my god, I will troll my colleagues with this so hard. I'll add this to our website cms for their IP only and watch them panic \"Why is our website falling apart?\"...",{"id":89,"by":90,"text":91},"4903803","egfx","Wow very nice. I want to read what it says but I have a hard time keeping the whole thing still! I have some wicked ideas for this.",{"id":93,"by":94,"text":95},"4906350","robmclarty","I don't know how this is useful, but I want to use it!",{"value":97,"source":78,"evidence":98},"Bookmarklet ideas for existing sites",[99,100,104],{"id":81,"by":82,"text":83},{"id":101,"by":102,"text":103},"4903854","olegp","Somebody please make a bookmarklet out of this.",{"id":105,"by":106,"text":107},"4904101","orng","A quick and dirty one that only affects h1, divs and imgs (based off the example on the github page):…",[109,127],{"value":110,"source":78,"evidence":111},"Slow performance, especially on deeply nested or many elements",[112,116,120,124],{"id":113,"by":114,"text":115},"4903950","pjmlp","So slow on my browser. Back to native applications coding.",{"id":117,"by":118,"text":119},"4906199","toomim","This is great, but it seems a little slower than the raw box2d. Is it doing anything else on each animation loop?",{"id":121,"by":122,"text":123},"4904131","jQueryIsAwesome","In most sites those three are enough to crash the tab\u002Fbrowser.",{"id":125,"by":11,"text":126},"4904221","divs are an issue, because divs commonly include other divs commonly include other divs commonly include other divs .... jquery-box2d does not animate the DOM of the webpage you…",{"value":128,"source":78,"evidence":129},"Physics results appear deterministic, not random on reload",[130],{"id":131,"by":132,"text":133},"4903887","nodesocket","Forgive me if I am wrong, but shouldn't a true physics engine not behave exactly the same way every time? I refreshed 5 times and every time the word Hey ended up vertical…",[135,145],{"value":136,"source":78,"evidence":137},"Collision events",[138,142],{"id":139,"by":140,"text":141},"4904079","brador","Does this have collision events? So if A hits B is there a way of knowing?",{"id":143,"by":11,"text":144},"4903817","next version will include collision detection (when to elements colide some custom DOM event will be thrown), so we can start to implement simple (to complex) game logic into the…",{"value":146,"source":78,"evidence":147},"Bookmarklet version",[148],{"id":101,"by":102,"text":103},[150,154],{"value":151,"source":78,"evidence":152},"Does it support collision events?",[153],{"id":139,"by":140,"text":141},{"value":155,"source":78,"evidence":156},"Why is it slower than raw box2d?",[157],{"id":117,"by":118,"text":119},[159],{"value":160,"source":78,"evidence":161},"Google Gravity Chrome experiment",[162],{"id":163,"by":164,"text":165},"4904108","nwh","There's something similar for Google search — http:\u002F\u002Fmrdoob.com\u002Fprojects\u002Fchromeexperiments\u002Fgoogle_gravity\u002F",{"comments":167,"answered":32,"key":168},11,[169,170,173],{"id":51,"text":52},{"id":171,"text":172},"4904150","cool, here is on for the HN frontpage with a little bit more action (selects every \u003Ca> element) ```…",{"id":174,"text":175},"4904137","it's on the todo list, it will work with custom DOM event events.",{"commenters":177,"max_depth":42,"maker_replies":167,"first_comment_mins":178,"lifespan_hours":179},25,6,52,[181,183,185,186,187,190,193,197,198,199,203,204,206,209,211,214,217,220,223,226,229,232,234,235,237,239,241,243,245,247,250,252,255,258,259,261,262,264,266],[51,38,38,182,11,33],"project\u002Fneutral\u002Fnone",[81,38,42,184,82,38],"project\u002Fpositive\u002Fnone",[171,38,38,182,11,33],[85,33,42,184,86,38],[188,33,43,182,189,38],"4904508","killahpriest",[191,33,38,192,86,38],"4915531","commenter\u002Fneutral\u002Fnone",[194,39,38,195,196,38],"4903878","other\u002Fneutral\u002Fnone","karl_nerd",[139,43,43,182,140,38],[174,43,38,182,11,33],[200,32,42,201,202,38],"4904940","project\u002Fpositive\u002Fidea","gavanwoolery",[131,42,43,182,132,38],[205,42,38,182,11,33],"4903906",[207,42,38,192,208,38],"4903915","jasin",[210,42,38,192,11,33],"4903923",[212,42,38,192,213,38],"4904070","lucian1900",[215,42,38,195,216,38],"4905100","alxbrun",[218,42,38,192,219,38],"4903907","jofo25",[221,42,38,192,222,38],"4903928","worldsayshi",[224,42,38,192,225,38],"4906511","mistercow",[227,42,38,195,228,38],"4903939","w0utert",[230,42,38,192,231,38],"4904903","wingspan",[233,42,38,192,228,38],"4905158",[89,178,42,184,90,38],[143,178,38,236,11,33],"project\u002Fneutral\u002Fidea",[238,178,43,182,90,38],"4903840",[240,178,38,182,11,33],"4903852",[117,18,43,242,118,38],"project\u002Fmixed\u002Fperformance",[70,18,38,244,11,33],"project\u002Fneutral\u002Fperformance",[101,246,42,184,102,38],8,[248,246,38,192,249,38],"4903927","federicoweber",[251,246,38,244,11,33],"4903961",[253,246,33,254,122,38],"4904091","project\u002Fcritical\u002Fexecution",[256,246,38,257,11,33],"4904332","project\u002Fneutral\u002Fexecution",[105,246,42,184,106,38],[121,246,33,260,122,38],"project\u002Fcritical\u002Fperformance",[125,246,38,244,11,33],[163,246,33,263,164,38],"project\u002Fcritical\u002Fidea",[93,265,42,184,94,38],9,[113,267,33,260,114,38],10,[],[270,274,278,282,286,291],{"id":271,"name":272,"points":273,"category":20},"4912076","Analytics.js",326,{"id":275,"name":276,"points":277,"category":20},"4902219","strucjure",204,{"id":279,"name":280,"points":281,"category":20},"4906098","numbers.js",123,{"id":283,"name":284,"points":285,"category":20},"4885689","UXArchive",116,{"id":287,"name":288,"points":289,"category":290},"4909784","Designing Web Applications",105,"learning_science",{"id":292,"name":293,"points":294,"category":295},"4910899","Crowdtilt API",90,"web_saas",20,false,"v2",{"id":300,"name":5,"line":6,"ai":297,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":301,"top":18,"kw":302,"maker":11,"domain":10,"tier":19,"attempts":38,"strip":303,"url":9,"mix":304,"praise":77,"objection":110,"sub":21},4903716,0.21,[24,25,26,27,28],"050530030530000000000050303050010510151",[18,32,33,32],1794036502344]