[{"data":1,"prerenderedAt":426},["ShallowReactive",2],{"project-11986480":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":42,"post_text":44,"what":45,"said":68,"maker_in_thread":196,"shape":205,"grid":208,"attempts":387,"same_week":388,"maker_shows":32,"maker_hidden":418,"reader_version":419,"card":420},"11986480","Anime.js","Polyvalent JavaScript Animation Engine","title","Show HN: Anime.js – Polyvalent JavaScript Animation Engine","http:\u002F\u002Fanime-js.com\u002F","anime-js.com","JulianGarnier",1467038880,2016,283,73,74,2264,4,"legend","languages","javascript animation library","library",[24,25,26,27],"javascript animation","svg animation","animation library","motion path","mixed",-0.106,{"positive":18,"neutral":31,"mixed":32,"critical":33},16,3,10,33,{"idea":36,"performance":38,"docs":40},{"positive":37,"critical":32},1,{"positive":37,"critical":39},5,{"positive":37,"critical":41},2,[43,39,32,32,32,43,37,32,32,32,32,37,43,32,32,43,32,43,37,43,32,37,43,37,37,43,43,37,37,43,43,32,43,43,39,32,39,37,32,32],0,null,{"problem":46,"audience":44,"pricing":44,"motivation":53,"time_to_build":44,"stack":57,"openness":65,"stage":66,"team_size":67},{"value":47,"source":48,"evidence":49},"Animating CSS, SVG and canvas properties with simple timing and easing controls","maker",[50],{"id":51,"by":11,"text":52},"11986773","GSAP can do a lot more than Anime. But it’s also way more heavy. My goal with this library was to keep the API simple as possible, focus on the things I really need (multiple…",{"value":54,"source":48,"evidence":55},"Keep the API simple and the code lightweight (9KB minified) while covering needed features",[56],{"id":51,"by":11,"text":52},[58],{"value":59,"source":60,"evidence":61},"JavaScript","inferred",[62],{"id":63,"by":11,"text":64},"11986482","This is a javascript animation library that I made and used on my latest projects. The source and documentation are on Github. Feedbacks are welcome!","open_source","launched","unknown",{"praise":69,"objections":90,"requests":129,"questions":152,"alternatives":171},[70,82],{"value":71,"source":72,"evidence":73},"Lightweight file size compared with GSAP and Popmotion","commenter",[74,78],{"id":75,"by":76,"text":77},"11990714","Ameo","Popmotion minified is over 45kB, almost 8x as large as Anime.js.",{"id":79,"by":80,"text":81},"11986881","bshimmin","I'm pretty sure not many people will understand what the word means in this context, and I would strongly suggest removing it. \"valency\" has specific meanings in chemistry and…",{"value":83,"source":72,"evidence":84},"Impressive demo and clean API",[85,86],{"id":79,"by":80,"text":81},{"id":87,"by":88,"text":89},"11986572","surkin","Impressive.",[91,100,111,122],{"value":92,"source":48,"evidence":93},"The name 'polyvalent' is confusing; replaced with 'flexible'",[94,97],{"id":95,"by":11,"text":96},"11988412","It means \"multipurpose\", polyvalent is a really common word in French, but apparently doesn't have the same signification in English, or is less common. I'll replace it by…",{"id":98,"by":11,"text":99},"11989164","Ok so I went with \"flexible\", I'm not 100% sure yet, but that will do the job for now",{"value":101,"source":72,"evidence":102},"Ambiguous project name clashes with anime",[103,107],{"id":104,"by":105,"text":106},"11991078","beefsack","Awesome project and impressive demo, but these ambiguous project names are a really bad idea for a number of reasons.",{"id":108,"by":109,"text":110},"11988993","drdeca","I'm confused. What does this have to do with anime\u002Fwhy is this called anime?",{"value":112,"source":72,"evidence":113},"Page used excessive CPU and memory in some browsers",[114,118],{"id":115,"by":116,"text":117},"11986842","trollboll","Very nice but it explodes my work laptops CPU (running ubuntu 16.04 + chrome 50) even just idling on http:\u002F\u002Fanime-js.com\u002F Im guessing you need to add some \"sleep\" somewhere",{"id":119,"by":120,"text":121},"11987377","guessmyname","Jesus! I had to force-kill my browser after a tab (didn't know which one at first) started eating all my 6GB of RAM, then realized it was this one when I restored the session. I…",{"value":123,"source":72,"evidence":124},"GSAP is faster in stress tests",[125],{"id":126,"by":127,"text":128},"11992151","GreenSock","Congrats on the release! You said Anime is equal or better than other JS libraries in terms of performance - were you including GSAP? In my tests, GSAP was significantly faster…",[130,145],{"value":131,"source":72,"evidence":132},"Better documentation of anime.path and comparison tables",[133,137,141],{"id":134,"by":135,"text":136},"11989953","dgreensp","The only documentation of the anime.path function is the example: anime.path('path') I think I can guess how to use it -- the argument is a \"target\" that resolves to an SVG path…",{"id":138,"by":139,"text":140},"11986674","Secretmapper","Totally awesome work! It would be great to get some comparison tables (size, compatibility, speed) for the common animation libraries (velocity, tweenmax\u002Flite, etc) Also digging…",{"id":142,"by":143,"text":144},"11987548","code_research","This looks great, thank you for open sourcing this! I would like to ask two things: How do you think about the velocity.js code regarding performance optimization? What would be…",{"value":146,"source":72,"evidence":147},"Timeline or sequencing support for coordinating animations",[148,149],{"id":142,"by":143,"text":144},{"id":150,"by":11,"text":151},"11988823","Regarding the performance, Anime is equal or better in some cases than the other javascript animation libraries out there. Not sure to understand what you mean by \"coordinate…",[153,164],{"value":154,"source":72,"evidence":155},"How does it compare with GSAP, mo.js and Popmotion?",[156,160],{"id":157,"by":158,"text":159},"11986682","leetrout","Do you have any quick notes on how this compares and contrasts with GSAP[1] other than the licensing? Is there any clear case for \"Use Anime.js for XYZ\"? [1]…",{"id":161,"by":162,"text":163},"11988426","KaoruAoiShiho","How is this better than greensock \u002F mo.js \u002F popmotion.js?",{"value":165,"source":72,"evidence":166},"What is the difference from the Web Animations API?",[167],{"id":168,"by":169,"text":170},"11987043","snarkyturtle","What's the difference between this library and the Web Animations API?…",[172,177,184,188,192],{"value":173,"source":72,"evidence":174},"GSAP",[175,176],{"id":157,"by":158,"text":159},{"id":126,"by":127,"text":128},{"value":178,"source":72,"evidence":179},"Popmotion",[180],{"id":181,"by":182,"text":183},"11987151","Akkuma","Have you seen or used https:\u002F\u002Fgithub.com\u002FPopmotion\u002Fpopmotion\u002F? These both seem fairly similar, both small libraries with a lot of overlap.",{"value":185,"source":72,"evidence":186},"Web Animations API",[187],{"id":168,"by":169,"text":170},{"value":189,"source":72,"evidence":190},"Velocity.js",[191],{"id":142,"by":143,"text":144},{"value":193,"source":72,"evidence":194},"mo.js",[195],{"id":161,"by":162,"text":163},{"comments":197,"answered":198,"key":199},13,7,[200,201,202],{"id":63,"text":64},{"id":51,"text":52},{"id":203,"text":204},"11986782","Can works with CSS \u002F SVG \u002F Canvas animations",{"commenters":206,"max_depth":198,"maker_replies":197,"first_comment_mins":43,"lifespan_hours":207},44,129,[209,211,215,217,219,220,221,224,228,231,232,236,239,242,245,247,249,252,255,258,262,265,268,270,273,276,279,280,281,283,285,289,291,293,295,297,300,302,303,305,309,311,313,314,315,318,321,324,327,329,331,333,334,338,340,343,346,347,351,353,355,358,360,363,367,371,375,377,379,380,382,384],[63,43,43,210,11,37],"project\u002Fneutral\u002Fnone",[212,43,39,213,214,43],"11986670","maker\u002Fpositive\u002Fidea","mdolon",[157,43,32,216,158,43],"project\u002Fneutral\u002Fidea",[51,43,43,218,11,37],"project\u002Fneutral\u002Fperformance",[181,43,32,218,182,43],[75,43,32,218,76,43],[222,43,43,223,182,43],"12024269","commenter\u002Fneutral\u002Fdocs",[225,43,32,226,227,43],"11986707","project\u002Fneutral\u002Fdocs","tlrobinson",[229,43,32,226,230,43],"11986777","spoiler",[203,43,43,226,11,37],[233,43,37,234,235,43],"11986849","project\u002Fcritical\u002Fdocs","cr3ative",[237,43,43,238,11,37],"11987182","maker\u002Fneutral\u002Fdocs",[240,43,32,226,241,43],"11987661","ghurtado",[243,43,43,223,244,43],"11987831","lucideer",[79,43,32,246,80,43],"project\u002Fmixed\u002Fdocs",[248,43,32,226,244,43],"11986971",[250,43,32,246,251,43],"11987254","nekopa",[253,43,43,223,254,43],"11988216","franciscop",[256,43,32,226,257,43],"11987356","shawn-butler",[259,43,37,260,261,43],"11987387","project\u002Fcritical\u002Fidea","clentaminator",[263,43,43,264,251,43],"11987519","commenter\u002Fneutral\u002Fnone",[266,43,43,223,267,43],"11987583","coulix",[269,43,43,223,251,43],"11987835",[271,43,43,223,272,43],"11989681","ciconia",[274,43,32,226,275,43],"11987537","ino",[277,43,32,226,278,43],"11988492","khedoros",[95,43,43,238,11,37],[98,43,43,238,11,37],[142,43,32,282,143,43],"maker\u002Fneutral\u002Fperformance",[150,43,43,284,11,37],"maker\u002Fpositive\u002Fperformance",[286,43,43,287,288,43],"11991299","other\u002Fneutral\u002Fnone","zachrose",[290,43,43,287,143,43],"11993527",[292,43,43,287,288,43],"12013326",[126,43,37,294,127,43],"project\u002Fcritical\u002Fperformance",[296,43,43,282,11,37],"11992796",[298,43,43,299,127,43],"11995486","commenter\u002Fneutral\u002Fperformance",[301,43,32,216,143,43],"11993475",[134,43,37,234,135,43],[304,43,43,238,11,37],"11990179",[306,37,43,307,308,43],"11988607","other\u002Fneutral\u002Fperformance","davnn",[310,37,43,264,162,43],"11992860",[312,37,43,264,308,43],"11993233",[115,41,37,294,116,43],[119,41,37,294,120,43],[316,41,43,299,317,43],"11987567","ghostly_s",[319,41,43,299,320,43],"11989618","TeMPOraL",[322,41,43,307,323,43],"11987605","jerf",[325,41,43,307,326,43],"11991970","amenod",[328,41,43,284,11,37],"11988871",[330,41,37,294,76,43],"11990736",[332,41,37,294,116,43],"11992272",[168,32,32,216,169,43],[335,32,43,336,337,43],"11988162","other\u002Fneutral\u002Fidea","tbranyen",[339,32,43,264,11,37],"11988825",[341,18,43,336,342,43],"11987050","michaelbuddy",[344,18,43,287,345,43],"11987200","ry_ry",[161,39,32,216,162,43],[348,39,43,349,350,43],"11989396","commenter\u002Fcritical\u002Fnone","instakill",[352,39,43,264,278,43],"11989685",[354,39,43,264,162,43],"11990337",[356,39,43,264,357,43],"11991017","JungleGymSam",[359,39,43,264,350,43],"12014950",[138,361,39,362,139,43],6,"project\u002Fpositive\u002Fdocs",[364,198,32,365,366,43],"11991459","project\u002Fmixed\u002Fperformance","sriram_malhar",[368,198,39,369,370,43],"11995186","project\u002Fpositive\u002Fperformance","threefour",[372,373,32,210,374,43],"11987155",8,"gt5050",[376,373,43,238,11,37],"11987199",[104,378,37,260,105,43],9,[108,33,32,216,109,43],[381,33,43,216,11,37],"11989446",[383,33,37,260,357,43],"11991022",[87,385,39,386,88,43],11,"project\u002Fpositive\u002Fnone",[],[389,394,398,403,408,413],{"id":390,"name":391,"points":392,"category":393},"12000264","“OK Google”",215,"productivity",{"id":395,"name":396,"points":397,"category":20},"12000893","Monkberry",115,{"id":399,"name":400,"points":401,"category":402},"12002485","Wallarm",95,"web_saas",{"id":404,"name":405,"points":406,"category":407},"11958029","still-good-food",92,"learning_science",{"id":409,"name":410,"points":411,"category":412},"11994985","Opsee",79,"infrastructure",{"id":414,"name":415,"points":416,"category":417},"11993451","ping",78,"security_privacy",false,"v2",{"id":421,"name":5,"line":6,"ai":418,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":422,"top":18,"kw":423,"maker":11,"domain":10,"tier":19,"attempts":43,"strip":424,"url":9,"mix":425,"praise":71,"objection":92,"sub":21},11986480,-0.11,[24,25,26,27],"0533301333310330301031011001100300535133",[18,31,32,33],1794036545436]