首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    纹理打包器 TexturePacker

    TexturePacker简单使用 因为我是为了pixi.js来使用的,所以直接看PixiJs的教程就可以啦。 官网上的教程是英文的,但是其实比较简洁,大家翻译工具翻译一下也不会有什么出错。...准备工作 首先准备好需要合成的精灵图片,这里我是从爱给网上找的图片,找下来后我进行了一下处理,下面是我处理好的图片: 需要合成的三张图片找齐了,那么就打开TexturePacker来进行合成...在右侧的输出文件选项中,可以选择你需要的配置,我使用的是pixi.js。当然其他的像unity这些软件的配置也都有。输出文件格式是json格式。之后点击发布精灵表即可。...你只需要知道sprite精灵的帧id(frame id),然后在pixi.js的使用过程中,根据帧id调用这些精灵来进行布局即可。 又一次新的工具和知识get了!

    1.8K00

    HTML5游戏引擎深度测评

    Pixi.js定位 很多人第一眼看到Pixi.js官网,都会不自觉的认为这是一款游戏引擎。...所以当你看到Pixi.js提供了为数不多的功能时,请不要惊讶,因为它只是一款渲染器。 设计理念 Pixi.js的设计理念很多程度来源于它的定位,只做渲染器,要把渲染功能做到最强。...而这样的定位,则会让Pixi.js成为其他引擎的渲染内核。你经常能看到一些游戏引擎,或者产品都基于Pixi.js而开发。...在渲染方面,Phaser并没有自己的渲染内核,而是直接引用了Pixi.js。这确实是个明智之举,因为Pixi.js在渲染性能方面非常强悍。...Pixi.js Pixi.js作为一个渲染器,其工具支持也是相当清爽,除了一个程序库之外,没有提供任何工具。

    7.9K91

    HTML5 游戏引擎深度测评

    Pixi.js 定位 很多人第一眼看到Pixi.js官网,都会不自觉的认为这是一款游戏引擎。...所以当你看到Pixi.js提供了为数不多的功能时,请不要惊讶,因为它只是一款渲染器。 设计理念 Pixi.js的设计理念很多程度来源于它的定位,只做渲染器,要把渲染功能做到最强。...而这样的定位,则会让Pixi.js成为其他引擎的渲染内核。你经常能看到一些游戏引擎,或者产品都基于Pixi.js而开发。...在渲染方面,Phaser并没有自己的渲染内核,而是直接引用了Pixi.js。这确实是个明智之举,因为Pixi.js在渲染性能方面非常强悍。...Pixi.js Pixi.js作为一个渲染器,其工具支持也是相当清爽,除了一个程序库之外,没有提供任何工具。

    6.1K132

    个人开源图形编辑器 Suika 2024 年三季度计划

    2024 第二季度工作做了什么 计划的完成情况: transform 已经重构完成; 尝试改为 pixi.js 渲染器,但渲染效果不满意,没有合到主分支; 实现了编组功能; 还做了的其它功能: 新增铅笔...替换为 pixi.js 然后我尝试重构渲染相关逻辑,改为用 pixi.js,但发现 pixi.js 的渲染不能满足我的需求,具体表现有: 圆形放很大时,不够光滑(提了 issue,维护者建议用大的半径,...曲线较小时倒是没这个问题; 自交的多边形填充渲染是有问题,pixijs 默认使用简单的填充算法提高性能,需要自己替换填充算法; pixi.js 8 支持 webgpu 还是不太行,貌似 webgpu 不太稳定...因为 pixi.js 太手动挡了,需要做的工作太多,所以我就放着不做了,先做其它我更感兴趣的事情去了。...pixi.js 版 suika 编辑器体验地址: https://blog.fstars.wang/app/suika-pixi/ 编组 transform 改造完了,那编组功能自然就安排上了。

    7410
    领券