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
GO