js页面自适应屏幕大小_pixi.js 移动端H5坑点

需求说明：实现一个滚动长屏，在滚动过程中实现一些交互动画，最后生成一张海报。

体验地址（微信打开）​wx3a662c40c51bf25b.mgeek.com.cn

(微信打开)

库：

• pixi_v4.5.5.min.js github中文基础教程地址, 官方文档地址
• Scroller.js
• Tween.js
• howler.core.js

pixi.js、scroller.js、Tween.js 的简单应用可以参考 Utopia1655的文章

坑点：

1、为pixi.js创建的画布自适应屏幕，创建出来的动画模糊，出现严重锯齿。

原来的写法：

let windowHeight = window.innerHeight;
    let windowWidth = window.innerWidth;

     这里没有另外设置doom尺寸，会默认按照下面设置的width，height进行doom尺寸的设置
    let app = new application({
        width: windowWidth,
        height: windowHeight,
        antialias: true,     消除锯