3d渲染

从图形渲染管线谈性能优化

从图形渲染管线谈性能优化

从图形渲染管线谈性能优化最近做一个3D场景类项目,其中涉及到各种建筑模型、植物模型、地形等等。它需要CPU、GPU、内存的相互配合和深度参与;这一系列过程就是渲染流水线。通常渲染流水线将其渲染流程分为三个阶段:应用阶段、几何阶段、光栅化阶段。因为渲染管线主要涉及的硬件包括CPU、内存、GPU,那么,我们就从CPU端的优化开始吧。 »

Flutter小同学

Metal概念

Metal在 WWDC 2014 上,Apple为游戏开发者推出了新的平台技术 Metal,该技术能够为 3D 图像提高 10 倍的渲染性能,并支持大家熟悉的游戏引擎及公司。使用Metal framework可直接与设备上可用的GPUs通信。MetalKit能简化获取Metal屏幕内容的任务。Metal Performance Shaders能实现自定义的渲染功能,或者利用现有功能的大型库。许多A... »

three.js中文文档学习之创建场景

什么是Three.js? 如果你正在读这篇文章,你可能对Three.js有一定的了解,那我们来简单地介绍下Three.js是什么. Three.js是一个库,使得WebGL的3D效果在浏览器中运用很容易。而在原始的WebGL中一个简单的立方体会变成数百Javascript和着色器代码的行,而一个Three.js只需要一点点代码. 本节目标是为 three.js 做简介。我们从使用旋转立方体来搭建场... »

iOS给图片添加滤镜&使用openGLES动态渲染图片详解及实例

iOS给图片添加滤镜&使用openGLES动态渲染图片 给图片增加滤镜有这两种方式: CoreImage / openGLES  下面先说明如何使用CoreImage给图片添加滤镜, 主要为以下步骤: #1.导入CIImage格式的原始图片 #2.创建CIFilter滤镜 #3.用CIContext将滤镜中的图片渲染出来 #4.导出渲染后的图片 参考代码: //导入CIImage... »

这里写图片描述

Android 渲染机制深入理解

渲染时间线正常情况下Android的GPU会在16ms完成页面的绘制,如果一帧画面渲染时间超过16ms的时候,垂直同步机制会让显示器硬件 等待GPU完成栅格化渲染操作,然后再次绘制界面,这样就会看起来画面停顿。激活的程序Activity区域的GPU Rending信息。Android渲染优化读懂Android的渲染机制对于优化,特别是在写布局的时候是很有帮助的。 »

深入解读CSS3中transform变换模型的渲染

介绍 transform是通过一系列矩阵变换完成的,scale等transform-function都是对matrix的封装。 w3里的解释是,transform基于可视化格式模型(visual formatting model,这样翻译对不对啊)并为其绘制出一个坐标系,而且所有在这个坐标系内进行的操作,如向右向下,都是在这个坐标系内以像素方式表示 元素设置了transform并不会改变元素所在的... »

HTML5之WebGL 3D概述(上)—WebGL原生开发开启网页3D渲染新时代

WebGL开启了网页3D渲染的新时代,它允许在canvas中直接渲染3D的内容,而不借助任何插件。WebGL同canvas 2D的API一样,都是通过脚本操纵对象,所以步骤也是基本相似:准备工作上下文,准备数据,在canvas中绘制对象并渲染。与2D不同的就是3D涉及的知识更多了,例如世界、光线、纹理、相机、矩阵等专业知识。WebGL有一个很好的中文教程,就是下面使用参考中的第一个链接,所以这里不... »