[{"data":1,"prerenderedAt":176},["ShallowReactive",2],{"project-12581767":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":14,"tier":18,"category":19,"subcategory":20,"format":21,"keywords":22,"reception":26,"sentiment":27,"stance_mix":28,"scored_comments":31,"aspects":32,"strip":38,"post_text":41,"what":42,"said":57,"maker_in_thread":105,"shape":110,"grid":114,"attempts":134,"same_week":139,"maker_shows":29,"maker_hidden":168,"reader_version":169,"card":170},"12581767","Choreographer-JS","A simple way to handle complicated animations","title","Show HN: Choreographer-JS, a simple way to handle complicated animations","https:\u002F\u002Fchristinecha.github.io\u002Fchoreographer-js\u002F","christinecha.github.io","christinecha",1474897783,2016,39,8,871,2264,"shown","languages","animation library","library",[23,24,20,25],"javascript animation","requestanimationframe","scroll animation","debated",-0.067,{"positive":29,"neutral":30,"mixed":30,"critical":29},2,1,6,{"performance":33,"idea":35,"docs":36,"execution":37},{"positive":34,"critical":34},0,{"positive":34,"critical":34},{"positive":30,"critical":34},{"positive":30,"critical":29},[39,39,34,40,30,40,30,34],3,5,null,{"problem":43,"audience":41,"pricing":41,"motivation":41,"time_to_build":41,"stack":49,"openness":55,"stage":56,"team_size":56},{"value":44,"source":45,"evidence":46},"Handling complicated animations simply","maker",[47],{"id":48},"post",[50],{"value":51,"source":52,"evidence":53},"JavaScript","inferred",[54],{"id":48},"open_source","unknown",{"praise":58,"objections":71,"requests":87,"questions":95,"alternatives":104},[59],{"value":60,"source":61,"evidence":62},"Looks good and works well on desktop browsers","commenter",[63,67],{"id":64,"by":65,"text":66},"12583919","rajangdavis","This is pretty sweet using a desktop browser, but the animations can be a little choppy on mobile. Is this more because of how mobile browsers work or are there parts of the…",{"id":68,"by":69,"text":70},"12583329","SparkyMcUnicorn","The documentation indicates that this library doesn't really handle the events at all (which is great imo). The getting started has more info on this.…",[72,76],{"value":73,"source":61,"evidence":74},"Animations can be choppy on mobile",[75],{"id":64,"by":65,"text":66},{"value":77,"source":61,"evidence":78},"Scroll-based animation does not respond to arrow keys or hotkey scrolling",[79,83],{"id":80,"by":81,"text":82},"12583675","porkloin","Just an FYI, the scroll-hacking on the home page doesn't work with arrow key or hotkey based scrolling (for example, vimium or vimperator extensions for j\u002Fk key scrolling) -…",{"id":84,"by":85,"text":86},"12584629","gt2","I'm on the same, Chrome\u002FOSX, but arrow keys don't work for me on that page.",[88],{"value":89,"source":61,"evidence":90},"Support for time-based animation and switching between time and mouse input",[91],{"id":92,"by":93,"text":94},"12582928","fimdomeio","this does not work with time based animations right? A tool that would be really nice for developing time based animations would be one where you could switch easily between time…",[96,100],{"value":97,"source":61,"evidence":98},"Does it work with time-based animations?",[99],{"id":92,"by":93,"text":94},{"value":101,"source":61,"evidence":102},"Is mobile choppiness caused by browsers or the library?",[103],{"id":64,"by":65,"text":66},[],{"comments":30,"answered":30,"key":106},[107],{"id":108,"text":109},"12583303","It works for any measurement! That choice is left completely up to the user. Instead of wrapping it in an event handler, you might instead set a variable for 'start time', run…",{"commenters":15,"max_depth":111,"maker_replies":30,"first_comment_mins":112,"lifespan_hours":113},4,130,13,[115,117,119,121,123,125,129,130],[64,34,39,116,65,34],"project\u002Fmixed\u002Fperformance",[92,30,39,118,93,34],"project\u002Fneutral\u002Fidea",[108,30,34,120,11,30],"maker\u002Fneutral\u002Fdocs",[68,30,40,122,69,34],"project\u002Fpositive\u002Fdocs",[80,29,30,124,81,34],"project\u002Fcritical\u002Fexecution",[126,29,40,127,128,34],"12583944","project\u002Fpositive\u002Fexecution","ajacksified",[84,29,30,124,85,34],[131,29,34,132,133,34],"12587213","commenter\u002Fneutral\u002Fexecution","aditya42",[135,138],{"id":136,"t":137,"points":30,"comments":34},"12578182",1474848076,{"id":4,"t":12,"points":14,"comments":15},[140,145,149,154,158,163],{"id":141,"name":142,"points":143,"category":144},"12571200","InstaPart",309,"dev_tools",{"id":146,"name":147,"points":148,"category":19},"12572412","G9.js",237,{"id":150,"name":151,"points":152,"category":153},"12589538","fgmk",215,"games",{"id":155,"name":156,"points":157,"category":144},"12588897","Material Design for Bootstrap",164,{"id":159,"name":160,"points":161,"category":162},"12564410","days",156,"productivity",{"id":164,"name":165,"points":166,"category":167},"12584380","Alooma Live",144,"data",false,"v2",{"id":171,"name":5,"line":6,"ai":168,"cat":19,"year":13,"points":14,"comments":15,"rec":26,"s":172,"top":14,"kw":173,"maker":11,"domain":10,"tier":18,"attempts":29,"strip":174,"url":9,"mix":175,"praise":60,"objection":73,"sub":20},12581767,-0.07,[23,24,20,25],"33051510",[29,30,30,29],1794036548063]