目录
回复内容:
首页 web前端 H5教程 opengl/webgl 可以部分重绘吗?

opengl/webgl 可以部分重绘吗?

Jun 07, 2016 am 08:44 AM
webgl

我是webgl的初学者,在学习过程中发现教程中讲解 webgl 动画的时候,基本都是清除屏幕,然后应用变换,重新绘制这样的过程来达到动起来的效果。 但是我想,如果在一个非常复杂的场景中,只有一个很小的部分在移动,那么是否可以只绘制这很小的一部分不用全部的重新绘制呢?

回复内容:

实践上通常没太大意义。因为对于一个典型的3D场景,很多影响是全局的。比如一个物体的投影,很可能投到离得很远的另一个物体上。再比如运动模糊、ambient occlusion这类二维特效,也得是在整个场景渲染到二维的基础上。你只刷屏幕上面的一个块,就“不对”了。
实际上,3D场景的剪裁,通常在场景图上完成,而不是在屏幕空间上搞。 用scissor test,你就可以只clear一部分,只画那块区域的物体,再配合EGL_NV_post_sub_buffer,就可以只swap一部分。

但是实际使用中,你仍会发现这么做没意义,几乎所有时候你都会需要刷全屏。 如上面大家所说的 scissor test 可以做这个。不过一般3d场景用这个意义不大。因为你这个移动的小物体,可能影响到其他物体或者全局绘制的物体。这种情况下还是要重绘的。

但在特殊的一些场景上可以用到:
1 比如那种3d编辑器的左视图,上视图,下视图等等。在不同的区域显示不同的视角。
2 立体3D 需要绘制左眼/右眼 区域。其实和1类似。
3 3D UI,就是基于OpenGL/ES 接口做的 2D UI效果。比如安卓UI系统/一些电视上Launcher等等。 你说的这种情况在远程绘制的时候有应用。
比如一个类似足球游戏的场景,其实显示端不太关注观众台,这样观众台的信息是不用每帧都传输的(只需要第一帧的时候传输背景,之后可以若干帧传输一次,或者再也不传输)。

但是我说的这个应用和你所描述的是不一样的,因为远程绘制的瓶颈可能是网络,而不是绘制时间。 可以的,渲染视频的时候就这么做过。
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1663
14
CakePHP 教程
1420
52
Laravel 教程
1313
25
PHP教程
1266
29
C# 教程
1238
24
H5与HTML5相同吗? H5与HTML5相同吗? Apr 08, 2025 am 12:16 AM

"h5"和"HTML5"在大多数情况下是相同的,但它们在某些特定场景下可能有不同的含义。1."HTML5"是W3C定义的标准,包含新标签和API。2."h5"通常是HTML5的简称,但在移动开发中可能指基于HTML5的框架。理解这些区别有助于在项目中准确使用这些术语。

H5代码:可访问性和语义HTML H5代码:可访问性和语义HTML Apr 09, 2025 am 12:05 AM

H5通过语义化元素和ARIA属性提升网页的可访问性和SEO效果。1.使用、、等元素组织内容结构,提高SEO。2.ARIA属性如aria-label增强可访问性,辅助技术用户可顺利使用网页。

H5指的是什么?探索上下文 H5指的是什么?探索上下文 Apr 12, 2025 am 12:03 AM

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

H5:网络标准和技术的发展 H5:网络标准和技术的发展 Apr 15, 2025 am 12:12 AM

Web标准和技术从HTML4、CSS2和简单的JavaScript演变至今,经历了显着的发展。 1)HTML5引入了Canvas、WebStorage等API,增强了Web应用的复杂性和互动性。 2)CSS3增加了动画和过渡功能,使页面效果更加丰富。 3)JavaScript通过Node.js和ES6的现代化语法,如箭头函数和类,提升了开发效率和代码可读性,这些变化推动了Web应用的性能优化和最佳实践的发展。

H5代码:Web开发人员的最佳实践 H5代码:Web开发人员的最佳实践 Apr 16, 2025 am 12:14 AM

H5代码的最佳实践包括:1.使用正确的DOCTYPE声明和字符编码;2.采用语义化标签;3.减少HTTP请求;4.使用异步加载;5.优化图像。这些实践能提升网页的效率、可维护性和用户体验。

H5是HTML5的速记吗?探索细节 H5是HTML5的速记吗?探索细节 Apr 14, 2025 am 12:05 AM

H5不仅仅是HTML5的简称,它代表了一个更广泛的现代网页开发技术生态:1.H5包括HTML5、CSS3、JavaScript及相关API和技术;2.它提供更丰富、互动、流畅的用户体验,能在多设备上无缝运行;3.使用H5技术栈可以创建响应式网页和复杂交互功能。

H5和HTML5:网络开发中常用的术语 H5和HTML5:网络开发中常用的术语 Apr 13, 2025 am 12:01 AM

H5与HTML5指的是同一个东西,即HTML5。HTML5是HTML的第五个版本,带来了语义化标签、多媒体支持、画布与图形、离线存储与本地存储等新功能,提升了网页的表现力和交互性。

H5:工具,框架和最佳实践 H5:工具,框架和最佳实践 Apr 11, 2025 am 12:11 AM

H5开发需要掌握的工具和框架包括Vue.js、React和Webpack。1.Vue.js适用于构建用户界面,支持组件化开发。2.React通过虚拟DOM优化页面渲染,适合复杂应用。3.Webpack用于模块打包,优化资源加载。

See all articles