云栖社区

  1. 云栖社区>
  2. 全部标签>
  3. #WebKit#
WebKit

#WebKit#

已有0人关注此标签

内容分类：
博客 | 问答 | 视频 | 资料 |

23. WebVR播放器: 消费升级带来的机遇

#紧接上文 WebGL及其WebVR技术的发展，让开发者无需编译打包，即可快速开发AR/VR业务。比如，开发一个VR播放器。 那么问题来了，各大公司在追求的AR/VR技术，本质的驱动力是什么呢？2016中国文化产业峰会，[《李彦宏谈文化消费新机遇》](https://view.inews.qq.

前端与交互设计 javascript html5 webgl canvas 阿里技术协会 OpenGL 淘宝 WebKit android、

12. Html5的局：WebGL跨平台的取与舍

# 紧接上文 在阅读WebKit源码中，讨论了Canvas在iOS平台使用的CoreGraphics框架作为渲染的工具，它运行在CPU上。WebGL是直接运行在GPU上的API，因此优化空间更大，对程序员要求更高。这次我们看看，WebGL如何对格式转换的，为我们后续three.js导入数据模型做铺设。 #常见的纹理格式 ## OpenGL ES2.0在多终端的差异 在WebKit中，默

ios android html5 性能优化 webgl 程序员 函数 阿里技术协会 OpenGL API 多线程 Apple H5 WebKit OpenGLES2.0

13. Html5的局：WebGL的模糊边界

#紧接上文 WebGL是一套跨平台的渲染技术，向上提供统一的标准API，向下屏蔽了硬件厂商的差异，最大化的降低OpenGL的移植成本，同时也失去了一些特色的高级GL功能。 先看看常用的纹理数据的变化。 #WebGL的标准的落地与否 ## 标准不代表WebKit支持 就像JavaScript的E6标准不是所有浏览器都支持一样，WebGL的很多标准在不同的平台不一定支持，比如Textur

html5 webgl 阿里技术协会 OpenGL 前端开发 type Firefox WebKit OpenGLES2.0 纹理格式

14. Html5的局：WebGL的纹理格式

#紧接上文 WebGL作为通用的标准，屏蔽了一些硬件厂商的高级特性，有舍就会有取，那么在一些比较常用的功能上，如果硬件无法满足通用，那么就会通过CPU来弥补硬件的不足。 图片的纹理格式，就是其中的一个点。 #常见的纹理格式 我们引用12章：[WebGL跨平台的取与舍](http://www.atatech.org/articles/45792)的图片: ![screenshot](h

html5 webgl 性能 阿里技术协会 http OpenGL CPU GPU Firefox ScreenShot WebKit OpenGLES2.0 pixelStorei

15. Html5的局：WebGL的纹理格式的转换

#紧接上文 WebKit为了统一WebGL的书写规范，对OpenGL的标准进行四书五入，推出了平台无关的API标准，同时为了简化底层硬件的差异，又新增了一些纹理格式的支持，由内核提供高性能的图像转换，扩展了OpenGL得标准。 那么，WebGL在底层做了些什么呢？复杂吗？可以自己实现吗？ #纹理格式转换计算量大 这是WebGL为前端同学提供的福利，上层开发可以更加专注业务书写，充分挖掘

html5 webgl 函数 阿里技术协会 http Image OpenGL case Firefox ScreenShot WebKit OpenGLES2.0

09. WebApp2.0时代启程：倒立者赢，挑战Android性能极限

紧接上文，在终端硬件资源有限的大背景下，业务脚本+图形内核，将是未来主流的开发方式。AEPixi使用C/C++、JS、JNI、OC等混合语言开发，将pixi.js变成高性能的Native内核，提供上层pixi.js标准的API，无缝的兼容浏览器开发好的代码，实现浏览器开发，无需编译，到处运行的开发方式。 今天我们做一个H5的Demo，使用FireFox开发，开发完成之后，直接使用上一

java html5 webgl canvas 阿里技术协会 C/C++ Lua GPU H5 reactnative WebKit SpiderMonkey OpenGLES02 pixi.js AEPixi

10. Html5的局：这些年，WebGL替我们做的那些事

### （一）Html5新功能 最重要的功能之一当属WebGL了，和3D图形规范OpenGL、通用计算规范OpenCL一样，来自Khronos Group，2011年对外公布，到现在已经开始有WebGL2.0规范的雏形了。 这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，为Html5的Canvas提供硬件3D加速渲染，如下图所示： ![screenshot]

html5 webgl canvas 函数 阿里技术协会 面向对象 OpenGL API 编程 source 3D WebKit OpenGLES2.0 2d

11. Html5的局：从CPU到GPU，底层技术的变化

# 紧接上文 WebGL为不同的平台/硬件提供了统一的封装，屏蔽了OpenGL ES2.0在各平台差异。后续我们会继续谈谈OpenGL ES2.0在Android/iOS平台的更多差异。 这回我们分析WebKit的源码，谈谈WebGL与Cavans不同，WebGL又多做了哪些呢，性能提升在哪里呢。 # 在H5中渲染机制 我们可以使用多种方式来绘制图形【本文以iOS版本的WebKit为例

javascript html5 webgl canvas 阿里技术协会 http Image OpenGL CPU GPU ScreenShot WebKit OpenGLES2.0

上一页 1 下一页
共1页
第
页 GO
  • 热门标签
更多>
小程序 Docker Java核心技术 java 大数据 数据存储与数据库 开发框架与中间件 安全 分布式系统与计算 互联网产品及应用