Skip to content

yuanzhongqiao/hexapod

BranchesTags
 
 

Repository files navigation

构建状态 代码气候 技术债务 编码 代码风格：更漂亮 请我喝咖啡

Mithi 的最低限度六足机器人模拟器 2

绘画 

    <span data-target="animated-image.imageContainer">
        <img data-target="animated-image.replacedImage" alt="绘画" class="AnimatedImagePlayer-animatedImage" src="https://camo.githubusercontent.com/a27edb31e7a79f10f31f87d29c11d1ec958a04ad469636bbd8128148d83088fc/68747470733a2f2f6d697468692e6769746875622e696f2f726f626f746963732d626c6f672f73686f772d6f66662e676966" style="display: block; opacity: 1;">
      <canvas class="AnimatedImagePlayer-stillImage" aria-hidden="true" width="400" height="209"></canvas></span></a>
    <button data-target="animated-image.imageButton" class="AnimatedImagePlayer-images" tabindex="-1" aria-label="玩画画" hidden=""></button>
    <span class="AnimatedImagePlayer-controls" data-target="animated-image.controls" hidden="">
      <button data-target="animated-image.playButton" class="AnimatedImagePlayer-button" aria-label="玩画画">
        <svg aria-hidden="true" focusable="false" class="octicon icon-play" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M4 13.5427V2.45734C4 1.82607 4.69692 1.4435 5.2295 1.78241L13.9394 7.32507C14.4334 7.63943 14.4334 8.36057 13.9394 8.67493L5.2295 14.2176C4.69692 14.5565 4 14.1739 4 13.5427Z">
        </path></svg>
        <svg aria-hidden="true" focusable="false" class="octicon icon-pause" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
          <rect x="4" y="2" width="3" height="12" rx="1"></rect>
          <rect x="9" y="2" width="3" height="12" rx="1"></rect>
        </svg>
      </button>
      <a data-target="animated-image.openButton" aria-label="在新窗口中打开绘图" class="AnimatedImagePlayer-button" href="https://camo.githubusercontent.com/a27edb31e7a79f10f31f87d29c11d1ec958a04ad469636bbd8128148d83088fc/68747470733a2f2f6d697468692e6769746875622e696f2f726f626f746963732d626c6f672f73686f772d6f66662e676966" target="_blank">
        <svg aria-hidden="true" class="octicon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
          <path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path>
        </svg>
      </a>
    </span>
  </span></animated-image>

您可以使用此 Web 应用程序解决逆运动学问题、模拟各种步态等。您还可以实时查看机器人的 18 个关节在任何特定姿势下形成的所有角度。所有计算都在您的浏览器中完成，无需从其他地方获取数据，因此速度应该很快。另一个（有点）很酷的事情是，这个应用程序不依赖于任何外部数学库；它只使用 Javascript 的内置数学对象。

考虑给我买几杯咖啡☕☕☕来激励我构建其他与机器人相关的可视化工具。（四旋翼飞行器？！）

特征

绘画 

    <span data-target="animated-image.imageContainer">
        <img data-target="animated-image.replacedImage" alt="绘画" class="AnimatedImagePlayer-animatedImage" src="https://camo.githubusercontent.com/4151f4ba6725b81896360187401ce3c9d2d834d8a412d1dcf7b8b759421fc41b/68747470733a2f2f6d697468692e6769746875622e696f2f726f626f746963732d626c6f672f73686f772d6f66662d76322d312e676966" style="display: block; opacity: 1;">
      <canvas class="AnimatedImagePlayer-stillImage" aria-hidden="true" width="325" height="401"></canvas></span></a>
    <button data-target="animated-image.imageButton" class="AnimatedImagePlayer-images" tabindex="-1" aria-label="玩画画" hidden=""></button>
    <span class="AnimatedImagePlayer-controls" data-target="animated-image.controls" hidden="">
      <button data-target="animated-image.playButton" class="AnimatedImagePlayer-button" aria-label="玩画画">
        <svg aria-hidden="true" focusable="false" class="octicon icon-play" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M4 13.5427V2.45734C4 1.82607 4.69692 1.4435 5.2295 1.78241L13.9394 7.32507C14.4334 7.63943 14.4334 8.36057 13.9394 8.67493L5.2295 14.2176C4.69692 14.5565 4 14.1739 4 13.5427Z">
        </path></svg>
        <svg aria-hidden="true" focusable="false" class="octicon icon-pause" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
          <rect x="4" y="2" width="3" height="12" rx="1"></rect>
          <rect x="9" y="2" width="3" height="12" rx="1"></rect>
        </svg>
      </button>
      <a data-target="animated-image.openButton" aria-label="在新窗口中打开绘图" class="AnimatedImagePlayer-button" href="https://camo.githubusercontent.com/4151f4ba6725b81896360187401ce3c9d2d834d8a412d1dcf7b8b759421fc41b/68747470733a2f2f6d697468692e6769746875622e696f2f726f626f746963732d626c6f672f73686f772d6f66662d76322d312e676966" target="_blank">
        <svg aria-hidden="true" class="octicon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
          <path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path>
        </svg>
      </a>
    </span>
  </span></animated-image></p>

🎉 控制

  • 机器人的尺寸
  • 机器人的 3D 方向、平移、姿态等

🎉 解决

  • 逆运动学
  • 正向运动学

🎉 模拟

  • 波纹步态和三脚架步态变化
  • 向前和向后行走
  • 顺时针和逆时针旋转

🤖🐳☕ ​ ​

相关事物

如果您想使用 Node 构建自己的用户界面，您可以单独下载该算法包：六足运动学库。还有一个经过修改的“分支”，您可以在其中使用该应用程序来控制物理六足机器人，如下面的 gif 所示。

    <span data-target="animated-image.imageContainer">
        <img data-target="animated-image.replacedImage" alt="103467849-46981980-4d8e-11eb-911e-7cb63282c0c2.gif" class="AnimatedImagePlayer-animatedImage" src="https://user-images.githubusercontent.com/1670421/103467849-46981980-4d8e-11eb-911e-7cb63282c0c2.gif" style="display: block; opacity: 1;">
      <canvas class="AnimatedImagePlayer-stillImage" aria-hidden="true" width="320" height="180"></canvas></span></a>
    <button data-target="animated-image.imageButton" class="AnimatedImagePlayer-images" tabindex="-1" aria-label="播放 103467849-46981980-4d8e-11eb-911e-7cb63282c0c2.gif" hidden=""></button>
    <span class="AnimatedImagePlayer-controls" data-target="animated-image.controls" hidden="">
      <button data-target="animated-image.playButton" class="AnimatedImagePlayer-button" aria-label="播放 103467849-46981980-4d8e-11eb-911e-7cb63282c0c2.gif">
        <svg aria-hidden="true" focusable="false" class="octicon icon-play" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M4 13.5427V2.45734C4 1.82607 4.69692 1.4435 5.2295 1.78241L13.9394 7.32507C14.4334 7.63943 14.4334 8.36057 13.9394 8.67493L5.2295 14.2176C4.69692 14.5565 4 14.1739 4 13.5427Z">
        </path></svg>
        <svg aria-hidden="true" focusable="false" class="octicon icon-pause" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
          <rect x="4" y="2" width="3" height="12" rx="1"></rect>
          <rect x="9" y="2" width="3" height="12" rx="1"></rect>
        </svg>
      </button>
      <a data-target="animated-image.openButton" aria-label="在新窗口中打开 103467849-46981980-4d8e-11eb-911e-7cb63282c0c2.gif" class="AnimatedImagePlayer-button" href="https://user-images.githubusercontent.com/1670421/103467849-46981980-4d8e-11eb-911e-7cb63282c0c2.gif" target="_blank">
        <svg aria-hidden="true" class="octicon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
          <path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path>
        </svg>
      </a>
    </span>
  </span></animated-image></th>

    <span data-target="animated-image.imageContainer">
        <img data-target="animated-image.replacedImage" alt="103467765-451a2180-4d8d-11eb-8f94-1a23201595b9.gif" class="AnimatedImagePlayer-animatedImage" src="https://user-images.githubusercontent.com/1670421/103467765-451a2180-4d8d-11eb-8f94-1a23201595b9.gif" style="display: block; opacity: 1;">
      <canvas class="AnimatedImagePlayer-stillImage" aria-hidden="true" width="300" height="169"></canvas></span></a>
    <button data-target="animated-image.imageButton" class="AnimatedImagePlayer-images" tabindex="-1" aria-label="播放 103467765-451a2180-4d8d-11eb-8f94-1a23201595b9.gif" hidden=""></button>
    <span class="AnimatedImagePlayer-controls" data-target="animated-image.controls" hidden="">
      <button data-target="animated-image.playButton" class="AnimatedImagePlayer-button" aria-label="播放 103467765-451a2180-4d8d-11eb-8f94-1a23201595b9.gif">
        <svg aria-hidden="true" focusable="false" class="octicon icon-play" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M4 13.5427V2.45734C4 1.82607 4.69692 1.4435 5.2295 1.78241L13.9394 7.32507C14.4334 7.63943 14.4334 8.36057 13.9394 8.67493L5.2295 14.2176C4.69692 14.5565 4 14.1739 4 13.5427Z">
        </path></svg>
        <svg aria-hidden="true" focusable="false" class="octicon icon-pause" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
          <rect x="4" y="2" width="3" height="12" rx="1"></rect>
          <rect x="9" y="2" width="3" height="12" rx="1"></rect>
        </svg>
      </button>
      <a data-target="animated-image.openButton" aria-label="在新窗口中打开 103467765-451a2180-4d8d-11eb-8f94-1a23201595b9.gif" class="AnimatedImagePlayer-button" href="https://user-images.githubusercontent.com/1670421/103467765-451a2180-4d8d-11eb-8f94-1a23201595b9.gif" target="_blank">
        <svg aria-hidden="true" class="octicon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
          <path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path>
        </svg>
      </a>
    </span>
  </span></animated-image></th>
行走步态 运动学

主要贡献者欢迎 PR！

任何有助于改进源代码的贡献都会受到赞赏。请参阅贡献指南。如果我多次合并了您的 PR，或者您以其他方式对此项目做出了重大贡献，我会将您的名字写在下面。

我喜欢徽章！（我们不是都喜欢吗？）

执照 代码气候问题 最后提交 每月提交 顶级语言 代码文件大小 回购规模 代码库空白计数 代码基线行数 文件数 代码库中的注释行数 代码行 点击次数

About

用于网络的超快六足机器人模拟器。

hexapod.netlify.app

Resources

Readme

License

Apache-2.0 license

Code of conduct

Code of conduct
Activity

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 94.7%
  • CSS 4.3%
  • Other 1.0%