<?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: Simon Stone</title>
    <description>The latest articles on DEV Community by Simon Stone (@elementalstudios).</description>
    <link>https://dev.to/elementalstudios</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4125170%2Fea0217e7-27dd-473c-841b-e9a6d3af96d8.png</url>
      <title>DEV Community: Simon Stone</title>
      <link>https://dev.to/elementalstudios</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/elementalstudios"/>
    <language>en</language>
    <item>
      <title>Automatic lip sync animation generator for Blender animations</title>
      <dc:creator>Simon Stone</dc:creator>
      <pubDate>Mon, 14 Sep 2026 22:20:49 +0000</pubDate>
      <link>https://dev.to/elementalstudios/automatic-lip-sync-animation-generator-for-blender-animations-fnp</link>
      <guid>https://dev.to/elementalstudios/automatic-lip-sync-animation-generator-for-blender-animations-fnp</guid>
      <description>&lt;p&gt;I don't know if anyone else here has ever used Blender or tried their hand at 3D animation, but if you have, you know it's hard. Like really hard. &lt;/p&gt;

&lt;p&gt;I've been using Blender for well over 5 years, and I've definitely improved at animation, but there's one thing I've never gotten right: facial animation. &lt;/p&gt;

&lt;p&gt;Making and animating detailed facial rigs or shape keys to line up your character's mouth to a voice recording is a challenge, so I set out to make a tool that can handle that for you. While there are addons such as Rhubarb's Blender addon that are great, and other programs like Adobe Character Animator that have similar capabilities, I haven't found anything simple enough where you don't need to worry about rigging or deforming the mesh (or paying Adobe licenses).&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fij6ywabmx392uo8nrv3n.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fij6ywabmx392uo8nrv3n.png" alt="Example face rig..." width="629" height="680"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;My solution was to make an app which utilizes Rhubarb to analyze audio, but lets you use pre-made mouth "poses" (or upload your own) and download an image sequence. Then you can use this in your 3D program of choice and just add it to your character as an image texture, and it's worked really well for what I wanted it for (Lego Brickfilm animations in Blender).&lt;/p&gt;

&lt;p&gt;I made it with a Supabase backend and OAuth, Typescript/CSS, a Rhubarb WASM package, and hosted on Vercel.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Ff0rfbcbzlczrbqjd2g7t.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Ff0rfbcbzlczrbqjd2g7t.png" alt="Screenshot of the app" width="799" height="415"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If anyone's interested, here's the free tool I made for myself where you can upload an audio file (up to 1m) and your drawn mouth shapes (or use the default) and just download as an image sequence. I've used it for lego animations but I think it would work well for any 3d animations with a cartoony style or even 2D animation (although I'm not very good at that). I hope someone finds this useful or at least interesting!&lt;/p&gt;

&lt;p&gt;Here is a quick 1-minute demo showing how it works in Blender: &lt;a href="https://www.youtube.com/watch?v=OtgJoQsf5OA" rel="noopener noreferrer"&gt;Watch the demo on YouTube&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can try it out for free &lt;a href="https://lipsync-studio-sigma.vercel.app/" rel="noopener noreferrer"&gt;here &lt;/a&gt;&lt;/p&gt;

</description>
      <category>blender</category>
      <category>animation</category>
      <category>nextjs</category>
      <category>supabase</category>
    </item>
  </channel>
</rss>
