王二狗Sheldon池中物

摘要： 偶然发现微信小程序的 video 无法像 Image 对象那样设置 mode='widthFix' 实现宽度100% 高度自适应 尝试了各种网上的方案都不可行。 要实现高度自适应需要2个条件: 知道视频的真实宽，高 设置 css 的 aspect-ratio 与 height 在小程序内上传视频 调 阅读全文

摘要： 响应 Pointer 交互事件(上篇) 上一章我们分析了 sprite 在 canvasRenderer 上的渲染，那么接下来得看看交互上最重要的事件系统了 最简单的 demo 还是用一个最简单的 demo 演示 example/sprite-pointerdown.html 为 sprite 添加 阅读全文

摘要： 使用 canvasRenderer 渲染 上一章分析了一下 Sprite 在默认 webgl 渲染器上的渲染，这章让我们把目光聚集到 canvasRenderer 上 使用 canvas 渲染器渲染图片的 demo 要使用 canvas 作为渲染器，我们需要引用 pixi-legacy.js /bu 阅读全文

摘要： 第二章 渲染在哪里开始？ 牢记，按第一章介绍的 npm start 启动本地调式环境才可进行调式 如果是 example 文件夹内的例子还需要 serve . 开启本地静态服务器 上一章介绍了 PixiJS 源码调式环境的安装，以及基本的调试方法。本章要研究一下它是如何渲染的 渲染大致步骤： 注册渲 阅读全文

摘要： 从最简单的例子入手分析 PixiJS 源码 我一般是以使用角度作为切入点查看分析源码，例子中用到什么类，什么方法，再入源码。 高屋建瓴的角度咱也做不到啊，毕竟水平有限 pixijs 的源码之前折腾了半天都运行不起来，文档也没有明确说明如何调式 我在 github 上看到过也有歪果仁在问如何本地调式最 阅读全文

摘要： 开发过程遇到一个问题 异步去一个 cdn 上请求一个自定义 JSON 格式的文件报了一个 preflight 错误 has been blocked by CORS policy: Response to preflight request doesn't pass access control c 阅读全文

摘要： 如何应用 matrix3d 映射变幻 先上 demo 记得是在 2015 看到过的一个 html5 演示效果， 很惊艳 当时没明白如何实现，现在我会了，做一个类似的： 又弄了一个拖动的 demo 我数学真的很差 “你好老师！学这个矩阵具体有什么用？” 老师喝着水貌似想了一会儿回答：“考试用”.. 这 阅读全文

摘要： 高级主题 这一章涵盖了非常重要的主题，但比本书的其他部分稍微复杂一些。 我们会深入对声音添加音效，完全不通过任何音频缓冲来计算合成音效, 模拟不同声音环境的效果，还有关于空 3D 空间音频。 重要理论：双二阶滤波器 一个滤波可以增强或减弱声音频谱的某些部分。 直观地，在频域上它可以被表示为一个图表被 阅读全文

摘要： 到目前为止，我们仅讨论了音频的合成与处理，但这仅是 Web Audio API 提供的一半功能。另一半功能则是音频的分析，它播放起来应该是什么样子的。它最典型的例子就是音频可视化，但其实有更多的其它应用场景，包括声调检测，节减检测，语音识别等，这些已大大超出本书范围。 对于游戏或交互式应用开发者来说 阅读全文

摘要： 音调与频域 此章中如果对音乐部分不感兴趣，可忽略 代码部分也没有更多的新 api ，重要的还是相关的物理与声音的相关知识 到目前为止我们已经学过了声音的基础属性：定时与音量。为了能处理更复杂的的情况，例如声音的均衡(比如，增加低音和降低高音)，我们需要更复杂的工具。此章节将介绍一些用于更有趣的转换工 阅读全文