pixi.js

Pixi.js的魅力

而Pixi.js作为一款高效、易用的2D渲染引擎，已经成为了许多开发者的首选~~项目中，有一些图像的处理操作（3D图，2D图都有），其中3D图也是通过获取后端服务的图像2D数据进行绘制展示，通过鼠标各种操作调用后端服务来进行重新获取新图数据
我就不思·2024-01-27 09:03

Eva.js是什么（互动小游戏开发）

高性能：Eva.js由高效的运行时和渲染管道(Pixi.JS)提供支持，这使得释放设备的全部潜力成为可能。可扩展：得益于ECS（实体-组件-系统）架构，你可以通过高度可定制的API扩展您的需求。
雪梅零落·2024-01-15 23:20

几个2D图形库的比较 ——fabric \ konva \ leaflet \ pixi

一、前言近期，公司准备开发注重图形编辑功能的项目，所以调研对比了一些较热门的开源2d图形库——fabric.js、konva.js、leaflet.js、pixi.js。
蓝瑟·2024-01-12 05:37

Pixi入门第一章：绘制一个小精灵

尤其是在绘制地图一方面，3D场景必须通过射线选取物体，而且会因为相机视角的问题出现偏差，另一方面3D在渲染性能上消耗远大于2D的场景，在动态绘制线的时候会出现卡顿等情况，所以最终又选择一个2D的框架开始学习，这里选用pixi.js
baker_zhuang·2023-12-25 04:37

pixi.js已经使用资源加载器 loader,但图片却渲染不出来

这可以通过以下代码实现：import*asPIXIfrom'pixi.js';//创建PIXILoader实例constloader=PIXI.Loader.shared;//添加要加载的图片资源loader.add
2301_78916954·2023-12-14 21:41

PIXI教程

好久没记录了，前公司用低代码开发前后端，离职了，最近刚入职新公司，主要做2d,3d,PIXI框架，three.js,今天分享俩个学习PIXI的网站什么是Pixi|Pixi.js中文网(huashengweilai.com
前端小菜鸟也有人起·2023-12-05 05:47

html5 canvas webgl,对比平台--WebGL和Canvas之间的区别

这些在具有抽象层(例如PIXI.js)和其他一些层(例如Three.JS和Unity)的游戏(2D和3D)中使用。WebGL和Canvas之间的主要区别两者
徐老师的幼教园·2023-11-19 05:41

眨个眼就学会了PixiJS

而Pixi.js作为一款高效、易用的2D渲染引擎，已经成为了许多开发者的首选（我吹的）。本文将为工友们介绍PixiJS的基础知识和使用方法，希望可以和工友们快速光速入门，掌握Pixi.js的用法。
德育处主任Pro·2023-10-26 22:30

vue3——pixi初学，编写一个简单的小游戏,复制粘贴可用学习

data.js//data.jsimport{reactive}from"vue";import{Sprite,utils,Rectangle,Application,Text,Graphics}from"pixi.js
只会cv的小前端·2023-09-20 09:11

Vue3安装pixi.js 项目无法识别 ?. 语法，导致报错Module parse failed: Unexpected token

errorin./node_modules/@pixi/assets/lib/resolver/parsers/resolveTextureUrl.mjsModuleparsefailed:Unexpectedtoken(9:62)Youmayneedanappropriateloadertohandlethisfiletype,currentlynoloadersareconfiguredtop
我家媳妇儿萌哒哒·2023-08-22 07:53

pixijs以鼠标为中心平移缩放

这种方式会影响子元素排列(理想的方法:获取鼠标与元素中心anchor的距离,根据缩放比例计算放大后与放大之前的距离,进行平移(上下左右平移的比例应该还不一样),感觉比较复杂)import*asPIXIfrom"pixi.js
adtk·2023-08-18 05:57

8.pixi.js编写的塔防游戏(类似保卫萝卜)-发射圆圈子弹技能

游戏说明一个用pixi.js编写的h5塔防游戏，可以用electron打包为exe，支持移动端，也可以用webview控件打包为app在移动端使用环境说明[email protected]@6.14.13node
灰灰_世界·2023-07-17 16:49

9.pixi.js编写的塔防游戏(类似保卫萝卜)-群炮弹发射逻辑

游戏说明一个用pixi.js编写的h5塔防游戏，可以用electron打包为exe，支持移动端，也可以用webview控件打包为app在移动端使用环境说明[email protected]@6.14.13node
灰灰_世界·2023-07-17 16:47

Pixi + Tone 实现简单midi音频可视化

依赖库Pixi.js是一个前端图形渲染库，使用精灵技术绘制高性能的图形。Tone.js是一个前端音频框架，对webaudioapi进行了封装，可以快速创建音频样本、音频效果、进行音频分析和音频播放。
DB_鸠·2023-07-15 06:51

使用Pixi.js编写JavaScript网页小游戏

Pixi.js中文网https://pixijs.huashengweilai.com/PixiJSOfficialsiteforPixiJS,TheHTMLCreationEngine.https:/
番大茄子·2023-06-20 02:40

1.pixi.js编写的塔防游戏(类似保卫萝卜)-设计逻辑

游戏说明一个用pixi.js编写的h5塔防游戏，可以用electron打包为exe，支持移动端，也可以用webview控件打包为app在移动端使用环境说明[email protected]@6.14.13node
灰灰_世界·2023-06-20 02:40

2.pixi.js编写的塔防游戏(类似保卫萝卜)-场景编辑器

游戏说明一个用pixi.js编写的h5塔防游戏，可以用electron打包为exe，支持移动端，也可以用webview控件打包为app在移动端使用环境说明[email protected]@6.14.13node
灰灰_世界·2023-06-20 02:40

7.pixi.js编写的塔防游戏(类似保卫萝卜)-plist的使用

游戏说明一个用pixi.js编写的h5塔防游戏，可以用electron打包为exe，支持移动端，也可以用webview控件打包为app在移动端使用环境说明[email protected]@6.14.13node
灰灰_世界·2023-06-20 02:39

3.pixi.js编写的塔防游戏(类似保卫萝卜)-四叉树使用

游戏说明一个用pixi.js编写的h5塔防游戏，可以用electron打包为exe，支持移动端，也可以用webview控件打包为app在移动端使用环境说明[email protected]@6.14.13node
灰灰_世界·2023-06-17 20:51

6.pixi.js编写的塔防游戏(类似保卫萝卜)-游戏资源打包逻辑

游戏说明一个用pixi.js编写的h5塔防游戏，可以用electron打包为exe，支持移动端，也可以用webview控件打包为app在移动端使用环境说明[email protected]@6.14.13node
灰灰_世界·2023-06-17 20:51

4.pixi.js编写的塔防游戏(类似保卫萝卜)-a星寻路

游戏说明一个用pixi.js编写的h5塔防游戏，可以用electron打包为exe，支持移动端，也可以用webview控件打包为app在移动端使用环境说明[email protected]@6.14.13node
灰灰_世界·2023-06-17 20:20

5.pixi.js编写的塔防游戏(类似保卫萝卜)-子弹跟随精灵移动

游戏说明一个用pixi.js编写的h5塔防游戏，可以用electron打包为exe，支持移动端，也可以用webview控件打包为app在移动端使用环境说明[email protected]@6.14.13node
灰灰_世界·2023-06-17 20:50

眨个眼就学会了Pixi.js

而Pixi.js作为一款高效、易用的2D渲染引擎，已经成为了许多开发者的首选~~(我吹的)~~。
德育处主任Pro·2023-04-21 14:51

Pixi.js TypeScript Webpack

创建项目，使用npminit初始化项目，也可使用npminit-y使用默认配置初始化项目。$mkdirpixits$npminit创建文件结构$mkdirpixits&&cdpixitsTypeScript$npmi-Dtypescript$mkdirsrcTypeScript是JavaScript的超集，编译器是tsc，tsc命令工具可以将.ts文件编译成为.js文件。Webpack中使用Typ
JunChow520·2023-04-18 14:05

pixi.js 导出部分区域裁剪图片

方案先通过api到出image对象，在通过canvas绘制图片，在导出数据代码const{x,y}=this.app.stage.getBounds()//超出的x，yconststageImage=this.app.renderer.plugins.extract.image(this.app.stage,"image/jpeg",1)stageImage.onload=()=>{constca
DyuanH·2023-02-01 13:27

【有点简单】不靠矩阵也能旋转和平移？

2D矩阵对旋转的局限性在之前的文章中我们讨论过旋转这件事，也说过用2阶矩阵描述的旋转：教练我想学矩阵很多成熟的框架/库也是基于矩阵这套逻辑来写的，比如说我膜拜的pixi.js{//getthematrixvaluesofthedisplayobjectbasedonitstransformproperties
·2022-10-30 23:53

JavaScript Canvas实现噪点滤镜回忆童年电视雪花屏

目录引言正文初始化渲染雪花屏动画帧动画播放引言相信很多人80,90后的同学对童年里电视机的突然出现刺啦刺啦的雪花屏记忆犹新，本期将用pixi.js来完成一个电视机播放动漫然后突然出现雪花屏的动画，里面主要讲解了如何使用
·2022-09-20 21:51

使用IVX来创造一个自己的3D小游戏【后台和中台、React Core、three.js、Pixi.js、Krpano、antD......】

文章目录iVX整体技术原子组件：（专利技术）快速事件面板：（保密技术）应用预览模拟器：（保密技术）AST（抽象语法树）：编译器：（保密技术）多人开发Git：（专利技术）3D小游戏开发（零基础）3D游戏项目创建首页效果图创建容器设置触发器&&时间轴六大变量&&三大数组点光源iVX前端技术栈iVX中台后台技术栈iVX整体技术原子组件：（专利技术）抽象出超过200+前端和后台原子组件，每个组件都具备“不
不良使·2022-08-20 13:20

Pixi.js 超快 HTML5 的 2D webGL Canvas 游戏动画渲染引擎

CKEDITORhttps://baidu.github.io/NoahV/#/doc/component/date-pickerhttps://aipage.baidu.com/template-markethttps://blog.csdn.net/zz00008888/article/details/112789437https://www.cnblogs.com/qingchunshigu
xiexuzhao·2022-07-26 10:52

ivx杨帆启航React/Pixi.js/FaaS、Krpano及微服务架构

随着社会的变化，产业的进化，编程也开始了他的变化。从最开始的二进制编码语言->低级程序语言，到现在的高级编程语言以及现在慢慢探索超高级高级语言【程序可视化，可视化编程，让编程不再枯燥】。那么是不是只要能看懂界面就可以进行编程，写出自己的小程序了呢，下面我们来一起来看看ivx。官网直达IVX在ivx里面创建一个项目,在创建的空项目中可以进行一些操作创建完成项目之后会直接进入一个类似于终端控制台的界面
不良使·2022-07-19 17:18

利用pixi.js制作简单的跑酷小游戏

目录前言项目地址demo地址初始化项目主要逻辑useParkouruseSceneuseHurdlePlayer前言此项目使用pixi.js和vue实现，部分素材来自爱给网，本项目仅作用于pixi.js
·2022-07-18 16:48

使用pixi.js制作简单的跑酷小游戏

前言此项目使用pixi.js和vue实现，部分素材来自爱给网，本项目仅作用于pixi.js学习用途，侵权立删。
·2022-07-18 14:47

如何在react中使用pixi快速的做一个的炫酷的刹车特效！（全注释，附源码）

然后先在app.js引入PIXI，gsap这两个包import*asPIXIfrom'pixi.js'i
·2022-07-11 21:44

数独动态解题演示小网站 - 基于Vue/pixi.js/Flask

解数独不难，但如果能动态演示解题步骤就更好了。参考：最难数独的快速解法-pythonhttps://www.jianshu.com/p/1b2ee6539d4b功能读取公开网站的数独题目或者手工输入数独题目提交到后台，秒解可以单步演示解题步骤demo网站:https://mysudo.herokuapp.com/sudo_dynamic.gif上面是GIF动图，2.52MB，尺寸较大，可以下载下来
非梦nj·2022-02-18 21:43

CSS 快速实现烟花绽放（仅100多行代码）

比如一些比较轻量、装饰性的动画，CSS动画就足够了，而一些对动画要求比较高的运营活动，创意小游戏等，JS动画肯定是首选，必要情况下还需要借助一些图形库，比如Pixi.js。其次
前端开发博客·2022-02-09 20:51

pixi.js小笔记

1，精灵图的宽高等属性是通过缩放实现的2，中心点位置默认在左上，通过anchor.set（0.5,0.5）可以设置为中心点为节点中心位置.
·2021-11-17 18:07

【PIXI.JS】问题集锦

轻量2D渲染库Documentshttp://pixijs.download/releas...遇到的坑如何获取绘制出的形状面积constspaces=this.graph.spacesconstextract=this.renderer.plugins.extractconstgraphics//根据形状绘制方法，设置fillStyle重绘graphics.beginFill(fillColor
·2021-10-11 15:04

canvas 粒子线条

引言本来是想学习一下Pixi.js的粒子效果，结果做出来的效果粗粗糙糙的，想要做出好看的效果粒子运动轨迹离不开算法，还需要些时间研究==。
DigitMagic魔数实验室·2021-07-21 20:28

Pixi.js 与 DragonBones

动画游戏是用Pixi.js写的，动画是用DragonBones制作的。最开始的想法是这个简单的动画，完全可以用代码写。
JetLu·2021-06-22 13:32

PhaserJs实现营销小游戏

（一）PhaserJS简介PhaserJs是一款专门用于桌面及移动HTML2D游戏开发的开源免费框架，提供JavaScript和TypeScript双重支持，内置游戏对象的物理属性，采用Pixi.js引擎以加快
小奵猫·2021-06-05 00:26

PIXI.JS 基于parcel 打包es6 class语法 做了个流星雨

demo比较简单，有没有PIXI.JS基础应该都能看懂。
·2021-04-13 19:00

PIXI.JS源码解析：Ticker.js

今天我们就借用PIXI.JS的源码来说说以上功能的实现（本文不打算讲解TS，为了方(tou)便(lan)就是用v4版本的代码）本文要讲解的是core/ticker目录中的Ticker和TickerListener
这是上帝的杰作·2020-12-23 22:55

学习-PIXIJS-step1

该软件包与pixi.js相同，但是为不支持WebGL或更现代的JavaScript功能的浏览器提供后备支持。npmins
木子喵·2020-11-30 22:13

前端动画渲染引擎pixi.js系列（8）动画精灵AnimatedSprite实现逐帧动画效果

逐帧动画是一种常见的动画形式（FrameByFrame），其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。因为逐帧动画的帧序列内容不一样，不但给制作增加了负担而且最终输出的文件量也很大，但它的优势也很明显：逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容，而它类似与电影的播放模式，很适合于表演细腻的动画。例如：人物或动物急剧转身、头
chongfeng2994·2020-09-13 21:06

h5游戏制作

在过去的几个月里，在canvas游戏框架方面，撸过了CreateJS，玩得了Egret，又学过PIXI.js。在移动前端方面，尤其是小游戏开始有一点点小经验了。但只是小经验，为什么说是小经验？
weixin_30328063·2020-09-12 23:28

PixiJs ———— 精灵加载去缓存

可能有人会问，直接googlecv一条龙不就解决了，但是网上关于pixi.js的文档是很少的，官方文档看了看，开发论坛看了看，都说用clearTextureCache方法，，通过打印发现是在load阶段给出的
初见·2020-08-24 17:11

音频可视化中的信号处理方案

音频可视化是一个“听”起来非常“美”好的话题，其复杂程度很大程度上依赖视觉方案（一些例子），不同的视觉方案决定了你的技术方案选型，比如three.js，pixi.js等引擎。
方泉水很甜·2020-08-21 19:06

前端动画渲染引擎pixi.js系列（8）动画精灵AnimatedSprite实现逐帧动画效果

逐帧动画是一种常见的动画形式（FrameByFrame），其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。因为逐帧动画的帧序列内容不一样，不但给制作增加了负担而且最终输出的文件量也很大，但它的优势也很明显：逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容，而它类似与电影的播放模式，很适合于表演细腻的动画。例如：人物或动物急剧转身、头
黄泽平·2020-08-09 03:49

使用 pixi.js 开发微信小游戏

但是对pixi.js情有独钟，所以开始进入正题。目标：把pixi-filters的在线demo放到微信小游戏上。首先通过微信开发工具建立一个空项目
JetLu·2020-07-30 16:17

什么是pixi

Pixi.js是一个开源的HTML52D渲染引擎，使用WebGL实现，不支持的浏览器会自动降低到Canvas实现。PixiJS的目标是提供一个快速且轻量级的2D库，并能兼容所有设备。
yyshang·2020-07-30 09:57
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他