[转] [HTML5] pixieengine在线js游戏开发工具发布

最新推荐文章于 2025-09-17 06:42:32 发布
原创 最新推荐文章于 2025-09-17 06:42:32 发布 · 175 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#游戏 #HTML5 #IDE #Flash #PHP

ct-js：Ct.js是一个桌面游戏引擎，它的可视化编辑器和文档齐全的代码库使学习编程乐趣和游戏开发变得轻松
02-04
Ct.js是2D游戏编辑器，它押宝于优质的文档，可视化工具和流畅的工作流程。 对于错误，功能请求，正在开发的问题，请使用以便我们更好地跟踪它们。 有关制作游戏的一般支持，请在我们的提问。 需要贡献者！ Ct.js是由CoMiGo维护的项目，也主要由他们进行编程，几乎没有和翻译者的支持。 而且很烂！ Ct.js是一个优秀的游戏编辑器，但可以是最好的游戏编辑器，而且一个开发人员不足以将其从梦想转变为现实。 如果您愿意参与ct.js的未来，请通过Discord（CoMiGo＃7821）或Telegram（@CoMiGo）与我联系。 或直接跳至以解决当前问题。 在产品搜寻网站上支持ct.js：
Pixie Image Editor 在线图片编辑器 中文版
05-30
Pixie Image Editor 在线图片编辑器 中文版 功能 集成 - 轻松将pixie集成到任何现有项目或应用程序中。 可扩展 - Pixie接口和API可以使用新功能进行扩展。 移动 - Pixie拥有完整的移动支持，并可自动调整其界面以适应任何设备的大小。 可自定义的UI - 通过显示，隐藏或添加新菜单项，更改工具栏位置或使用不同的主题来自定义UI。 可翻译 - Pixie的界面可通过配置完全翻译。 水印 - 保存的照片可以使用指定的文本轻松加水印。 模式 - 在叠加（模态），内联或全屏模式之间进行选择。 工具API - 通过API使用所有精灵工具（调整大小，裁剪，框架等），而无需打开精灵界面。 可自定义的工具 - 所有工具都可完全自定义，您可以删除或修改和添加自定义贴纸，形状，字体，框架等。 状态 - 以json格式保存当前编辑器状态，允许使用预构建模板等功能。 照片处理 - 通过界面或API调整大小，裁剪，转换等。 滤镜 - Pixie配有许多内置滤镜，如灰度，模糊，黑白，复古等。可以通过API添加更多过滤器.. 框架 - 为任何大小的照片添加内置响应帧或添加自己的帧。 裁剪 - 将照片裁剪为指定宽高比之一，或让用户通过UI选择自定义裁剪区域。 绘图 - 功能强大的免费绘图工具支持鼠标和触摸，具有多种画笔类型，颜色等。 文本 - 完全支持向图像添加文本。可以使用数百种谷歌字体或仅使用自定义添加的字体。 形状 - 只需指定svg图像路径，即可轻松添加自定义形状。 贴纸 - 可以添加或删除自定义贴纸。任何类型的图像都可以用作贴纸。 角落 - 只需单击一下或API调用即可对图像角进行四舍五入。 空画布 - Pixie不必编辑现有照片，也可以从头开始轻松创建自定义图像。 历史记录 - 所有编辑器操作都是非破坏性的，可以通过历史记录工具轻松撤消和重做。 对象 - 所有对象（如贴纸，形状和文本）都在自己的图层上，可以通过更改颜色，添加阴影，背景等来轻松移动，调整大小，删除和修改。 图案和渐变 - 所有对象都可以使用许多内置或自定义图案和渐变填充。 保存 - 修改后的图像可以通过API或接口轻松保存在本地设备或服务器上。 缩放和平移 - 可以使用鼠标，鼠标滚轮或移动设备上的触摸和捏合手势来缩放和平移画布。 HTML5 - Pixie使用原生HTML5，这意味着它可以在每个设备上运行。
14个非常棒的 JavaScript 游戏开发框架推荐
weixin_34362875的博客
04-25 1159
您可能还喜欢   九个让人难以置信的HTML5和JavaScript实验 让人眼花缭乱的 HTML5 和 JavaScript 效果 推荐18个基于 HTML 5 Canvas 开发的图表库 29款基于 HTML5 Canvas 开发的网页游戏 五大主流浏览器 CSS3 和 HTML5 兼容性大比拼   　　随着JavaScript结合HTML5开发越来越受欢迎，很多浏览器...
突破前端图像编辑瓶颈：Cropper.js与Konva.js/PixiJS协同实战指南
最新发布
gitblog_01160的博客
09-17 653
你是否还在为前端图像编辑功能的实现而头疼？当需要同时处理图像裁剪、高级图形绘制和交互时，单一库往往难以满足需求。本文将带你深入探讨如何将Cropper.js与Konva.js/PixiJS这两个强大的库无缝集成，构建专业级的前端图像编辑系统。读完本文，你将能够： - 理解Cropper.js、Konva.js和PixiJS的核心优势与适用场景 - 掌握Cropper.js与Konva.js的深度...
开始学习 PixiJS
weixin_33859231的博客
11-26 490
PixiJS 介绍 PixiJS 是一个超快的2D渲染引擎。它自动侦测使用 WebGL 或者 Canvas。开发者无需专门学习 WebGL 就能感受到强大的硬件加速的力量。 PixiJS 会帮助你用 JavaScript 或者其他 HTML5 技术来显示媒体，创建动画或管理交互式图像，从而制作一个游戏或应用。它拥有语义化的，简洁的 API 接口并且加入了一些非常有用的特性。比如支持纹理贴图集和为...
学习 PixiJS — 小精灵冒险
weixin_34205826的博客
03-11 472
说明 小精灵冒险 是 Learn Pixi.js 一书中最后一个案例。点击屏幕让小精灵飞起来，小精灵上升时，会拍打翅膀，并且会有小星星产生。如果她撞到柱子上，她会爆炸成一堆小星星。帮助她通过15个柱子的间隙到达终点，界面会显示一个巨大 Finish 标志。 试玩一下 下载源码 下来让我们看看怎么制作这个游戏的吧！ 创建滚动背景 还记得 学习 PixiJS — 视觉效果 一文中提到的视差效...
PIXIEENGINE.COM：Ruby与Rails构建的像素艺术社交网络平台
- 平台特点：网站名称中的“engine”可能意味着该平台提供了一种机制或工具来支持像素艺术创作，可能是一个游戏引擎、图形编辑器或其他类型的创作工具。 **描述知识点：** - Ruby版本：提到使用Ruby语言，具体版本...
学习 PixiJS — 动画精灵
weixin_34037515的博客
01-14 765
说明 看完官方教程中提到的这本书 — Learn Pixi.js ，准备写写读后感了，官方教程中所说的内容，基本上就是书的前4章，所以我就从第5章开始写写吧。 动画精灵指的是按顺序使用一系列略有不同的图像，创建的精灵，之后一帧一帧的播放这些图像，就可以产生运动的幻觉。 也就是说用这种图片 做出这样的效果 要制作动画精灵我们需要用到 PixiJS 的 AnimatedSprite 方法。 P...
PIXIJS 文档说明
Shuanger112的博客
12-24 4066
PIXI.js 1.安装： npm install pixi.js 2.引入： import * as PIXI from 'pixi.js' 3.使用： 几个基本概念： PIXI应用 首先我们在使用PIXI.js时需要先创建一个PIXI应用，也就是生成一个实例，可以传入相应的参数设置， 此时会生成一个canvas元素，这个元素就是app的view属性，然后需要将创建出来的元素添加到页面中 l...
H5 2D渲染引擎—Pixi.js简介及小demo
hb_zhouyj的博客
08-30 6719
简介 Pixi.js是一个快速的轻量级的2D动画渲染引擎，可以在浏览器里创建出丰富的交互式图形、动画和跨平台的游戏及应用程序等，主打支持硬件GPU渲染的WebGL API，如若浏览器不支持WebGL，Pixi则会回退使用Canvas来进行渲染。 PixiJS的官网地址是：http://www.pixijs.com/ PixiJS的开源地址是：https://github.com/pixi
PixiJS核心概念及简单上手
小平果的欢乐谷
10-19 8292
PixiJS核心概念及简单上手 0. PixiJS 介绍 PixiJS是一个轻量级的2D渲染引擎，它能自动侦测使用WebGL还是Canvas来创建图形。开发者无需专门学习 WebGL 就能感受到强大的硬件加速的力量。 PixiJS 会帮助你用 JavaScript 或者其他 HTML5 技术来显示媒体，创建动画或管理交互式图像（精灵），从而制作一个游戏或应用。它拥有语义化简洁的 API 接口。比如支持纹理贴图集和为精灵提供了一些简单的动画系统。它也提供了一个完备的场景图，你可以在精灵图层里面创建另一个精灵
thing-editor:基于pixi.js的视觉游戏编辑器
04-28
编辑器 pixi.js的视觉游戏编辑器5。 正在测试Beta版的项目。 安装 请检查您是否有最新的NodeJS，NPM，Chrome和ffmpeg的计算机上，installlation之前。 使用下一个脚本来安装编辑器和示例项目。 成功安装后，编辑器应作为chrome页面自动启动。 要手动启动编辑器，请在thing-editor文件夹中使用npm start mkdir game_editor_here cd game_editor_here git clone https://github.com/Megabyteceer/thing-editor.git git clone https://github.com/Megabyteceer/thing-project-example.git games/thing-project-example cd thing-editor npm
PixiJs基础使用
qq_45645848的博客
10-09 1430
【代码】PixiJs基础使用。
PixiJS超级详细教程【从入门到入土-上】
热门推荐
烟溪彭于晏的博客
10-10 1万+
来自GitHub教程
[转]前端游戏引擎CreateJS与PixiJS之比较
Admans的专栏
10-26 723
经过数年的发展演化，HTML 5 为基础的游戏引擎很多，本文将就其中两个国外的著名的引擎CreateJS和PixiJS进行比较分析。鉴于CreateJS有工具帮忙又集成了声音引擎，所以如果对性能和兼容性要求不高，希望进行短期快速简单的开发，可以选择CreateJS。但由于性能问题和无法期望其进行延续行的开发和支持，如果项目希望有更好的品质，而且资源，时间充足，Pixi则是更好的选择。作者：时间1812来源：优快云。
Pixi.js技术探索：开发者必备的视觉开发工具
ztK63LrD的博客
07-16 4345
pixi.js是一个开源的轻量级2D渲染引擎，专注于利用WebGL和HTML5中的Canvas技术来实现高性能的交互式图形和动画。它旨在提供一个简单而强大的工具集，使开发者能够轻松地创建各种类型的视觉效果，包括游戏、数据可视化、广告和其他富媒体应用程序。
眨个眼就学会了 Pixi.js
IT界那些事儿
07-14 1596
当今的Web开发中，图形和动画已经成为了吸引用户注意力的重要手段之一。而Pixi.js作为一款高效、易用的2D渲染引擎，已经成为了许多开发者的首选~~（我吹的）~~。本文将介绍PixiJS的基础知识和使用方法，希望可以光速入门，掌握Pixi.js的用法。实际工作中我还没有用上Pixi.js，本文只是记录我的学习过程。将我认为入门时需要掌握的知识点记录下来。所以，你们懂的，太难的问题我回答不上，或者我会用拆特鸡皮蹄敷衍你。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值