首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
PixiJs系列课程研究猿
掘友等级
研究猿
dy:gangqin519889108
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
15
文章 13
沸点 2
赞
15
返回
|
搜索文章
最新
热门
PixiJs系列实战课程- 基础篇-03解决移动端适配
这一章解决横竖屏保持横排显示的方案,打开vscode,启动项目走起。 第三章结束,下一章我们来解决滑动如何控制时间轴的问题。
Pixijs 绘制基本图形
采用的是Pixi的Graphics来绘制。
PixiJs实战课程-全网最全课程
欢迎进入 PixiJs系列课程 最初编写这套课程的原因,是因为无意中在网上翻看到了一个H5场景动画的页面,名字是逃不掉的四字咒怨,就被这种动画形式所吸引,随后的一段时间一直在网上查找资料,发现这类页面学名叫一镜到底 。 通过上面的资料整理了一套做一镜到底的方法,这就把经验写在上…
可视化制作H5动画——AE
大家早期是不是用flash做过动画,感觉就是可视化的界面很好操作。 这节课咱们来说一下如何用ae来制作动画导出到h5里使用,只是动画,如果想交互的话只能在h5添加一些元素来控制了。 如何安装如何破解在下面的网址里有很详细的步骤,这里就不赘述了。 这节课就到这里了,到此为止如果你…
PixiJs武术小人滑动淡入淡出动画
今天这节课涉及到了Alloytouch.js,TimelineMax.js,TimelineMax..js,用户需要通过用手上下滑动触发时间轴来改变精灵的变化,这就是一镜到底的播放方式。 到此在上下滑动屏幕的时候,小人就会从透明度0到1了。
PixiJs系列实战课程- 基础篇-04 如何滑动触发时间轴
这一章决定了动画与时间轴通过滑动触发的核心代码。先看一下Alloytouch.js滑动库的基础基础代码 vertical: vertical,竖方向:true,横方向:false,找到resources.js,在横竖屏的时候判断了一下初始化滑动方向。 然后就是通过滑动的值除以(…
PixiJs系列实战课程- 基础篇-02初始化
这一章是做好一镜到底最关键的一课,打开vscode,确保文件夹和文件的结构跟我本地是否一致,然后开始live-server启动vscode本地服务器。 到这里就结束啦,下一章解决横竖适配问题,在下一章分享如何通过滑动结合时间控制动画。
PixiJs小人精灵动画
这节课涉及到了让小人精灵动起来,做下一个案例做铺垫。 这时候,舞台和进度就都有了。 这节课没有涉及到场景,只是让大家对搭建基本结构精灵动画有更深入的认识,下一个案例分析如何用手指滑动来控制动画的播放。
PC端页面 + TweenMax实战应用
我们这套课程,完全是为了更好的理解TweenMax如何实现动画才创建的,希望可以给大家有多一点的启发。 1. 计算算法与常用语法总结 2. 小案例1,进入状态
PixiJs系列实战课程- 基础篇-01准备
PixiJs系列课程第一堂课开始啦,第一步来搭建PixiJs所需要的必备工具吧,本套课堂采用vscode作为编辑器,配合着它的live-server本地服务器(带自动刷新功能)。 好了,到此为止第一堂课结束。
下一页
个人成就
文章被点赞
73
文章被阅读
27,092
掘力值
672
关注了
33
关注者
102
收藏集
0
关注标签
13
加入于
2017-10-16