<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Mattia Basaglia</title>
    <description>The latest articles on DEV Community by Mattia Basaglia (@mbasaglia).</description>
    <link>https://dev.to/mbasaglia</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F519765%2F49c41c1f-b9e7-4b10-b7e4-ea5325e9957e.png</url>
      <title>DEV Community: Mattia Basaglia</title>
      <link>https://dev.to/mbasaglia</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/mbasaglia"/>
    <language>en</language>
    <item>
      <title>Glaxnimate: Create 2D Vector Animations for the Web</title>
      <dc:creator>Mattia Basaglia</dc:creator>
      <pubDate>Wed, 25 Nov 2020 19:00:53 +0000</pubDate>
      <link>https://dev.to/mbasaglia/glaxnimate-create-2d-vector-animations-for-the-web-2ein</link>
      <guid>https://dev.to/mbasaglia/glaxnimate-create-2d-vector-animations-for-the-web-2ein</guid>
      <description>&lt;p&gt;Glaxnimate is an Open Source animation editor focused on creating vector graphics animations for the web.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fng58xxg9apb5og5j60if.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fng58xxg9apb5og5j60if.png" alt="Main Window"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  Supported Formats
&lt;/h1&gt;

&lt;p&gt;While Glaxnimate also supports more traditional formats (among others GIF, WebP, and MP4), its focus is exporting to Lottie and animated SVG, both of which allow embedding the animation in web pages without losing resolution.&lt;/p&gt;

&lt;p&gt;Lottie has been gaining traction as a web format for animations but it lacks good open source editors. Glaxnimate has the goal to fill this gap and to allow you to create and edit Lottie animations without the need of expensive software like Adobe After Effects.&lt;/p&gt;

&lt;p&gt;Glaxnimate also allows you to preview how Lottie and SVG animations look in your browser with a click of a button.&lt;/p&gt;

&lt;h1&gt;
  
  
  Vectorization
&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F99q1enojc13kxrok3o5i.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F99q1enojc13kxrok3o5i.jpeg" alt="Trace Bitmap Dialog"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you have existing raster images that you want to animate as vector graphics, Glaxnimate has you covered with its advanced bitmap tracing functionality.&lt;/p&gt;

&lt;h1&gt;
  
  
  Tweening
&lt;/h1&gt;

&lt;p&gt;Since Glaxnimate is focused on vector animation, it employs the technique known as "tweening". This means that you need to only modify certain keyframes and the animation runs smoothly between the given shapes. &lt;br&gt;
It also gives you a few built-in easing options to easily make extremely smooth animations and it also allows you to fine-tune the transition between keyframes if you need more advanced controls.&lt;/p&gt;

&lt;h1&gt;
  
  
  Scripting
&lt;/h1&gt;

&lt;p&gt;Glaxnimate has extensive scripting functionality with Python.&lt;br&gt;
It provides a plugin system which you can use to add support for new file formats or simply automate certain tasks.&lt;br&gt;
It also has a script console where you can run small snippets and see the changes live. &lt;br&gt;
It even comes as python package if you want to create, modify, or export your animations programmatically.&lt;/p&gt;

&lt;h1&gt;
  
  
  Cross Platform
&lt;/h1&gt;

&lt;p&gt;Glaxnimate runs on GNU/Linux, Mac, and Windows. It provides several binary packages on its &lt;a href="https://glaxnimate.mattbas.org/download/" rel="noopener noreferrer"&gt;download page&lt;/a&gt;.&lt;/p&gt;

&lt;h1&gt;
  
  
  Customization
&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fu5z7xm6s065egckfkuen.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fu5z7xm6s065egckfkuen.png" alt="Settings Dialog"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Glaxnimate's UI is fully customizable: you can change colors, icons, layout, and more. &lt;/p&gt;

&lt;h1&gt;
  
  
  Learn More
&lt;/h1&gt;

&lt;p&gt;If you think Glaxnimate is interesing, here are some resources:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://gitlab.com/mattbas/glaxnimate/" rel="noopener noreferrer"&gt;Gitlab Repository&lt;/a&gt; - You can show your appreciation by giving a star&lt;/li&gt;
&lt;li&gt;&lt;a href="https://glaxnimate.mattbas.org/download/" rel="noopener noreferrer"&gt;Download Page&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://glaxnimate.mattbas.org/manual/" rel="noopener noreferrer"&gt;User Manual&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://glaxnimate.mattbas.org/contributing/scripting/" rel="noopener noreferrer"&gt;Python API&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://pypi.org/project/glaxnimate/" rel="noopener noreferrer"&gt;Python Package on PyPI&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>webdev</category>
      <category>news</category>
      <category>showdev</category>
      <category>python</category>
    </item>
  </channel>
</rss>
