1. <strong id="7actg"></strong>
    2. <table id="7actg"></table>

    3. <address id="7actg"></address>
      <address id="7actg"></address>
      1. <object id="7actg"><tt id="7actg"></tt></object>

        當你無聊時,可以玩玩 GitHub 上這個開源項目...

        共 2086字,需瀏覽 5分鐘

         ·

        2020-05-31 23:21

        點擊關注上方“杰哥的IT之旅”,
        后臺回復“Python自動化”獲取精心整理的PDF。

        f56f733a00582bfe88087bd0ff9609af.webp

        轉自機器之心


        據說,無聊是創(chuàng)造力的源泉。
        最近,一個名為「Pose Animator」的項目人氣暴增,打開以后,我們發(fā)現(xiàn)這又是一個能讓人自娛自樂,并且絲毫察覺不到時間流逝的神奇工具。

        544290fb8a86424c0fc408044b9b41c7.webp


        短短三天內,這個項目就在 GitHub 上獲得了 1.9k 的 Star 量,在推特上也獲得了 3.4k 的點贊。

        44616365a7cc00c0ba54dfb7bd71e17a.webp


        除了這個偏分劉海的紅衣少女,你還可以選擇把自己變成小浣熊或者貓頭鷹:

        7e86a3fbacdbb4aa225a17930b2f55d5.webp

        f109495e150e9a10b125543c69a14d15.webp


        當然,性別也是可以選擇的,在這一欄選擇「boy」就能切換到精神小伙了。

        310acbce77e9dcf801404750d452ec95.webp


        或許是在家無聊,一些網友也開始了瘋狂的演示(如何換裝本文第二部分有介紹):

        13e06465273bcd115e9a82b183bada33.webp

        倒不失為一個放松身心的好方法。

        有人說,不如把這個與 v2loopback 結合一下,用在 Zoom 里,想必那些冗長的會議也沒有那么難熬了……

        57af01e58b030504d0586d7099483fd8.webp


        項目地址:https://github.com/yemount/pose-animator/
        Pose Animator 是什么?
        項目作者是一位叫做 Shan Huang 的小姐姐,她畢業(yè)于 CMU,現(xiàn)在是谷歌的 Creative Technologist。

        93693d8468af0a9570f147dabf7fc28a.webp


        簡單來說 Pose Animator 會使用拍攝的 2D 矢量圖,并基于 PoseNet 和 FaceMesh 的識別結果,實時對結果及包含的曲線進行動畫處理。Pose Animator 從計算機圖形學中借鑒了「基于骨骼」的動畫思想,并將其應用于矢量字符。

        4c292e9a09ccda30b780e86e3d294fb6.webp

        ce0734aa78dd08360c42602343f59eb6.webp


        在此骨骼動畫里,通常展現(xiàn)的任務角色由兩部分組成:
        • 用于繪制該角色的曲面

        • 一組分層且相互連接的「骨頭」,其用途是使得曲面能夠移動,同時也可活躍起來。


        在 Pose Animator 中,曲面是由 SVG 文件中的 2D 矢量路徑所定義。對于「骨骼」結構而言,Pose Animator 提供了預設定的骨骼層次表示形式,該表現(xiàn)形式同時也是基于 PoseNet 和 FaceMesh 的關鍵點而進行設計的。在輸入的 SVG 文件中以及字符插圖中指定了此骨骼結構的初始姿勢,同時通過 ML 模型的識別結果來更新實時骨骼位置。

        感興趣的讀者可以通過以下兩個一靜一動的 Demo 進行體驗:
        • 動態(tài):https://pose-animator-demo.firebaseapp.com/camera.html

        • 靜態(tài):https://pose-animator-demo.firebaseapp.com/static_image.html


        如何運行?
        安裝依賴項同時準備構建目錄:
        yarn

        查看文件更改,并啟動開發(fā)服務器:

        yarn?watch
        值得一提的是,Chrome 以及 IOS Safari 都支持上述 Demos,Android 上的 Chrome 雖然還未測試過,但項目開發(fā)者表示應該也同樣支持。
        如何使得自己的設計具有動畫效果?
        所需工作并不復雜,下列新人教程可以說是非常友好,短短幾步即可完成。首先,你需要下載示例骨架 SVG 工具,同時需要在矢量圖形編輯器中創(chuàng)建一個新文件,并將上述下載中名為「骨架」(skeleton)復制進你所創(chuàng)建的文件中。

        ae85f40a4fbfc235e04d2c5a5355e92b.webp


        不建議在此文件組上有添加、移除或是重命名等修改,PoseAnimator 會依賴這些原始命名路徑從而讀取「skeleton」的初始位置,修改會很容易導致報錯。
        接下來,在「skeleton」文件組旁創(chuàng)建新的文件組,并將其命名為「illustration」,可以在此文件組中放置任一插圖的完整路徑。展開所有子文件組,確認「illustration」中僅包含路徑元素,但目前并不支持復合路徑。其文件結構圖應該如下圖所示:
        ? ? [Layer 1]? ? |---- skeleton? ? |---- illustration? ? ? ? ? |---- path 1? ? ? ? ? |---- path 2? ? ? ? ? |---- path 3

        通過移動節(jié)點將「skeleton」組中的示例「skeleton」嵌入至「illustration」中,進而導出 SVG 文件。之后打開 Pose Animator 相機 Demo(上述 Demo 鏈接),將 SVG 文件拖放至瀏覽器選項中就能順利實現(xiàn)。詳情可參照 GitHub 項目地址。?

        41512baf1a95081a3393cf27d960113a.webp


        本公眾號全部博文已整理成一個目錄,請在公眾號后臺回復「m」獲??!
        推薦閱讀:1、我花了一周的時間,就為了整理這份 97 頁的 Python 自動化系列文檔?!靖将@取方式】
        2、這個開源神器可快速幫你安裝 MacOS 虛擬機!
        3、Linux 終端下記不住命令的使用方法?這個開源項目幫你解決。
        4、這款 GitHub 標星 21.1K+ 全能下載工具被我找到了!
        5、不懂送女朋友什么牌子的口紅?沒關系!Python 數(shù)據分析告訴你。
        6、精心整理的 52 頁 Python 操作 excel、word、pdf 文件【附獲取方式】關注微信公眾號『杰哥的IT之旅』,后臺回復“1024”查看更多內容,回復“微信”添加我微信。
        好文和朋友一起看~
        瀏覽 25
        點贊
        評論
        收藏
        分享

        手機掃一掃分享

        分享
        舉報
        評論
        圖片
        表情
        推薦
        點贊
        評論
        收藏
        分享

        手機掃一掃分享

        分享
        舉報
        1. <strong id="7actg"></strong>
        2. <table id="7actg"></table>

        3. <address id="7actg"></address>
          <address id="7actg"></address>
          1. <object id="7actg"><tt id="7actg"></tt></object>
            免费国产黄片 | 少妇高潮a8198v在线观看 | 亚洲无码成人高清 | 上海少妇和黑人老外做爰偷拍小说 | 国产精品视频热久9 | 国产又黄又猛又粗又爽电影的起源 | 朱珠大尺度做爰未删减 | 最新国产在线 | 超h高h污肉校园np | 国产AV天堂 |