Git Product home page Git Product logo

kinematics_p5js's Introduction

kinematics_p5js

Drawing beautiful curves using kinematics.

利用动力学里面机械臂的运动绘制漂亮的曲线。

  • 代码架构
  • 原理解析

代码架构

  • home.html 浏览器打开的主页
  • kinematics.js 动力学特效的代码
  • multi_kinematics.js 画布上有多处动力学特效曲线的代码

原理解析

利用动力学特效来生成曲线是很常见的，比如本实验中的机械臂运动，模拟机械臂绕固定点进行旋转运动。下面是很形象的解释图：


从图中看出，这是一个由三条机械臂组成的机械臂动力系统，点O是支撑点，三条机械臂分别是OA,AB和BC，三条机械臂与水平方向形成了夹角angle1,angle2和angle3，这三个角度随着时间的变化而增大或减小，那么机械臂就会绕着顺时针或逆时针方向进行旋转，那么点A，B和C留下的轨迹即是非常漂亮的曲线。
在这里面机械臂长度，角度改变方向和角度改变大小等等都是可以调整的参数，会生成不同形状的曲线。下面给出一个绘制的过程图：

kinematics_p5js's People

Contributors

lxcnju avatar

Stargazers

avatar avatar

Watchers

James Cloos avatar

Forkers

bennyfoo

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.