Giter Site home page Giter Site logo

lazycushion / beziercurvepathcreater Goto Github PK

View Code? Open in Web Editor NEW

This project forked from csdjk/beziercurvepathcreater

0.0 1.0 0.0 440 KB

用于创建贝塞尔曲线路径,可匀速运动 - 基于CocosCreator_2.2.2 - Used to create a Bezier curve path with uniform motion Based on CocosCreator_2.2.2

JavaScript 98.49% CSS 0.63% HTML 0.88%

beziercurvepathcreater's Introduction

BezierCurvePathCreater

用于创建贝塞尔曲线路径,可匀速运动 - Used to create a Bezier curve path with uniform motion

更新日志:

2020.2.7:

  • 新添加三阶贝塞尔曲线
  • 平滑度自定义

该工程基于cocos creator 2.2.2版本!

在线演示地址(可以直接在上面规划好后导出json文件)

下面来简单演示一下该工程:
在这里插入图片描述 在这里插入图片描述

目前支持二阶和三阶贝塞尔曲线绘制匀速运动导出路径的JSON数据, 在项目中可以直接读取json文件,里面存储了许多连续的曲线点,直接拿来用即可。 可以根据不同的需求来达到想要的效果。

匀速运动实现思路很简单,其实就是利用了微积分**,把曲线分割成许多份,每一份此时就可以看作直线运动了!

需要注意的是,该项目分辨率是1920*1080的,在不同的项目中使用可能需要转换下坐标!

导出的json数据格式如下图:
在这里插入图片描述

如果你们有什么好的建议,或者发现了bug可以到这里留言告诉我,我会尽力去完善它。
如果觉得好用的朋友希望能点个赞,关注一下哟,你们的每一个star都是对我最大的鼓励和动力!

该项目是我业余时间弄出来的,如果对你们有所帮助的话可以小小的支持一下我哟! 我也会更加的有动力持续更新下去...

在这里插入图片描述 在这里插入图片描述

beziercurvepathcreater's People

Contributors

csdjk avatar

Watchers

 avatar

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.