三种方式,浅谈 Cocos Creator 的动画添加
前言虽然 Cocos 的官方文档对动画系统做了较详细的介绍,但是对于刚接触的同学(比如我)来说还是不太友好。尽管如此,我就按文档加社区帖子一起实践了一下。为了方便忘记后能快速捡起,所以就用我的方式结合使用场景,简单介绍一下 Cocos Creator 动画添加的三种方式。
属性动画这个是 Cocos Creator 动画系统自带的一种对节点进行标准位移、旋转、缩放动画操作。可以用来制作一些按钮加亮,引导之类的业务型动画。
创建节点并挂载 “Animation” 组件添加组件 > 其他组件 > Animation,然后打开动画编辑器,再点击 “新建 Clip 文件”,保存后放在 “assets” 下 “animations”,后缀为.anim 的文件。
动画编辑进入编辑后,找到属性列表,点击 “Add Property”,选择列表的 “position,width,coclor” 等属性,点击右侧菜单按钮,可以插入关键帧,删除关键帧,清空关键帧等,添加一帧就可以在属性检查器对应节点的属性进行调节。
挂载动画剪辑将已经编辑好的动画剪辑文件 (.anim 后缀),拖入到节点 ...
初探 Cocos Creator: 碰撞与物理系统
前言不知道你刚开始玩碰撞时,会不会遇到始终无法触发碰撞事件?玩物理系统时,自由落体的刚体会穿过 “地面” 刚体等情况?没错我全都遇到过,那么下面我就用红蓝色方块,简单实战一下 Cocos Creator 的碰撞与物理系统。
场景创建场景很简单,一个白色背景,两个红蓝色玩家,和一个绿色大草地。创建的方式也很简单,全部采用 Sprite 单色。节点创建层级管理器 ->Canvas 右键 -> 创建节点 -> 创建渲染节点 ->Sprite(单色)。
颜色填充在属性检查器,找到 Node 下的 Color,选择色盘里的一颜色即可。分组由于物理和碰撞中都要用到,这里就提前给两个玩家和绿草地创建分组并分配好。在属性检查器的 Node 中,找到 Group 点击编辑再添加,如下图。
碰撞匹对将三个分组进行碰撞的匹对,一定要勾选这个,不然后面测试碰撞无法触发回调,而是直接穿过另一个物体。
碰撞系统测试碰撞组件添加碰撞组件有三种,Box(盒状)、Circle(圆形)、Polygon(多边形),可以根据不同的物体形状选择对应组件类型,比如像赛车的就可以选盒状,合成西瓜的那种就可以 ...
hexo实战:(一)零成本搭建个人独立博客
前言很多平台都能写博客还有创作激励,为什么我又要搭一个?为什么这次要选择用Hexo框架?
对应的原因是流量自由和省钱,第一个,很多平台能写但不是都有收益,而且平台有自身的规则,比如会屏蔽一些推广类信息。如果我哪天做了一产品,是没办法直接用平台博客的方式硬推的,至少放码和链接不行。第二个用Hexo搭到GitHub上,我可以不用买服务器,毕竟现在也还没有想法要做一个什么样的东西。
总之,有个独立博客,相比平台博客在内容约束上更自由。有想法了就发出来,做了游戏什么的就放出来,md的文章以后要存储备份可以转word,更方便在副业的路上轻装探索。
Hexo介绍Hexo是一款基于Node.js的开源静态博客框架,用于快速、简单且高效地搭建个人或团队的静态博客网站。说白了他是一个静态网站生成器,我们新增文章只需要编辑md文件,通过运行命令再生成像html的静态文件。其实我挺早听过Hexo,但一直没用,直到我cms搭的博客别人挂马后。我关闭网站全面使用平台博客,但经种种原因,我又萌生了建独立博客的想法,并且这次打算走长期路线,第一步先记录上次Hexo搭建过程仅供参考。
流程
本地构建Hexo
配置 ...
hexo实战:(三)独立博客运营总结
前言通过前面两个步骤,完成了静态博客从搭建到基本功能添加和界面优化。那么,这次就要介绍一下搭在GitHub上的静态博客如何运营推广。也就是如何让网站被各大搜索引擎收录?如何提高网站权重,提高收录量?
网站收录平台选择站长相关的平台有:某度站长工具、360站长平台、搜狗资源平台、必应网站管理员工具、谷歌站长工具等。列出的五个平台,可以按自身情况提交,提交方法也大同小异,以下以某度为例。
添加网站添加某度、360、某狗等引擎收录,进入某度的站长工具,点击添加网站。流程就三步,输入网站,设置站点属性,最后验证网站。而验证网站又有三种方式,分别是文件验证、HTML标签验证、CNAME验证,我这里选择文件验证。
选择文件验证后,下载baidu_verify_xxxx.html文件,然后将该文件放入theme/主题包名/source/根目录下。重新编译生成静态文件,而验证文件会被原封不动地复制到编译后博客根目录地public下,最后部署就完成验证了。
链接提交进入站长工具的 “普通收录”,这里我们可以向搜索引擎主动提交网站的链接地址。其中提交的方式有三种,分别是A ...
hexo实战:(二)个人独立博客豪华装修合集
前言上次介绍了使用Hexo+GitHub Pages,零成本搭建一个专属自己的独立博客网站。我觉得那篇文章是没有入门门槛的,不管你是什么行业,只要想打造个人IP,又不太想受博客平台约束,那么读完后动手操作一下也能轻松完成。而这次呢,上篇也说了Hexo会出三篇内容,这里就要在前者基础上做进一步升级,将完成下面七个主要的博客常用功能。
指标
Hexo如何安装Butterfly主题并配置?
Hexo如何创建页面和添加文章?
Hexo如何添加第三方评论系统?
Butterfly主题如何添加站内搜索?
Butterfly主题如何添加百度统计?
Butterfly主题如何添加文章置顶功能?
Butterfly主题如何配置RSS和404页面?
如何配合Typora完成md的同步与本地备份?
主题添加与配置Hexo官网专门有一个栏目的主题列表,这里我选的 “butterfly”,首先拉取主题代码到themes目录下,然后在Hexo的配置中启动主题。
拉取主题包1git clone -b master https://github.com/jerryc127/hexo-theme-butterfly. ...
谈后端人眼里的nvm、yarn、pnpm……
前言虽然我是做后端的,但也时常关注前端,只是最近觉得前端的各种工具名称太眼花缭乱了,nvm、yarn、pnpm、taro……
不要说具体使用,就连他们到底是工具还是新框架我都搞混。所以,我就用一篇文章简要记录他们到底是什么,怎么区别以及简易的搭建过程。
nvmnvm(Node Version Manager),顾名思义,他是Node.js的版本管理工具。主要用来在单个操作系统下安装或管理多版本Node,常用于解决项目中不同版本依赖问题。
下载github搜作者coreybutler,项目nvm-windows。
安装安装前如果电脑已经有了Node.js,最好卸载以防后面冲突。然后点击exe文件下一步下一步完成后,nvm会自动在电脑的用户变量中添加NVM_HOME和NVM_SYMLINK,最后cmd输入nvm -v,显示nvm版本号表示已经成功。
使用1234nvm install 6.2.0 安装指定版本nvm uninstall 6.2.0 卸载指定版本nvm list 查看安装列表nvm use 6.2.0 使用指定版本
pnpmpnpm(Perf ...