Pixijs
6篇文章 · 0订阅
  • pixijs实现一个具有拖拽、旋转、缩放、多选、编辑的记事板
    本文旨在分享一些前端常用的拖拽、旋转、缩放、框选等操作的实现方法，重心会放在核心思想上(当然也会有代码实现)。虽然项目采用pixijs实现，但是核心思想并不仅仅局限于pixijs，读者了解了核心...
    前端 Canvas JavaScript
  • 基于WebCodecs的网页端高性能视频截帧
    web投稿页是B站的主要投稿来源，有很多高粉UP主使用web端进行投稿。WebCodecs于21年9月份推出，是用于在web页面上对音视频进行底层操纵（如编解码）的API。
    音视频开发
    基于WebCodecs的网页端高性能视频截帧
  • vue3 ➕ pixi ➕pixi-live2d-display模型的展示
    vue3的live2d技术的应用，可实现模型的动作触发，模型的拖拽功能，以及点击模型不同位置触发不同动作的功能
    前端 JavaScript
    vue3 ➕ pixi ➕pixi-live2d-display模型的展示
  • pixi.js实战——《智慧路口（车辆轨迹实时追踪）》WebGL 2D 项目
    智慧城市十字路口：车辆轨迹实时更新。支持航向角、变道、转弯、平滑移动、碰撞检测、线性补帧、debug模式等。
    前端 Canvas
    pixi.js实战——《智慧路口（车辆轨迹实时追踪）》WebGL 2D 项目
  • PixiJs-Container 容器
    什么是Container 容器，Container作用，anchor和pivot的差异是什么，原理解读，如何实现自己的遮罩层
    前端 JavaScript
    PixiJs-Container 容器
  • 使用Pixi撸一款“劳力士绿水鬼”！
    1. 定义一些常量以及需要使用到的工具方法 2. 定义Clock类 定义一个“Clock”类，同时创建实例的时候我们给予一个配置参数“option”（用于配置表盘、指针等）。 3. 为Clock类添加必要的方法 我们再看看构造函数里我们需要处理的事情。首先我们需要拿到配置项"o…
    JavaScript
    使用Pixi撸一款“劳力士绿水鬼”！