为了账号安全,请及时绑定邮箱和手机立即绑定
meta:vp + tab健
我是这个算法:
ctx.lineWidth = 30 - (curLoc.x - lostLoc.x) + (curLoc.y - lostLoc.y);
大家可以参考一下
老师的口头禅,
是不是非常的酷。

不得不说,真的很酷
计算线宽的公式(两种写法都可以):
lineWidth=maxLineWidth-(v-minSpeed)*(maxLineWidth-minLineWidth)/(maxSpeed-minSpeed);
lineWidth=minLineWidth+(maxSpeed-v)*(maxLineWidth-minLineWidth)/(maxSpeed-minSpeed);
分享一段我自己试出来的不错的效果算法(反比例函数)
if(v<0.1)
newV = 30;
else
newV = Math.ceil( 20/(v+0.9)+10 );
字写的有点变形
自己跟着老师一步步敲,实现了效果,可以在github上预览:https://github.com/Kuro-P/Write-a-letter
自己敲代码时把e.touches[0]...写成了e.touchs[0]...这英语水平哭笑不得啊
①.color_btn:hover的优先级比.color_btn_selected高,点击后加上color_btn_selected的边框效果会被color_btn:hover盖住 (可以写成div[class*="color_btn"].color_btn_selected提高优先级);
②#balck_btn{ background-color:balck; }中的background-color不可简写为background,因为用$(this).css("background")获取不到颜色值;
③清除浮动可以直接给controller加overflow:hidden; 不用添加标签;
offsetX,offsetY得到坐标在移动端好像不能用,画不出来
用不同浏览器画怎么会效果不一样,360浏览器甚至能画出虚线的字来。。。
resultLineWidth = 30 - (v-0.1)/(10-0.1)*(30-1); //差值方式计算中间宽度 这句不太懂啊
为什么这样做,这样做的效果是什么样,老师的步骤分析简直了!!!
谢谢老师,学到很多,每次结束都说,“大家加油”感觉很暖
课程须知
需掌握canvas的基本用法。建议先学习《炫丽的倒计时效果Canvas绘图与动画基础》与《Canvas绘图详解》两门课程
老师告诉你能学到什么?
深入了解canvas如何与鼠标、触控等操控手段交互,同时完成一个炫丽的,能同时运行在多端的移动web app

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消