- 博客(9)
- 收藏
- 关注
原创 CocosCreator操作Spine进行动画融合
动画融合一个骨骼上存在多个动画时,我们可以使用sp.setAnimation()进行动画播放但是,直接使用sp.setAnimation()进行播放时,会出现动画切换僵硬的问题如图所示,Idle在切换Wlaking过程中出现了明显的切换痕迹这种痕迹很影响游戏的体验,所以基于spine在Cocos中的API我们可以对两段动画进行融合如下效果特别说明一下,这里设置了在两个Idle时间后执行Wakling动画我们可以看到,在Idle过渡到Walking时,中间没有切换动画的痕迹什么是动
2021-11-18 23:47:58
6942
2
原创 CocosCreator动态替换Spine皮肤
Spine皮肤系统本案例使用的是Cococ2.x,3.x同理在使用皮肤系统的情况下,我们可以实现同一套骨骼不同的材质以CocosCreator引擎为例,实现在游戏中皮肤的切换案例_0 全局切换Spine导出后,会在Cocos目录下生成一下问题(如果有多个皮肤,会生成多个不同的图集)创建出一个空节点,在节点上添加sp.Skeleton组件把**.atlas后缀的文件挂载到SkeletonData**上面创建出一个脚本,选择一个节点进行挂载,并把skeleton节点拖拽到脚本上//
2021-11-17 23:49:57
6451
原创 NVM管理NodeJS
准备如果之前从未使用过NodeJS,电脑上没有安装过NodeJS,可以直接下载NVM;如果电脑中装有NodeJS请先将NodeJS 完全删除下载地址NVM_GIT_WINDOWS使用在NVM安装成功后,打开命令行// 查看当前版本$ nvm -v// 查看当前管理中的node版本, 如果没有使用nvm装过,则不会显示版本$ nvm list// 安装一个版本$ nvm install 14.17.1安装成功后,要对nodejs版本进行绑定// 安装一个版本$ nvm
2021-06-25 10:35:28
438
原创 HTML+TypeScript使用ES6语法在vsc中的搭建
前情提要在学习WebGL的过程中,需要在Web环境进行开发,最开始使用js简单进行了测试,开发效率并不高。因而替换成了ts,主要是因为有代码提示,方便学习和记忆。因为学习过程中不需要其他的页面,所以没有使用其他前端框架(只有一个index.html)在搭建这个环境的时候,发现了很多问题,比如es6语法html无法很好的解析。这里使用的是任务形式去运行项目。第一步 安装TypeScript和browserify// typescript@x.x.x 可以选择安装不同版本的ts,默认最新// -
2021-06-04 21:39:00
433
原创 Git一个项目中引用其他Git仓库
// git submodule add [git地址] [目录位置]$ git submodule add https://xxx/gittest.git src/gittest使用submodule后在当前git目录下会生成一个 .gitmodules 文件如果但当前目录已经存在了一个 .gitmodules,命令需要更改为$ git submodule add -f https://xxx/gittest.git src/gittest目录存放位置如果设置,会将clone下来的仓库存放
2021-06-02 00:00:39
6634
原创 TypeScript在VSC中的极简环境搭建
TypeScrip在VSC中的极简环境搭建安装nodeJS// 略安装typescript// 略在项目目录中创建两个文件夹————|—dist|—src创建package.jsoncnpm init -y创建tsconfig.jsontsc --init修改tsconfig.json配置{ "compilerOptions": { "target": "es2018", /* Specify ECMAScript target version: 'ES3'
2021-03-14 17:09:51
176
原创 [CreatorCocos]自定义线条 + 物理引擎
> - 引擎:CreatorCocos2.0.5> - 系统:Windows今天花了几个小时时间,在思考如何去实现自定义线条,并且具有物理性质大概实现了这么个效果线条是根据触摸点移动位置去画的,上面带了刚体,球也具有物理性质,所以不会掉下去,产生碰撞以后球会沿着线的路径移动实现因为引擎本身不具备自定义线条并且富于物理性质的功能,所以此功能只能手动实现我的想法是把手移...
2018-12-07 18:00:22
5683
原创 [GET]ThreeJS + TweenJS模拟微信跳一跳粒子效果
上接翻转移动动画文章。在下在实现移动动画的基础上,又去尝试了一下使用ThreeJS实现粒子效果,其过程异常头大。这个是微信里的特效 设计思路生成粒子设置位置控制粒子移动错误示范 通过错误示范,可以看到所生成的红色粒子,没有按照预想的状态去移动,而是产生了自己的移动方式。之所以会出现这种情况,是因为在此之前在下没有考虑坐标系的缘故,将场景中所有方块的坐标系统一...
2018-08-29 13:30:06
2423
1
原创 [GET]ThreeJS + TweenJS实现跳一跳翻转移动动画
最近在公司写H5的3D游戏,选择了ThreeJS去做,做的过程中遇到了很多问题,其中最值得思考的问题就是实现翻转及移动这个动作的小问题。模拟跳一跳游戏的翻转及移动,实现这个动作,首先要考虑到这么几个问题:基于哪一个轴去做旋转基于哪一个轴去做移动这个两个问题其实并不难,稍微用过3D引擎或者做过3D项目的开发都知道这个问题,如果是向左边跳,那么就要基于z轴旋转,x轴移动;反之,如果是...
2018-08-18 10:33:17
4063
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人