<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>パペット | imakat.com</title>
	<atom:link href="https://imakat.com/tag/%E3%83%91%E3%83%9A%E3%83%83%E3%83%88/feed/" rel="self" type="application/rss+xml" />
	<link>https://imakat.com</link>
	<description>工夫と改善で人生をちょっと豊かに</description>
	<lastBuildDate>Fri, 03 Apr 2026 10:01:30 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://i0.wp.com/imakat.com/wp-content/uploads/2023/07/cropped-80d64ecd340db4e2ca3224859b04caed.png?fit=32%2C32&#038;ssl=1</url>
	<title>パペット | imakat.com</title>
	<link>https://imakat.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">160909258</site>	<item>
		<title>自作パペット（アバター）を作ってみました〜その1〜脱Adobeを目指して！</title>
		<link>https://imakat.com/2026/03/12/28692/</link>
		
		<dc:creator><![CDATA[imakat]]></dc:creator>
		<pubDate>Thu, 12 Mar 2026 02:19:50 +0000</pubDate>
				<category><![CDATA[デジタル]]></category>
		<category><![CDATA[ものづくり]]></category>
		<category><![CDATA[Automator]]></category>
		<category><![CDATA[Gemini]]></category>
		<category><![CDATA[Adobe character animator]]></category>
		<category><![CDATA[パペット]]></category>
		<guid isPermaLink="false">https://imakat.com/?p=28692</guid>

					<description><![CDATA[今回は、これからの動画作成で活躍してくれる**「新しく作った自作のパペット（アバター）」**について紹介したいと思います。これまで私の動画には、画面の左下に「Adobe Dr. Apple Smith」というキャラクター [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>今回は、これからの動画作成で活躍してくれる**「新しく作った自作のパペット（アバター）」**について紹介したいと思います。<br>これまで私の動画には、画面の左下に「Adobe Dr. Apple Smith」というキャラクターが頻繁に登場していました。顔の向きに合わせて首が動き、目や口もスムーズに動く非常に素晴らしいパペットだったのですが……実はそろそろ、彼から「卒業」をしたいと思います。</p>



<p>動画をご覧ください。</p>


<div class="sc-vimeo-embed">
  <p style="font-size: 14px;" class="sc-link">
    <a href="https://imakat.com/vm5?movid=1173521971" target="_blank" onclick="stopVimeoBeforeNavigate(event, this)">
      動画を別ページで表示(ここをクリック)
    </a>
  </p>

  <div class="iframe-wrapper">
    <iframe
      src="https://player.vimeo.com/video/1173521971?title=0&byline=0&portrait=0&controls=1&speed=1&texttrack=ja&dnt=1&loop=0"
      frameborder="0"
      allow="autoplay; fullscreen; picture-in-picture"
      allowfullscreen></iframe>
  </div>

  <div class="dr-vimeo-sublist">
    <details translate="yes"><summary translate="yes">字幕一覧(クリック)</summary> <p translate="yes">
(<a href="#" class="imk-cue" data-seek="0:06" translate="no">00:00:06</a>)  それでは今回ですね、新しく作った自作のパペットを紹介していこうと思うんですけども<br>
(<a href="#" class="imk-cue" data-seek="0:16" translate="no">00:00:16</a>)  私今までですね、動画を作る時に頻繁に登場してたのが、この左端にいますですね<br>
(<a href="#" class="imk-cue" data-seek="0:27" translate="no">00:00:27</a>)  Adobe Dr. Apple SmithというAdobeのキャラクターです。パペットです。<br>
(<a href="#" class="imk-cue" data-seek="0:37" translate="no">00:00:37</a>)  で、これものすごく素晴らしいんですよね。顔の向きに応じて、首もゆっくり動きますし<br>
(<a href="#" class="imk-cue" data-seek="0:48" translate="no">00:00:48</a>)  口も目も非常にスムーズに動くという優れものなんですけども<br>
(<a href="#" class="imk-cue" data-seek="0:54" translate="no">00:00:54</a>)  ただ問題がありまして、それはこのAdobeのですね、サブスクに入らないと使えないんですよ。<br>
(<a href="#" class="imk-cue" data-seek="1:05" translate="no">00:01:05</a>)  これがですね、一番安い組み合わせでもってしても月1200円。<br>
(<a href="#" class="imk-cue" data-seek="1:15" translate="no">00:01:15</a>)  それはなかなか今のご時世、このキャラクター使うだけで<br>
(<a href="#" class="imk-cue" data-seek="1:23" translate="no">00:01:23</a>)  で、その他のAdobeのサービスというのはですね、画像加工したり色々面白みはあるんですけども<br>
(<a href="#" class="imk-cue" data-seek="1:33" translate="no">00:01:33</a>)  今や生成AIを使うとほとんど似たようなことができるんですね。<br>
(<a href="#" class="imk-cue" data-seek="1:41" translate="no">00:01:41</a>)  だからもう生成AIがあれば、メディアの加工もできるし、プログラム作成もできますしね。<br>
(<a href="#" class="imk-cue" data-seek="1:51" translate="no">00:01:51</a>)  色んなことが可能なんです。だからそれは非常にもったいない。<br>
(<a href="#" class="imk-cue" data-seek="1:58" translate="no">00:01:58</a>)  だからできればこのAdobeのサービスを停止して<br>
(<a href="#" class="imk-cue" data-seek="2:07" translate="no">00:02:07</a>)  もう自前で作ったこのパペットですね。Adobeと比べれば見劣りするんですけどもね。<br>
(<a href="#" class="imk-cue" data-seek="2:16" translate="no">00:02:16</a>)  まあそれでもこのように目も動きますし、口も動くしで、首も多少動く。<br>
(<a href="#" class="imk-cue" data-seek="2:23" translate="no">00:02:23</a>)  まあそんな形でですね、使い物にはなんとかなってるかなと思うんですよ。ここは割り切りですね。<br>
(<a href="#" class="imk-cue" data-seek="2:32" translate="no">00:02:32</a>)  ええまあ、この自前のパペットでですね、これからやっていこうと思ってます。<br>
(<a href="#" class="imk-cue" data-seek="2:39" translate="no">00:02:39</a>)  ええと、それではですね、今回作ったお手製のパペットですね、を紹介していきたいと思います。<br>
(<a href="#" class="imk-cue" data-seek="2:49" translate="no">00:02:49</a>)  まだ名前はないんですが、まあimakatブログで使っていこうと思うキャラクターですね。<br>
(<a href="#" class="imk-cue" data-seek="2:59" translate="no">00:02:59</a>)  いまかっちゃん、変だね。なんだろうね。なんかいい名前があるといいんですけどね。<br>
(<a href="#" class="imk-cue" data-seek="3:11" translate="no">00:03:11</a>)  まあ、とにかくですね、今から紹介していきたいと思います。<br>
(<a href="#" class="imk-cue" data-seek="3:16" translate="no">00:03:16</a>)  で、基本的には作るのはですね、Google Geminiですね。<br>
(<a href="#" class="imk-cue" data-seek="3:25" translate="no">00:03:25</a>)  Google Geminiを使ってですね、Geminiにプログラムを書いてもらうと。<br>
(<a href="#" class="imk-cue" data-seek="3:34" translate="no">00:03:34</a>)  いうことをして進めます。これが非常に賢いんでね。<br>
(<a href="#" class="imk-cue" data-seek="3:41" translate="no">00:03:41</a>)  こちらがその日本語で質問していけば、どんどん作ってくれるという代物でございます。<br>
(<a href="#" class="imk-cue" data-seek="3:49" translate="no">00:03:49</a>)  で、それに従ってですね、あのMacの中にフォルダを用意します。<br>
(<a href="#" class="imk-cue" data-seek="3:58" translate="no">00:03:58</a>)  フォルダとファイルを用意するということが必要になります。<br>
(<a href="#" class="imk-cue" data-seek="4:03" translate="no">00:04:03</a>)  mypuppet_systemっていうのを作ってですね、その中にavatar_module<br>
(<a href="#" class="imk-cue" data-seek="4:13" translate="no">00:04:13</a>)  その中にrun_puppet.py、これが動かすためのPythonプログラムです。<br>
(<a href="#" class="imk-cue" data-seek="4:20" translate="no">00:04:20</a>)  で、assets、これが動かす対象となる画像ですね、それが入ってます。<br>
(<a href="#" class="imk-cue" data-seek="4:30" translate="no">00:04:30</a>)  あとconfigのjsonが入ってます。assetsを開くと<br>
(<a href="#" class="imk-cue" data-seek="4:37" translate="no">00:04:37</a>)  目の動き用、口の動き用、体ですね、それとあと頭。<br>
(<a href="#" class="imk-cue" data-seek="4:49" translate="no">00:04:49</a>)  そういう形でですね、パーツごとに分けて作っていきます。<br>
(<a href="#" class="imk-cue" data-seek="4:55" translate="no">00:04:55</a>)  例えば目一つ見てみましょうか。ちょっと小さいですけどもね。<br>
(<a href="#" class="imk-cue" data-seek="5:02" translate="no">00:05:02</a>)  これはeye_up.png、上目遣いの目だけです。<br>
(<a href="#" class="imk-cue" data-seek="5:13" translate="no">00:05:13</a>)  こういうふうに作りますね。で、作ってもらったプログラムをですね、run_puppet.py<br>
(<a href="#" class="imk-cue" data-seek="5:22" translate="no">00:05:22</a>)  先ほどもちょっと出てきましたけども、そういう形で書き込みます。<br>
(<a href="#" class="imk-cue" data-seek="5:29" translate="no">00:05:29</a>)  で、それをですね、ターミナルですね、それをターミナルで実行するという形をとってます。<br>
(<a href="#" class="imk-cue" data-seek="5:43" translate="no">00:05:43</a>)  なかなか素晴らしい出来でして、ちょっと頭の動きが<br>
(<a href="#" class="imk-cue" data-seek="5:49" translate="no">00:05:49</a>)  少し動いたり動かなかったりってこともあるんですが、まあ大体問題なく動いてくれてると。<br>
(<a href="#" class="imk-cue" data-seek="5:59" translate="no">00:05:59</a>)  少し動き出すと、少し不安定な動きになるっていうのが今の課題です。<br>
(<a href="#" class="imk-cue" data-seek="6:07" translate="no">00:06:07</a>)  ええ、そんなところでですね、作り上げたパペットです。<br>
(<a href="#" class="imk-cue" data-seek="6:12" translate="no">00:06:12</a>)  まあいろんな形で使っていこうと思っております。<br>
(<a href="#" class="imk-cue" data-seek="6:18" translate="no">00:06:18</a>)  ええと、それではですね、まあ次にこのさっき作ったパペットですけれども<br>
(<a href="#" class="imk-cue" data-seek="6:29" translate="no">00:06:29</a>)  まあ実際に今このように動いてますが、これあのターミナルから起動するというのは<br>
(<a href="#" class="imk-cue" data-seek="6:38" translate="no">00:06:38</a>)  結構慣れないと面倒くさい話なんで、ちょっとやってみますとね。<br>
(<a href="#" class="imk-cue" data-seek="6:46" translate="no">00:06:46</a>)  こういうコマンドをですね、打ち込むんです。で、立ち上げると。<br>
(<a href="#" class="imk-cue" data-seek="6:56" translate="no">00:06:56</a>)  まあこんなような形で立ち上がって、それを使うという形になるわけですね。<br>
(<a href="#" class="imk-cue" data-seek="7:05" translate="no">00:07:05</a>)  これ今私が話してる声で連動してます。<br>
(<a href="#" class="imk-cue" data-seek="7:13" translate="no">00:07:13</a>)  まあところがこれは非常に難しい、厄介なんでですね、これは使いたくないわけですよ、みんな。<br>
(<a href="#" class="imk-cue" data-seek="7:22" translate="no">00:07:22</a>)  で、どういう方法をとるかというと、AppleのAutomatorというものを使ってですね<br>
(<a href="#" class="imk-cue" data-seek="7:30" translate="no">00:07:30</a>)  まあ簡単なプログラムを書き込むというふうなですね、作業をします。<br>
(<a href="#" class="imk-cue" data-seek="7:40" translate="no">00:07:40</a>)  こういうものですね。MacのAutomatorを立ち上げてですね<br>
(<a href="#" class="imk-cue" data-seek="7:48" translate="no">00:07:48</a>)  で、そこでシェルスクリプトを実行ってものを選択して、ここに収めます。<br>
(<a href="#" class="imk-cue" data-seek="7:57" translate="no">00:07:57</a>)  で、それでとっても短いプログラムですけども、こういうプログラムを書きます。<br>
(<a href="#" class="imk-cue" data-seek="8:05" translate="no">00:08:05</a>)  実はこれさっきですね、ターミナルに打ち込んだコマンドと全く同じなんですね。<br>
(<a href="#" class="imk-cue" data-seek="8:13" translate="no">00:08:13</a>)  それをここに書き込んで、アプリケーションとして登録するということをやります。<br>
(<a href="#" class="imk-cue" data-seek="8:23" translate="no">00:08:23</a>)  そうしますと、まあこういう、自作パペット起動.app、ってものができます。<br>
(<a href="#" class="imk-cue" data-seek="8:30" translate="no">00:08:30</a>)  で、この状態でですね、これをクリックします。<br>
(<a href="#" class="imk-cue" data-seek="8:37" translate="no">00:08:37</a>)  そうすると、実はここから立ち上がることができます。<br>
(<a href="#" class="imk-cue" data-seek="8:48" translate="no">00:08:48</a>)  この、自作パペット起動.app、をクリックして立ち上がった画面がこれになります。<br>
(<a href="#" class="imk-cue" data-seek="8:56" translate="no">00:08:56</a>)  このような方法でですね、アプリ化して起動させるというのが非常に楽な使い方になります。<br>
(<a href="#" class="imk-cue" data-seek="9:05" translate="no">00:09:05</a>)  以上、補足でした。<br>
</p> </details>
<style>
details { font: 16px "Open Sans", Calibri, sans-serif; width: 100%; }
details > summary { padding: 2px 6px; width: 100%; background-color: #ddd; border: none; box-shadow: 3px 3px 4px black; cursor: pointer; list-style: none; }
details > p { font: 14px "Open Sans", Calibri, sans-serif; height:150px; overflow: scroll; background-color: #EDF7FF; padding: 2px 6px; margin: 0; box-shadow: 3px 3px 4px black; }
</style>

  </div>

  <script src="https://player.vimeo.com/api/player.js"></script>

  <script>
  (function(){
    var me = document.currentScript;
    var wrapper = me ? me.closest('.sc-vimeo-embed') : null;

    var target = wrapper ? wrapper : document;
    var iframe = target.querySelector('iframe');
    if (!iframe || !window.Vimeo || !Vimeo.Player) return;

    var player = new Vimeo.Player(iframe);

    /* --- 1. 確実に一時停止してから別ページを開く処理 --- */
    window.stopVimeoBeforeNavigate = function(event, link) {
      event.preventDefault(); 
      player.pause().then(function() {
        setTimeout(function() {
           window.open(link.href, link.target);
        }, 50);
      }).catch(function() {
        window.open(link.href, link.target);
      });
    };

    /* --- 2. 字幕のON/OFF制御（Vimeo API仕様） --- */
    var currentMode = "hidden";
    
    function useNormalMode() {
        currentMode = "hidden";
        player.disableTextTrack().catch(function(e){});
    }
    
    function useSpecialMode() {
        currentMode = "showing";
        // 日本語の subtitles が無ければ captions を探す安全設計
        player.enableTextTrack('ja', 'subtitles').catch(function() {
            player.enableTextTrack('ja', 'captions').catch(function() {});
        });
    }

    // ロード直後は枠内字幕を非表示にする
    player.ready().then(function() {
        useNormalMode();
    });

    // Vimeoプレーヤーの全画面・PiPイベントを監視して字幕を切り替え
    player.on('fullscreenchange', function(data) {
        if (data.fullscreen) useSpecialMode();
        else useNormalMode();
    });
    player.on('enterpictureinpicture', function() {
        useSpecialMode();
    });
    player.on('leavepictureinpicture', function() {
        useNormalMode();
    });

    /* --- 3. 字幕リストの初期化（自動梱包とデフォルト展開） --- */
    var checks = 0;
    var initTimer = setInterval(function(){
        var listContainer = target.querySelector('details > p');
        if (listContainer) {
            initSubtitles(listContainer);
            clearInterval(initTimer);
        }
        checks++;
        if (checks > 20) clearInterval(initTimer); // 10秒経ったら監視終了
    }, 500);

    function initSubtitles(listContainer) {
        // デフォルトで開く
        var detailsEl = target.querySelector("details");
        if (detailsEl) {
            detailsEl.open = true; 
            var summaryEl = detailsEl.querySelector("summary");
            if (summaryEl) summaryEl.textContent = "字幕(シーン)はここをクリック";
        }

        // 行ごとに見えない箱(span)で梱包
        if (!listContainer.dataset.formatted) {
            var html = listContainer.innerHTML;
            var lines = html.split(/<br\s*\/?>/i);
            var newHtml = "";
            for(var j=0; j<lines.length; j++) {
                if(lines[j].trim() === "") continue;
                newHtml += "<span class='imk-line'>" + lines[j] + "</span><br>";
            }
            listContainer.innerHTML = newHtml;
            listContainer.dataset.formatted = "true";
        }
    }

    /* --- 4. クリックシーク機能 --- */
    function parseTs(ts) {
      if (!ts) return null;
      var t = ts.trim();
      var parts = t.split(':').map(function(v){ return parseInt(v, 10); });
      if (parts.length === 2 && parts.every(Number.isFinite)) {
        return parts[0] * 60 + parts[1];
      } else if (parts.length === 3 && parts.every(Number.isFinite)) {
        return parts[0] * 3600 + parts[1] * 60 + parts[2];
      }
      return null;
    }

    target.addEventListener('click', function(e) {
      var a = e.target.closest('a.imk-cue');
      if (!a) return;
      e.preventDefault();
      var sec = null;
      if (a.dataset.seconds) {
        sec = Number(a.dataset.seconds);
      } else if (a.dataset.seek) {
        sec = parseTs(a.dataset.seek);
      }
      if (sec !== null && Number.isFinite(sec)) {
        player.setCurrentTime(sec).then(function(){ player.play(); }).catch(function(){});
      }
    });

    /* --- 5. 同期ハイライトと自動スクロール --- */
    player.on('timeupdate', function(data) {
      // Vimeoプレーヤーが勝手に字幕を出していたら隠す（最強ガード）
      player.getTextTracks().then(function(tracks) {
          var activeTrack = tracks.find(function(t){ return t.mode === 'showing'; });
          if (currentMode === "hidden" && activeTrack) {
              useNormalMode();
          }
      }).catch(function(){});

      var currentTime = data.seconds;
      var listContainer = target.querySelector('details > p');
      if (!listContainer) return;

      var cues = listContainer.querySelectorAll('a.imk-cue');
      if (cues.length === 0) return;

      var activeA = null;
      for (var i = 0; i < cues.length; i++) {
        var sec = null;
        if (cues[i].dataset.seconds) {
            sec = Number(cues[i].dataset.seconds);
        } else if (cues[i].dataset.seek) {
            sec = parseTs(cues[i].getAttribute('data-seek'));
        }
        if (sec !== null && currentTime >= sec - 0.5) {
          activeA = cues[i];
        } else if (sec > currentTime) {
          break;
        }
      }

      if (activeA) {
          var activeLine = activeA.closest(".imk-line");
          if (!activeLine) activeLine = activeA;

          if (activeLine.classList.contains("active-hl")) return;

          // 全行の色を徹底的にリセット
          var allLines = listContainer.querySelectorAll(".imk-line");
          for(var k=0; k<allLines.length; k++) {
              allLines[k].classList.remove("active-hl");
              allLines[k].removeAttribute("style");
          }
          var allLinks = listContainer.querySelectorAll("a");
          for(var m=0; m<allLinks.length; m++) {
              allLinks[m].classList.remove("active-hl");
              allLinks[m].removeAttribute("style");
          }

          // 新しい行に赤文字・黄色背景を直接塗る
          activeLine.classList.add("active-hl");
          activeLine.style.setProperty("background-color", "#ffff00", "important");
          activeLine.style.setProperty("color", "red", "important");
          activeLine.style.setProperty("font-weight", "normal", "important");
          
          var newLinks = activeLine.querySelectorAll("a");
          for(var n=0; n<newLinks.length; n++) {
              newLinks[n].style.setProperty("color", "red", "important");
              newLinks[n].style.setProperty("text-decoration", "none", "important");
          }

          // スクロール処理
          if (listContainer.offsetParent !== null) {
              var containerRect = listContainer.getBoundingClientRect();
              var activeRect = activeLine.getBoundingClientRect();
              var targetScroll = listContainer.scrollTop + (activeRect.top - containerRect.top) - (listContainer.clientHeight / 2) + (activeLine.clientHeight / 2);
              listContainer.scrollTo({
                  top: targetScroll,
                  behavior: "smooth"
              });
          }
      }
    });
  })();
  </script>

  <style>
  .sc-vimeo-embed .iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: visible;
  }
  .sc-vimeo-embed .iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  /* 行梱包時の基本スタイル（干渉防止のためクラス内で指定） */
  .sc-vimeo-embed .imk-line {
      display: inline-block;
      width: 100%;
      border-radius: 2px;
      transition: background-color 0.1s;
  }

  /* ▼ 字幕一覧（details）の見た目調整 */
  .sc-vimeo-embed details > p {
    font-size: 14px !important;
    line-height: 1.6;
    height: 200px !important; 
    overflow: auto;
    background-color: #EDF7FF;
    padding: 2px 6px;
    margin: 0;
    box-shadow: 3px 3px 4px black;
    position: relative; 
  }
  .sc-vimeo-embed details > summary {
    font-size: 14px !important;
    padding: 2px 6px;
    width: 100%;
    background-color: #ddd;
    border: none;
    box-shadow: 3px 3px 4px black;
    cursor: pointer;
    list-style: none;
  }
  </style>
</div>



<div class="wp-block-cocoon-blocks-toggle-box-1 toggle-wrap toggle-box block-box not-nested-style cocoon-block-toggle"><input id="toggle-checkbox-202604031856310" class="toggle-checkbox" type="checkbox"/><label class="toggle-button" for="toggle-checkbox-202604031856310"><strong><span class="marker">コードと要約</span><span class="marker">(クリック)</span></strong></label><div class="toggle-content">
<figure class="wp-block-flexible-table-block-table"><table class="has-fixed-layout"><tbody><tr><td>自作パペット_py.pub.txt<br>要約：<br>このPythonスクリプトは、Pygame、OpenCV、MediaPipeを用いて、ウェブカメラとマイクからの入力に基づきリアルタイムでアニメーションするアバター（パペット）システムを実装しています。主な機能は、検出された顔の傾き、視線の方向、口の開閉をアバターの頭の傾き、目の動き、口の形に反映させることです。マイクからの音声レベルやカメラでの口の開閉もアバターの口の動きに連動します。<br>新たに<code>json</code>ファイルを利用して顔認識のキャリブレーション設定（顔の基準角度や目の位置）を自動的にロード・セーブする機能があります。これにより、システム起動時に前回の設定が適用され、ユーザーは<code>SPACE</code>キーで現在の顔を新たな基準として保存できます。画面左上にはカメラ映像の一部と、システムのトラッキング状態（WAITING, READY, TRACKING）が表示されます。このシステムは、特定のディレクトリでPython仮想環境を有効化した後、付属のシェルスクリプトによって実行されるように設計されています。</td></tr><tr><td><a href="https://imakat.com/script_list/?pubtxt=自作パペット_py_pub.txt" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=zrU95MiY.png" alt="" style="width:120px; height:auto;"></a></td></tr><tr><td>公開スクリプトに関するお問い合わせは以下へ↓</td></tr><tr><td><a rel="noopener" target="_blank" href="https://gemini.google.com/gem/1Dp-NLSA5j5OXE3B1Ki2IaBRCvq4CGa6t?usp=sharing"><img decoding="async" src="https://imakat.com/rd.php?id=s7BMZHhB.png" alt="" style="width:120px; height:auto;"></a></td></tr></tbody></table></figure>
</div></div>



<h4 class="wp-block-heading"><strong>なぜパペットを自作しようと思ったのか？</strong></h4>



<p>最大の理由は**「コスト」**です。<br>Adobeの素晴らしいパペットを使うためには、当然ながらAdobeのサブスクリプションに加入する必要があります。一番安いプランの組み合わせでも、月額1,200円ほどかかってしまいます。<br>「このキャラクターを使うためだけに、毎月課金し続けるのはどうなんだろう？」と悩んでいました。今は生成AI（画像生成AIやテキスト生成AI）がこれだけ発達し、メディアの加工やプログラムの作成まで何でもできる時代です。「それなら、AIの力を借りて自分で作ってしまおう！」と思い立ったのがきっかけです。</p>



<h4 class="wp-block-heading"><strong>新キャラクター「いまかっちゃん（仮）？」</strong></h4>



<p>というわけで、完全自前で作り上げたのがこちらのパペットです。（※名前は暫定で「いまかっちゃん」と思いつきましたが、ちょっと変な感じもしています。）<br>Adobeのパペットと比べてしまうと多少見劣りする部分はありますが、動画用としては十分な機能を持っています。<br><strong>音声連動：</strong> 私が話す声に連動して口がパクパクと動きます。<br><strong>目の動き：</strong> 上目遣いなど、視線も動きます。<br><strong>首の動き：</strong> 多少ですが顔の向きも変わります。（※現状、少し不安定な動きになることがあり、今後の課題です）<br>動画を作る上での「使い物」にはなんとか仕上がったかなと、個人的には割り切って満足しています。</p>



<h4 class="wp-block-heading"><strong>Google Geminiに丸投げ！？</strong></h4>



<p>「どうやって作ったの？」と疑問に思うかもしれませんが、実はプログラミングの大部分は**AI（Google Gemini）**にお願いしました。<br><strong>Geminiに質問する：</strong> 日本語で「こういう動きをするプログラムを書いて」と質問し、Pythonのコードを書いてもらいます。Geminiは非常に賢く、どんどんコードを生成してくれました。<br><strong>パーツ画像の用意：</strong> 目（上・下・右・左）、口（開・閉）、体、頭など、パーツごとに細かく分けた画像（PNG形式）を用意します。<br><strong>フォルダ構成：</strong> Macの中に専用フォルダ（mypuppet_systemなど）を作り、Pythonの実行ファイル（run_puppet.py）と、先ほどの画像パーツ群（assetsフォルダ）を格納して連動させました。</p>



<h4 class="wp-block-heading"><strong>Mac「Automator」で起動を劇的にラクにする方法</strong></h4>



<p>自作プログラムの弱点として、「毎回ターミナル（黒い画面）を開いてコマンドを打ち込まないと起動しない」という厄介な問題がありました。これでは面倒ですよね。<br>そこで、Mac標準アプリの**「Automator」**を使って、ワンクリックで起動できるように一工夫しました。<br><strong>手順：</strong> Automatorを立ち上げ、「シェルスクリプトを実行」を選択。そこにターミナルで打ち込んでいた短いコマンドをコピペするだけ。<br><strong>アプリ化：</strong> これをアプリケーションとして保存すれば、**「自作パペット起動.app」**の完成です！<br>これからは、このアプリアイコンをダブルクリックするだけで、サクッとパペットを呼び出せるようになりました。</p>



<h4 class="wp-block-heading">OBSへのパペット設定</h4>



<p>OBSへのパペットの組み込みですが、OBSのソース→ウインドウキャプチャ、この中から、パペットのあるウインドウを選択します。</p>



<figure class="wp-block-image size-large"><a href="https://imakat.com/rd.php?id=PeocProJ.png" target="_blank"><img decoding="async" src="https://imakat.com/rd.php?id=PeocProJ.png" alt=""/></a></figure>



<p>STREAM DECKがあると便利です。マルチアクションにて、OBS.app→自作パペット起動.app、と設定すればラクです。</p>



<h4 class="wp-block-heading">さてと。。</h4>



<p>その後の改善として、Pixelmator Proとの連携を作っています。形になったら紹介します。<br>生成AIを活用すれば、プログラミングの深い知識がなくても、日常の「ちょっと不便」「コストを削りたい」を解決できるツールが作れてしまいますよね。便利な時代になりました。<br><br></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">28692</post-id>	</item>
	</channel>
</rss>
