PIXI

游戏开发：Html5 虚拟摇杆控制人物移动

效果：运行地址：http://h5demo.yyfuncdn.com/res/gameDemo/Pokemon/game.html摇杆显示：因为制作该游戏使用了pixi框架，所以需要利用PIXI.Graphics
鱿鱼酱紫·2024-02-02 23:24

Pixi.js的魅力

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

部分词汇

titixi你们的sida他pida它soda她sipisoda他，她，它们sisi名词cisi词典连词dosi动词dasi代词hisi语气词tisi介词pisi形容词fusi副词susi数词sixi帅的pixi
汝且候·2024-01-21 17:29

六边形消除游戏开发

六边形游戏的鼻祖应该是这个hex-frvr，原作者开发用的是pixi游戏引擎，本着快速开发的理念，本游戏采用cocoscreator，UI延用hex-frvr。学习过程中，有借鉴各路实现。
汤米粥·2024-01-21 04:37

pixi 平铺精灵 demo (一)

引言本篇是在学习pixi平铺精灵的时候联想起的一个视差滚动加碰撞检测的demo以及遇到的一个问题。
DigitMagic魔数实验室·2024-01-17 19:40

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-live2d-display，直接可用的live2d的交互网页/桌面应用

效果：constcubism2Model="https://cdn.jsdelivr.net/gh/guansss/pixi-live2d-display/test/assets/shizuku/shizuku.model.json
佩洛君·2024-01-10 15:07

Pixi入门第三章：绘制更多内容

上一个章节绘制了长方形，原型，椭圆形，这节说下绘制线，绘制线和绘制图形的方式差不多，依然是是Graohics对象来绘制，先设置线条的样式，再绘制从某个点到某个点，绘制结束后将这条线加入到stage舞台上。//创建图形类constgraphics=newPIXI.Graphics()//设置线的样式，第一个参数是线宽，第二个参数是颜色graphics.lineStyle(5,0xAAAAAA);//
baker_zhuang·2024-01-05 19:55

Pixi入门第二章：绘制各种图形

上一个章节已经大概介绍了Pixi，并做了一个简单的例子，这节正式入门，因为pixi是用来绘制图形的，那么这节就从头开始说用pixi绘制一个简单的图形，先从最简单的长方形开始，//新建一个PIXI的Graphics
baker_zhuang·2024-01-05 19:25

uni-app中使用pixijs绘制兼容H5和微信小程序大转盘游戏

重置转盘数据//#ifdefMP-WEIXINimport{createPIXI}from"@/libs/pixi.miniprogram";constunsafeEval=require("@/libs
lyj168997·2023-12-30 06:59

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

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

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

使用loader加载图片引用自gpt首先需要使用PIXI的Loader类或PIXI.Loader.shared加载图片资源。
2301_78916954·2023-12-14 21:41

日常记录PIXI的使用

实现效果实现思路，被点击的块背景颜色突出显示，写一个背景颜色不一样的块，通过移动他的位置实现其他块的突出显示//创建点击矩形图形并绘制，预览constrectangle1=newPIXI.Graphics();rectangle1.beginFill(0xFF0000,0);rectangle1.drawRect(0,0,70,48);rectangle1.endFill();rectangle1
前端小菜鸟也有人起·2023-12-05 05:17

PIXI教程

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

跟随鼠标的粒子特效分享

我们进入正题，先看效果：上代码：html,body{padding:0;margin:0;overflow:hidden;}import*asPIXIfrom'https://cdn.skypack.dev/pixi.js
timi先生·2023-11-20 09:10

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

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

egret 使用spine骨骼动画

这些骨骼动画本来是在cocos中使用，现在需要在egretwing中直接使用这些骨骼动画最开始是使用PIXI在html里面直接使用functioncreateAnibyPixi(strpath,parent
Lost_the_wind·2023-11-02 11:14

2D网页游戏开发引擎

2.Pixi
defdsdddev·2023-10-31 09:40

眨个眼就学会了PixiJS

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

Konva基本处理流程和相关架构设计

基于Canvas之上，诞生了例如PIXI、ZRender、Fabric、Konva等Canvas渲染引擎，兼顾易用的同时保证了优秀可靠的渲染性能。
玉案轩窗·2023-09-27 09:14

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

pixi官网小游戏效果两个文件夹一个index.html一个data.js//data.jsimport{reactive}from"vue";import{Sprite,utils,Rectangle
只会cv的小前端·2023-09-20 09:11

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

/node_modules/@pixi/assets/lib/resolver/parsers/resolveTextureUrl.mjsModuleparsefailed:Unexpectedtoken
我家媳妇儿萌哒哒·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 渲染引擎

本文在小程序中使用pixi渲染引擎。引入改造后的pixipixi与小程序不是很匹配，需要进行对应改造才可在小程序中使用。
anyRTC·2023-07-14 13:28

使用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

PixiJS 源码深入解读：用于循环渲染的 Ticker 模块

使用在我们实例化PIXI.Application时，PIXI.Application内部注册的插件之一的TickerPlugin会被初始化：Application.
前端西瓜哥·2023-06-13 00:25

眨个眼就学会了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

60行代码，制作H5版飞机大战游戏

用最基础的代码逻辑，实现了飞机大战的核心玩法点击这里可以试玩欧制作使用了PIXI框架，对于制作H5应用的运行效率优化的还算不错。
弹了个球·2023-03-26 15:39

Pixijs框架使用

创建Pixi应用程序使用默认参数//创建一个Pixi应用程序（宽默认800，高默认600，背景色值默认为16进制0x000000）varapp=newPIXI.Application();//添加到页面中
pengjielele·2023-03-24 05:03

全球热销3亿的《皮卡西随身绘本》

“皮卡西”（PIXI），源于英文单词“
周公子2018·2023-03-22 04:31

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

从0到1实现基于Pixi js的Spine头像生成功能

项目背景这个项目是给每个用户提供了一个avatar动态形象。用户可以任意搭配头发、衣服等部件。要求在在用户保存形象的同时，生成头像截图，头像背景需要自定义，跟动态形象不是同一个背景。u06x0-gaw11.gif技术背景整体采用Pixijs+Spine+Vue的技术栈技术难点一用户形象是动画，如果直接截屏，会导致每次截取的形象不同，而且可能出现闭眼的情况。比如下面的截图：image.png二给生成
hello_小丁同学·2023-01-27 18:00

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

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

【第二届青训营-寒假前端场】- 「小游戏开发」笔记

TheNVLMaker**RPGMaker**Web游戏引擎CocosLayaEgretCreateJS&Phaser功能引擎2D游戏引擎的技术架构Web游戏引擎的渲染原理游戏开发的技能树PixiJS+Web开发Pixi
余cos·2022-09-28 07: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
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他