[{"data":1,"prerenderedAt":56},["ShallowReactive",2],{"gql:data:PMLP8zZ5zG":3},{"entry":4},{"id":5,"title":6,"bgColor":7,"fgColor":8,"hoverVideo":9,"titleCaption":9,"liveLink":10,"seoPageDescription":11,"tags":12,"thumbnail":19,"socialShareImage":25,"projectMatrix":27},"131","Variable Font Animator","#8cbef2","#242424",null,"https://tdbr.xyz/font-animator","The variable font animator is a tool created for tdbr. It started as an experiment to animate variable fonts. It is possible to animate and export videos directly in the browser.",[13,16],{"id":14,"title":15},"133","Typography",{"id":17,"title":18},"134","Tool",[20],{"id":21,"mimeType":22,"path":23,"width":24,"alt":9},"132","image/png","VF-Animator-bg.png",1800,[26],{"id":21,"mimeType":22,"path":23,"width":24,"alt":9},[28,33,38,42,46,49,52],{"id":29,"typeHandle":30,"initialLetter":31,"ckeditor":32},"135","projectText",true,"\u003Cp>The variable font animator is a tool created for tdbr. It started as an experiment to animate variable fonts. The goal was to find a fun and easy way. I created a square drawing area with a font axis on each side. The x and y position translates to the selected axis value.\u003C/p>\u003Cp> \u003C/p>\u003Cp>Additional strokes can be added for other font axes.\u003C/p>",{"id":34,"typeHandle":35,"video":36,"caption":37},"136","projectVideo","vf-strokes.mp4","Draw animations",{"id":39,"typeHandle":30,"initialLetter":40,"ckeditor":41},"137",false,"\u003Cp>Another feature of the Animator is the Recorder. The recorder allows you to record a video in the size you want.\u003C/p>\u003Cp> \u003C/p>\u003Cp>I used to get annoyed when I had to capture my screen for variable font animations. With the recorder, that can be a thing of the past. You can record 8K video right in the browser. But that depends on your machine ;)\u003C/p>",{"id":43,"typeHandle":35,"video":44,"caption":45},"138","vf-recorder.mp4","Record and export videos directly in the browser.",{"id":47,"typeHandle":35,"video":48,"caption":9},"139","vf-crazy.mp4",{"id":50,"typeHandle":30,"initialLetter":40,"ckeditor":51},"140","\u003Cp>You can try the animator \u003Ca href=\"https://tdbr.xyz/font-animator\">here\u003C/a>\u003C/p>",{"id":53,"typeHandle":35,"video":54,"caption":55},"141","vf-typerature.mp4","Animation made by Typerature",1775142922561]