vue 做 左侧菜单栏,wrapper 为父级,弹出时显示并从左侧做滑入动画,transform: translateX(-250px); 渐隐渐现。子级左右布局左侧60%,右侧40%,点击滑出菜单且隐藏 给a标签hover效果 添加 下划线 过渡动画 ...
分类:
移动开发 时间:
2017-12-05 21:50:04
阅读次数:
154
前言:刚从Python转到U3D时,第一个项目涉及到画线,刚开始想那还不简单吗,不就是获取位置后着色吗,H5中的Canvas就能实现,当我看了Unity的文档后一脸懵逼,居然没有相关的方法。没办法只能在网上找,涉及到画线的很多,各种坑。 Unity画线最简单的实现方法LineRender组件: Li ...
分类:
编程语言 时间:
2017-12-03 13:56:46
阅读次数:
1493
贝赛尔曲线算法的原理:http://www.html-js.com/article/1628 试玩:http://myst729.github.io/bezier-curve/ Bézier curve(贝塞尔曲线)是应用于二维图形应用程序的数学曲线。 曲线定义:起始点、终止点(也称锚点)、控制点。 ...
分类:
其他好文 时间:
2017-11-20 13:10:08
阅读次数:
211
canvas是HTML5的新标签,一般称为“画布”,通过js代码在这个“画布”上制作各种各样的图形、绚丽的效果等等。现在开始一步一步了解canvas: 首先,需要在html中添加一个<canvas id = 'firstCanvas'></canvas>,一般来说,我们可以在canvas标签内添加其 ...
分类:
其他好文 时间:
2017-11-12 11:01:23
阅读次数:
171
有一个非常好的大牛帖子: http://blog.csdn.net/lmj623565791/article/details/38067475 这里mbuleball指的是自己绘制的那个蓝色的球如果发现报错将其改成自己要变动的控件如图片就行 属性动画笔记: http://blog.csdn.net/ ...
分类:
其他好文 时间:
2017-10-14 12:22:17
阅读次数:
184
雨伞制作: 1.在上视图中创建一个样条线“圆”C1,在前视图中创建一个样条线“线”L1,选中L1的两个顶点,右键选择“Bezier角点”调整L1的弧度,用捕捉移动调整L1顶点和整个L1的位置,两个顶点一个与C1相接一个在C1中点的正上方,如图。 2.需要调整圆,为不受到L1的影响,选中L1右键选择“ ...
分类:
其他好文 时间:
2017-10-11 21:49:48
阅读次数:
200
无边框线 UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:self.openGroupBtn.bounds byRoundingCorners:UIRectCornerTopRight | UIRectCornerBo ...
分类:
其他好文 时间:
2017-09-28 16:52:55
阅读次数:
249
前言 动画使用示例https://github.com/AndyFlower/web-front/tree/master/css3/loading 学习CSS3中Animation之前先来看一个动画特效(可以自己运行看下实际效果) 在学习Animation之前必须先了解“Keyframes”,我们把 ...
分类:
Web程序 时间:
2017-09-28 14:16:16
阅读次数:
233
简介 cubic-bezier 又称三次贝塞尔,用四个点(p0,p1,p2,p3)描绘一条曲线。 p0默认为(0,0),p3默认为(1,1)。所以,我们只需关注p1,p2。 在css3动画中,用来表示速度曲线。 关于三次赛贝尔曲线: 公式:; 想了解三次赛贝尔曲线,自行百度。 不想了解可以在这个网站 ...
分类:
Web程序 时间:
2017-09-24 00:25:54
阅读次数:
138