All Projects → csdjk → Beziercurvepathcreater

csdjk / Beziercurvepathcreater

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

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

Projects that are alternatives of or similar to Beziercurvepathcreater

Macsvg
macSVG - An open-source macOS app for designing HTML5 SVG (Scalable Vector Graphics) art and animation with a WebKit web view ➤➤➤
Stars: ✭ 789 (+506.92%)
Mutual labels:  bezier
Tweenkit
Animation library for iOS in Swift
Stars: ✭ 1,146 (+781.54%)
Mutual labels:  bezier
Bezierpath
Bezier path triangulation with Delaunay algorithm.
Stars: ✭ 88 (-32.31%)
Mutual labels:  bezier
Moto.js
A light motion library with curvilinear support.
Stars: ✭ 24 (-81.54%)
Mutual labels:  bezier
Mgs Skinnedmesh
Unity plugin for create flexible hose in scene.
Stars: ✭ 58 (-55.38%)
Mutual labels:  bezier
Bezierpath Length
A simple API to get the length of a CGPath, UIBezierPath or NSBezierPath, written in Swift.
Stars: ✭ 78 (-40%)
Mutual labels:  bezier
Computational Geometry
Computational Geometry Unity library with implementations of intersection algorithms, triangulations like delaunay, voronoi diagrams, polygon clipping, bezier curves, ear clipping, convex hulls, mesh simplification, etc
Stars: ✭ 325 (+150%)
Mutual labels:  bezier
Bezier Easing
cubic-bezier implementation for your JavaScript animation easings – MIT License
Stars: ✭ 1,333 (+925.38%)
Mutual labels:  bezier
Korma
Mathematics library focused on geometry for Multiplatform Kotlin 1.3
Stars: ✭ 65 (-50%)
Mutual labels:  bezier
Diagram Vue
A editable SVG-based diagram component for Vue
Stars: ✭ 86 (-33.85%)
Mutual labels:  bezier
Scenekit Bezier Animations
Create animations over Bezier curves of any number of points
Stars: ✭ 35 (-73.08%)
Mutual labels:  bezier
Cpp Spline
Package provides C++ implementation of spline interpolation
Stars: ✭ 54 (-58.46%)
Mutual labels:  bezier
Waveview
🏄 WaveView 一个水波纹动画控件视图,支持波纹数,波纹振幅,波纹颜色,渐变色,波纹速度,波纹方向等属性完全可配。
Stars: ✭ 81 (-37.69%)
Mutual labels:  bezier
Cglm
📽 Highly Optimized Graphics Math (glm) for C
Stars: ✭ 887 (+582.31%)
Mutual labels:  bezier
Beziermaker
🔥 通过de Casteljau算法绘制贝塞尔曲线,并计算它的切线,实现1-7阶贝塞尔曲线的形成动画。
Stars: ✭ 1,325 (+919.23%)
Mutual labels:  bezier
Contourview
🦄 利用本库绘制出贝塞尔曲线魔炫背景。Customize view:Draw the magic dazzle background with Bézier.
Stars: ✭ 542 (+316.92%)
Mutual labels:  bezier
Maker.js
📐⚙ 2D vector line drawing and shape modeling for CNC and laser cutters.
Stars: ✭ 1,185 (+811.54%)
Mutual labels:  bezier
Micro Racing
🚗 🏎️ 🎮 online 3D multiplayer neural networks based racing game
Stars: ✭ 100 (-23.08%)
Mutual labels:  bezier
Shapes
📐 Net standard geometry/shape manipulation library, can be used to merge / split shapes
Stars: ✭ 95 (-26.92%)
Mutual labels:  bezier
Curvejs
Made curve a dancer in HTML5 canvas - 魔幻线条
Stars: ✭ 1,251 (+862.31%)
Mutual labels:  bezier

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都是对我最大的鼓励和动力!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].