Category Archives: 日志

日志 点点滴滴

如何给你的视频增加章节进度条

先说明一下,这篇文章讲的不是如何用代码实现mp4播放器的使用,而是讲在使用“剪映”编辑视频时,如何加入章节提示,并让其跟随视频播放进度向前走,类似下图这样

简单来说,分如下四步,我们结合剪映里的时间线来讲解:
1. 可动进度条:增加一个白场素材,拖到屏幕底端,设置合适的高度;给白场增加一个“线性蒙版”,旋转-90度、视频开始x=-960、结尾x=960,也就是撑到屏幕两端;加关键帧,使其可以显示出播放进度;降低不透明度,和源视频更贴合
2. 背景色:增加一个宽度和白场一样宽的文本框,加空格撑满;文本框“背景”里面加一个背景色,移到白场下面、降低不透明度
3. 章节分割线:增加文本框,增加“|”,调整大小、拖到章节分割位置;复制粘贴到各个段落分割位置
4. 章节说明文字:增加文本框,填写段落名称,拖到对应位置

ok,就是这样
(参考自B站:https://www.bilibili.com/video/BV1Gu4y1U7RM/?p=1&vd_source=87ddd0d31e13cad4e2c834825408fd9b)
——over
转载请注明出处: 昆仑的山头

Hello World 日志

Cocos学习笔记——开启重力引擎

使用cocos自带的重力引擎起作用,这里以小球下落到地面为例,需要下面几步:
1. 添加“地面”节点,并添加RigidBody组件,type选Static;为了更好地演示“地面”的桌面,还需要配置碰撞组件PhysicsBoxCollider,也可以选择、调整为其他形状
2. 添加“小球”节点,并添加RigidBody组件,type选Dynamic,配置小球所受重力加速度GraviteScale;配置碰撞组件PhysicsCircleCollider,因为是球,所以这里选的是“原型”
3. 脚本的onLoad内开启重力引擎:

1
2
3
4
5
6
....
  onLoad(){
    cc.director.getPhysicsManager().enabled = true;
    cc.director.getPhysicsManager().gravity = cc.v2(0, -320);
  }
....

上面1、2两步,都可以在CocosCreator的可视化界面内完成配置,只要第3步需要写js

演示:http://dev.jiangkl.com/ex/dlx
转载请注明出处:http://www.jiangkl.com/2020/05/cocos_gravity

日志

2017~~新的开始

新年伊始,终于把完成了搬家,将blog迁移到腾讯云上来,庆祝一下

烟花

-

3D打印 日志 软硬兼施

将虚拟照进现实—-3D打印初体验

小时候一直梦想有一支神秘马良的笔,后来才懂得,神笔只存在于童话中,想把大脑构思千百遍的东西做出来,只能靠自己的双手和合适的工具
于是开始发掘各种各样的工具:从剪刀、各种改锥,到烙铁、各种钳子扳手,再到电锯、电钻
相信每一个男孩子都或多或少的接触过这些工具,并且用它们来编制自己的梦想

用捡来的小马达、铁皮罐子剪出来的铁皮,做成小风扇
用撑温室大棚用的竹条、废旧的木条,做成弩弓
用拆开的自行车链条、车条、剪成条的内胎皮条,做成的火柴枪
自己在纸箱上画一个表盘,然后配上捡来的机芯、表针,重新拼成挂钟~~初中时做的,一直到我上大学,老妈都拿这个钟看时间

后来,开始接触电脑里的各种建模工具:flash、cad、3dmax,建模、然后几行代码的脚本生成动画
再后来,工作了,偶尔需要做些小游戏,和设计师一起,用更复杂的代码,完成更炫的动画

然而,电脑里建出模型和上面动手做的东西,却有一个不可逾越的鸿沟:虚拟与现实
即便时下流行的AR、VR,也只是把虚拟做的更具现实感
你不可能拿pc软件画出来的杯子喝水,更不可能用画出的大饼来填饱你的肚皮

但是,随着一件事物的出现,这一切似乎有了转机,这就是3D打印
简单来说,3D打印就是可以把虚拟建模出来的东西转变成现实的工具
—-对,它可以部分的完成神笔的功能~~虽然这种能力还很弱

以前的3D打印机价格都挺高,最少的也要三五千,所以限于囊中羞涩,一直没有出手购买
直到偶然在淘宝发现micromake“三角洲”3D打印机,相对于普通的方盒子机,这种打印机结构更简单,成本也更低,淘宝售价低配版¥999,虽然精度较低,但是做入门用也够了
到手的就是上图的这堆散件,把这些东西拼装起来,大约用了我一个下午的时间
现成的各类小玩意的3D模型并不难取得,搜一下一大堆
使用工具软件“cura”来连接打印机,导入“.stl”3d模型文件,直接打印,或者生成“.gcode”文件,放在sd卡再打印
使用3dmax建模,可以导出成stl文件,即可再用curl来完成后续的打印动作
整个过程很简单,但其中也有不少的坑:

1. 提前准备“704硅橡胶”(淘宝买,或者让打印机卖家送,五金店什么的很难找的,更不要用牙膏什么的替代…),新手使用不熟练,喷头、喉管的连接位置都很容易堵,这时就需要拆开清理,然后再组装时就需要特别注意:照教程吐足够的硅橡胶、两个螺口都要拧好晾干以后再做下一步的组装动作,否则打印时会漏的一塌糊涂。。。别问我怎么知道的,这个过程我已经做过五次了,最近一次才算弄利索
2. 3dmax和cura配合,长度单位协调有问题,都是“毫米”单位,3dmax到处的stl模型,导入到cura里,需要放大“25.4”倍~~~对,1英寸=25.4毫米,应该是3dmax到处时单位搞混了
3. 昨天刚刚发现的问题,建好的模型,或者下载的模型到了cura里,打印出可能会有问题,空心的东西莫名其妙会被封口,所以打印前一定要检查Layers分层
4. 打印机校准一次、校准对就行了,不用重复校准
5. 要有耐心,打印速度不要太快,30足够了,否则打印出来会特别粗糙~~这种速度,打印一个杯子预计需要五个小时以上
6. 打印材料方面,同样价钱、同样卖家的PLA材料,白色的最好用,红色的其次,黑色的最差
7. 建模方面,有个45度原则,就是倾斜的部分,不要超过45度,否则就需要加支架
8. 最后一点。。。不要抱太大希望,真的只是入门而已:打印出的东西很粗糙,表面是水波纹的,精度也就0.5mm

ok,基本就这么多,这个打印机做“神笔”确实有些吃力,也就是入门,打印一些精度不需要太高的东西,或者,搁家里做摆设也不错



↓↓–2016年05月28日 新加–↓↓
之前一直在试着用3dmax做建模工具,除了上面的单位问题,发现3dmax建模最大的问题是,稍微复杂一点的模型,打出来就会乱,变形、或分层错误
无奈,只能使用更专业的工具,solidWorks
最近一周在学solidWorks,很棒的工具

Hello World 日志

微信支付的又一个坑

    从前年微信支付刚公测开始,前后接了三次微信支付。。。这次再接,居然还是磕磕绊绊,今天半个下午,都被一个下面这个错误提示误导了:
         getBrandWCPayRequest:fail_no permission to execute
    而且还不是总是出这个错误,有时是能正常支付的
    一般,出现这个错误,是因为微信支付授权地址不对,可是检查了n次,支付授权地址、js授权域名、oauth授权地址,都没发现问题
    然后怀疑签名错误,于是对比公钥,修改公钥,重新上传证书
    。。。总之,折腾了N次,还是不行
    ~~软件开发就是这样,如果一个问题,所有可能的原因都不是原因,那就剩下最后一个不可能的原因了:
    因为业务需要,这个项目要接入两个微信公众号,为了开发方便,两个公众号的代码是一起的,支付授权的url地址也就是一起的~~或许这就是原因
    设法将支付授权url地址区分开~~~问题解决!!
    猜测微信的“支付授权地址”是这样工作的,在微信客户端内,存在一个“支付授权地址–微信公众号”的缓存,而非“微信公众号–支付授权地址”,缓存更新不及时,就会出现上面的错误表现
——
btw:
    由于微信并未修改内置浏览器的内核,所以内置浏览器的很多特殊特性,都是微信webview通过外围的ios、android程序加入的
    比如新出的摇一摇页面获取openid/跳转关注页面,其实不过是再摇一摇出来的页面里种了一个cookie标记,如果你从摇一摇的页面退出来,再通过url直接进入这个页面,还可能调摇一摇的jsapi
    再比如oauth授权,如果A帐号进过你得站点,切换到B帐号后在,再进你得站点,用户身份还是A…因为cookie还在
    不过,实事求是的说,微信的jsapi确实很NB,将大量的原生应用的权限授权给了webview,大大扩展了web开发的可能性
    相对于微信的webview,phonegap这类专业号称使用webview做出原生应用的东西,就是个渣渣~~