Pixi.js 是一个开源的HTML5 2D 渲染引擎，使用 WebGL 实现，不支持的浏览器会自动降低到 Canvas 实现。PixiJS 的目标是提供一个快速且轻量级的2D库，并能兼容所有设备。此外，让开发者无需了解WebGL，就可以感受到硬件加速的力量。
您可能感兴趣的相关文章
PixiJS - 基于 WebGL 的超快 HTML5 2D 渲染引擎
2017-04-10
1761
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Pixi.js 是一个开源的HTML5 2D 渲染引擎，使用 WebGL 实现，不支持的浏览器会自动降低到 Canvas 实现。PixiJS 的目标是提供一个快速且轻量级的2D库，并能兼容所有设备。
目录
相关文章
|
JavaScript
前端开发
Web App开发
带你读《Three. js开发指南： 基于WebGL和HTML5在网页上渲染 3D图形和动画（原书第3版）》之一：使用Three.js创建你的第一个三维场景
本书将介绍如何直在浏览器中创建漂亮的3D场景和动画，并且充分发挥WebGL和现代浏览器的潜能。首先介绍基本概念和基础组件，然后通过逐渐扩展示例代码逐步深讲解更多高级技术。在本书中读者将学到如何从外部加载3D模型和具有真实效果的材质纹理、学习使用Three.js提供的摄像机组件来实现在3D场景中飞行和走动、如何将HTML5视频和画布作为材质贴在3D模型表面。此外还将学习变形动画和骨骼动画，甚至还会涉及在场景中使用物理模拟的方法，例如重力、碰撞检测等等。
5382
0
0
|
8月前
|
Web App开发
移动开发
iOS开发
|
7月前
|
存储
移动开发
数据可视化
|
移动开发
小程序
图形学
|
移动开发
监控
前端开发
|
JavaScript
HTML5
移动开发
带你读《Three. js开发指南： 基于WebGL和HTML5在网页上渲染 3D图形和动画（原书第3版）》之三：学习使用Three.js中的光源
本书将介绍如何直在浏览器中创建漂亮的3D场景和动画，并且充分发挥WebGL和现代浏览器的潜能。首先介绍基本概念和基础组件，然后通过逐渐扩展示例代码逐步深讲解更多高级技术。在本书中读者将学到如何从外部加载3D模型和具有真实效果的材质纹理、学习使用Three.js提供的摄像机组件来实现在3D场景中飞行和走动、如何将HTML5视频和画布作为材质贴在3D模型表面。此外还将学习变形动画和骨骼动画，甚至还会涉及在场景中使用物理模拟的方法，例如重力、碰撞检测等等。
2577
0
0
|
JavaScript
HTML5
移动开发
带你读《Three. js开发指南： 基于WebGL和HTML5在网页上渲染 3D图形和动画（原书第3版）》之二：构建Three.js应用的基本组件
本书将介绍如何直在浏览器中创建漂亮的3D场景和动画，并且充分发挥WebGL和现代浏览器的潜能。首先介绍基本概念和基础组件，然后通过逐渐扩展示例代码逐步深讲解更多高级技术。在本书中读者将学到如何从外部加载3D模型和具有真实效果的材质纹理、学习使用Three.js提供的摄像机组件来实现在3D场景中飞行和走动、如何将HTML5视频和画布作为材质贴在3D模型表面。此外还将学习变形动画和骨骼动画，甚至还会涉及在场景中使用物理模拟的方法，例如重力、碰撞检测等等。
3074
0
0
|
移动开发
HTML5
容器
基于 HTML5 WebGL 的 3D 网络拓扑结构图
现在，3D 模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型；电影行业将它们用于活动的人物、物体以及现实电影；视频游戏产业将它们作为计算机与视频游戏中的资源；在科学领域将它们作为化合物的精确模型；建筑业将它们用来展示提议的建筑物或者风景表现；工程界将它们用于设计新设备、交通工具、结构以及其它应用领域；在最近几十年，地球科学领域开始构建三维地质模型，而且 3D 模型经常做成动画，例如，在故事片电影以及计算机与视频游戏中大量地应用三维模型。
2049
0
0
|
移动开发
监控
数据格式
快速开发 HTML5 WebGL 的 3D 斜面拖拽生成模型
2191
0
0
|
Web App开发
移动开发
HTML5
基于HTML5的WebGL结合Box2DJS物理引擎应用
上篇我们基于HT for Web呈现了A* Search Algorithm的3D寻路效果，这篇我们将采用HT for Web 3D来呈现Box2DJS物理引擎的碰撞效果，同上篇其实Box2DJS只是二维的平面碰撞物理引擎，但同样通过3D的呈现能让人更直观的体验到碰撞效果，最终例子效果：
http://hightopo.com/demo/box2djs/ht-box2d-demo.html
Box2D最早是Erin Catto在GDC大会上的一个展示例子，后来不断完善成C++的开源物理引擎库，这些年了衍生出Java、ActionScript以及JS等版本，被广泛应用在游戏领域。
1099
0
0
热门文章
最新文章
1
组态软件之万维组态介绍（web组态、html组态、vue2/vue3组态）
2
HTML深度解析：更改文本颜色
3
uni-app使用v-html输出富文本图片溢出解决
4
基于SpringBoot+HTML实现登录注册功能模块
5
【前端设计】HTML+CSS+JavaScript基本特性
6
有关Java发送邮件信息（支持附件、html文件模板发送）
7
黑色个人主页HTML源码
8
《HTML 简易速速上手小册》第4章：HTML 的表单与输入（2024 最新版）
9
《HTML 简易速速上手小册》第5章：HTML 高级布局技巧（2024 最新版）
10
如何使用HTML5的语义化标签来提高网站的可访问性？