本期我们开始使用pixi.js轻量级h5游戏引擎去开发一个中秋夜空的场景级动画。里面有灿烂的星空，有迷人的圆月，有桂花的飘香，还有那一盏盏寄托我们美好愿望的孔明灯。。

此篇文章源于前段时间商业有个项目需求，要实现一个比较复杂的H5交互动画。那说到动画常用的技术方案无非是下面几种： gif图和css3动画属性显然只能实现展示型动画，而通过原生代码实现交互动画又是很复杂的，同时还得考虑动画的兼容性和性能问题。WebGL因为可提供硬件加速渲染，其渲…

刹车视觉动效效果展示: 1、设计到的技术: PIXI:官方地址:https://pixijs.com/ GSAP:官方地址:https://greensock.com PIXI:是一个非常快的2D s

本文将从技术选型的各种考虑因素（如技术的社区活跃度、文档丰富程度、具体落地案例、性能、适用场景、人员学习成本等）对这四个图形库进行对比, 并针对编辑能力做了详细的对比表~

这是 @大帅老猿 老师上个月接的一个私活，这个私活一共要做 6 个动效，工期 15 天（实际用时 7 天），报酬 2w。而今天我们要实现的这个效果就是其中一个稍有难度的。 最终效果 是不是很酷哇

官网:背景:Vue.1.配置步骤1.1 安装nodejs1.2 确认npm cnpm1.3 安装vue脚手架:1.2.运行本项目3.github地址:4.https://cn.vuejs.org/ https://www.pixijs.Vue.Vue (读音 /vjuː/，类似于...

0. PixiJS 介绍 PixiJS是一个轻量级的2D渲染引擎，它能自动侦测使用WebGL还是Canvas来创建图形。开发者无需专门学习 WebGL 就能感受到强大的硬件加速的力量。 PixiJS 会帮助你用 JavaScript 或者其他 HTML5 技术来显示媒体，创建动…

当你拿到一个 H5 制作的需求的时候，你需要首先明确需求的目的是什么？按照目的大概可以分为活动营销，产品宣传，会议邀请，品牌推广，企业招聘等。不同类别的 H5 有其自身的特点，但找准业务方的目的，就能抓住主题而不会跑题了。 接下来就是围绕这个主题思考创意。创意很多是来自于营销策…

面对网页性能要求越来越高的今天，项目性能优化已经成了项目开发中必不可少的一个环节。尤其是现在越来越火🔥的在线教育、在线编辑、直播、游戏等类型的项目中Canvas和WebGL的运用越来越多。