[{"data":1,"prerenderedAt":394},["ShallowReactive",2],{"project-35067259":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":44,"post_text":46,"what":47,"said":97,"maker_in_thread":233,"shape":240,"grid":244,"attempts":350,"same_week":355,"maker_shows":39,"maker_hidden":386,"reader_version":387,"card":388},"35067259","Construct Animate","our new browser-based animation tool","title","Show HN: Construct Animate – our new browser-based animation tool","https:\u002F\u002Fwww.construct.net\u002Fen\u002Fblogs\u002Fconstruct-official-blog-1\u002Flaunching-construct-animate-1612","construct.net","AshleysBrain",1678270676,2023,165,45,369,3109,12,"notable","creative","animation software","web_app",[24,25,26,27,28],"browser animation tool","flash-style animation","timeline animation","svg animation","animation export","mixed",0.303,{"positive":32,"neutral":32,"mixed":33,"critical":33},10,3,26,{"docs":36,"idea":38,"design":40,"execution":41,"pricing":43},{"positive":37,"critical":37},0,{"positive":39,"critical":37},2,{"positive":39,"critical":37},{"positive":42,"critical":42},1,{"positive":42,"critical":39},[33,37,37,37,45,37,37,45,33,45,33,45,37,37,45,33,37,45,33,37,45,37,42,33,37,33,33,33,33,37,37,45,37,33,42,37,33,37,45,33],5,null,{"problem":46,"audience":48,"pricing":64,"motivation":46,"time_to_build":46,"stack":80,"openness":94,"stage":95,"team_size":96},{"value":49,"source":50,"evidence":51},"Animators and people wanting timeline-based animation, including educational users","inferred",[52,56,60],{"id":53,"by":54,"text":55},"35068501","TomGullen","Tom here from Construct, spent a lot of time recently working on improving reliability\u002Fscalability of website so when I see comments like this always sends a pang of fear through…",{"id":57,"by":58,"text":59},"35068015","dhumph","Can you describe how it's different\u002Fbetter than something like svgator? Also, i just went to create a new project: 2 things immediately were a problem 1. the modal didn't have…",{"id":61,"by":62,"text":63},"35069520","porkradish","This looks like a really nice tool. Would you consider a \"Family\" plan level of pricing? I have two children (12yrs and 15yrs) who love following Youtube animators and doing a…",{"value":65,"source":66,"evidence":67},"Free edition with limited features; paid plans unlock features such as SVG file import and layers limits","commenter",[68,72,75,79],{"id":69,"by":70,"text":71},"35068826","wraptile","Only for paid plans by the looks of it [1] It took a while to figure it out as you can create a SVG object but can't import a file and there's nothing matching \"import\" in the…",{"id":73,"by":11,"text":74},"35068860","You can import SVG files to the project and display them with the SVG Picture object, and that all works in the free edition.",{"id":76,"by":77,"text":78},"35072459","nogridbag","I can't speak for everyone here, but I would imagine the majority of people creating Flash content back in the day were using some warez version. For me personally, I was a…",{"id":61,"by":62,"text":63},[81,88],{"value":82,"source":83,"evidence":84},"HTML, CSS and JavaScript","maker",[85],{"id":86,"by":11,"text":87},"35068839","It's browser-based so it's all HTML, CSS and JavaScript, written using our own in-house framework.",{"value":89,"source":83,"evidence":90},"In-house framework and WebGL\u002FWebGPU renderer",[91],{"id":92,"by":11,"text":93},"35069255","Thanks, we were aiming to make a desktop-grade UI in the browser and it's nice to hear feedback like that! The UI was separately developed with JavaScript, it wasn't made in…","paid","launched","company",{"praise":98,"objections":128,"requests":152,"questions":172,"alternatives":188},[99,114,121],{"value":100,"source":66,"evidence":101},"Flash nostalgia and familiar timeline workflow",[102,106,110],{"id":103,"by":104,"text":105},"35068658","dutchbrit","Brings back good old Flash memories, good job!",{"id":107,"by":108,"text":109},"35071179","nico","Awesome. A lot of people miss Flash and all the cool things about it. Great work!",{"id":111,"by":112,"text":113},"35068480","mdorazio","Does it support importing svg files? As others have mentioned, the workflow looks a lot like the old days of Flash, which I really miss. I’ll definitely be giving this a try for…",{"value":115,"source":66,"evidence":116},"Tutorial walkthrough is quick and clear",[117],{"id":118,"by":119,"text":120},"35068375","58x14","Site hung for me (us-east) on the first few tries. Get ready for the HN hug, Ashley! I've never used any animation tools, and it's been on my list to make a few basic logo…",{"value":122,"source":66,"evidence":123},"Desktop-grade browser UI",[124],{"id":125,"by":126,"text":127},"35069145","noduerme","The windowing \u002F panels \u002F dropdowns \u002F UI components look really nice. Like, almost a whole desktop program. I was just wondering what UI framework you were using. All in house,…",[129,134,139,146],{"value":130,"source":66,"evidence":131},"Free tier too limited and SVG import only on paid plans",[132,133],{"id":69,"by":70,"text":71},{"id":76,"by":77,"text":78},{"value":135,"source":66,"evidence":136},"Dated UI appearance and slow project creation with unclear feedback",[137,138],{"id":118,"by":119,"text":120},{"id":57,"by":58,"text":59},{"value":140,"source":66,"evidence":141},"Subscription-only pricing",[142],{"id":143,"by":144,"text":145},"35067822","exodust","On the other hand, they're subscription only. It used to be better, back in Construct 2 days, sensible flexible pricing. Then they changed it to browser based, subscription only,…",{"value":147,"source":66,"evidence":148},"Preview and GIF export errors on first use",[149],{"id":150,"by":77,"text":151},"35069943","I used to love Flash as a kid. I just tried this out and ran into a few snags. I completed the mini tutorial which was pretty slick and clicked \"Menu -> Preview\" and it just…",[153,157,165],{"value":154,"source":66,"evidence":155},"Family or cheaper pricing tier for non-commercial use",[156],{"id":61,"by":62,"text":63},{"value":158,"source":66,"evidence":159},"Comparison with existing tools",[160,161],{"id":57,"by":58,"text":59},{"id":162,"by":163,"text":164},"35076438","throwaway675309","Agreed when you're in a crowded space the best thing you can do for potential new customers is to create a comparison table so that they can easily differentiate your product…",{"value":166,"source":66,"evidence":167},"Clearer docs for preview setup and exports",[168,171],{"id":169,"by":11,"text":170},"35070098","You need to change the 'Start on layout' property of the timeline to make sure it plays in preview. I think our guided tour should include that though, so I'll see about updating…",{"id":150,"by":77,"text":151},[173,177,184],{"value":174,"source":66,"evidence":175},"How does it differ from SVGator",[176],{"id":57,"by":58,"text":59},{"value":178,"source":66,"evidence":179},"Which export format for transparent video overlays",[180],{"id":181,"by":182,"text":183},"35069821","bisRepetita","Thanks for sharing this. If I wanted to use one of those animations as overlay on a video I have (with transparency), what export would you recommend? Based on your intro video,…",{"value":185,"source":66,"evidence":186},"Does it support importing SVG files",[187],{"id":111,"by":112,"text":113},[189,197,204,212,219,226],{"value":190,"source":66,"evidence":191},"SVGator",[192,193],{"id":57,"by":58,"text":59},{"id":194,"by":195,"text":196},"35069804","Springtime","Surprised I hadn't heard of SVGator before, since I've posted about a lack of SVG native animation authoring tools in the past. Appears to have an option to use either CSS-based…",{"value":198,"source":66,"evidence":199},"Adobe Animate",[200],{"id":201,"by":202,"text":203},"35071186","robertoandred","The Flash IDE still exists, it's called Adobe Animate now.",{"value":205,"source":66,"evidence":206},"Motion Canvas",[207,211],{"id":208,"by":209,"text":210},"35071872","arbitrandomuser","motioncanvas seems like a nice open source alternative , although motioncanvas relies almost completely on JS to draw and animate https:\u002F\u002Fmotioncanvas.io\u002F",{"id":162,"by":163,"text":164},{"value":213,"source":66,"evidence":214},"Rive and Lottie",[215],{"id":216,"by":217,"text":218},"35068297","wiradikusuma","Another nascent tool is Rive ( https:\u002F\u002Frive.app\u002F ). It claims to produce smaller output than Lottie ( https:\u002F\u002Flottiefiles.com\u002F ), which itself another animation…",{"value":220,"source":66,"evidence":221},"Google Web Designer",[222],{"id":223,"by":224,"text":225},"35071292","flanbiscuit","This looks really nice. I'm reminded of a desktop app Google has called \"Google Web Designer\" which can do similar timeline based animations and exports to the same formats. But…",{"value":227,"source":66,"evidence":228},"Artboard Studio",[229],{"id":230,"by":231,"text":232},"35068698","jckahn","https:\u002F\u002Fartboard.studio\u002F is another excellent animation option that's got a somewhat simpler UI.",{"comments":45,"answered":39,"key":234},[235,236,239],{"id":169,"text":170},{"id":237,"text":238},"35069870","If your video editing tool can use an image sequence (e.g. 000.png, 001.png...), I'd recommend using the Image Sequence exporter[1]. If you want an actual video file with…",{"id":86,"text":87},{"commenters":241,"max_depth":242,"maker_replies":45,"first_comment_mins":243,"lifespan_hours":241},29,7,43,[245,247,249,252,254,256,259,263,265,267,269,272,275,279,281,284,285,290,293,295,298,299,301,303,307,309,311,314,316,319,323,325,328,331,332,333,334,337,339,340,341,343,345,347,348],[118,37,33,246,119,37],"project\u002Fmixed\u002Fdocs",[53,37,37,248,54,37],"commenter\u002Fneutral\u002Fperformance",[250,37,37,251,119,37],"35068687","commenter\u002Fneutral\u002Fnone",[216,42,37,253,217,37],"other\u002Fneutral\u002Fidea",[103,39,45,255,104,37],"project\u002Fpositive\u002Fidea",[257,39,37,251,258,37],"35068799","napolux",[260,39,37,261,262,37],"35069266","other\u002Fneutral\u002Fnone","rafamvc",[57,33,33,264,58,37],"project\u002Fmixed\u002Fdesign",[194,33,45,266,195,37],"project\u002Fpositive\u002Fexecution",[162,33,33,268,163,37],"project\u002Fneutral\u002Fnone",[61,270,45,271,62,37],4,"project\u002Fpositive\u002Fpricing",[273,270,33,274,54,37],"35069566","project\u002Fneutral\u002Fpricing",[276,45,45,277,278,37],"35067854","project\u002Fpositive\u002Fdesign","thomasfromcdnjs",[230,280,37,261,231,37],6,[282,280,37,261,283,37],"35068884","ldenoue",[223,242,45,255,224,37],[286,287,45,288,289,37],"35067544",8,"project\u002Fpositive\u002Fnone","seanalltogether",[150,291,42,292,77,37],9,"project\u002Fcritical\u002Fexecution",[169,291,37,294,11,42],"maker\u002Fneutral\u002Fdocs",[296,291,45,297,77,37],"35072104","maker\u002Fpositive\u002Fnone",[181,32,33,268,182,37],[237,32,37,300,11,42],"project\u002Fneutral\u002Fdocs",[302,32,45,297,182,37],"35069925",[304,305,37,261,306,37],"35067587",11,"andrewstuart",[143,305,42,308,144,37],"project\u002Fcritical\u002Fpricing",[310,305,33,274,54,37],"35067888",[312,305,37,313,144,37],"35078684","commenter\u002Fneutral\u002Fpricing",[315,305,37,313,54,37],"35081959",[317,305,33,318,163,37],"35076485","project\u002Fneutral\u002Fdesign",[320,305,33,321,322,37],"35076980","project\u002Fneutral\u002Fidea","DiegoMarquez",[324,18,33,318,126,37],"35068526",[326,18,33,327,54,37],"35068549","maker\u002Fneutral\u002Fnone",[329,18,37,251,330,37],"35068769","mikelovenotwar",[86,18,37,327,11,42],[125,18,45,277,126,37],[92,18,37,327,11,42],[335,18,37,251,336,37],"35071019","dylan604",[111,338,33,268,112,37],13,[69,338,42,308,70,37],[73,338,37,327,11,42],[342,338,33,300,70,37],"35069074",[208,344,37,253,209,37],14,[107,346,45,288,108,37],15,[201,346,37,251,202,37],[76,346,33,349,77,37],"project\u002Fmixed\u002Fpricing",[351,354],{"id":352,"t":353,"points":39,"comments":37},"35043447",1678122252,{"id":4,"t":12,"points":14,"comments":15},[356,361,366,371,376,381],{"id":357,"name":358,"points":359,"category":360},"35073603","Braggoscope",688,"learning_science",{"id":362,"name":363,"points":364,"category":365},"35032506","Lander",564,"games",{"id":367,"name":368,"points":369,"category":370},"35026902","Llama-dl",343,"ai",{"id":372,"name":373,"points":374,"category":375},"35055308","NESFab",298,"languages",{"id":377,"name":378,"points":379,"category":380},"35042316","UJRPC",290,"infrastructure",{"id":382,"name":383,"points":384,"category":385},"34999774","Mathesar",281,"data",false,"v2",{"id":389,"name":5,"line":6,"ai":386,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":390,"top":18,"kw":391,"maker":11,"domain":10,"tier":19,"attempts":39,"strip":392,"url":9,"mix":393,"praise":100,"objection":130,"sub":21},35067259,0.3,[24,25,26,27,28],"3000500535350053053050130333300503103053",[32,32,33,33],1794036632237]