代码编写世界-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

代码编写世界

专栏成员

188

文章

339805

阅读量

30

订阅数

HTML页面关于高分屏的设置

html 渲染 viewport 软件事件

所谓高分屏，就是在同样大小的屏幕面积上显示更多的像素点，这样可以呈现更好的可视效果的屏幕。例如，我的笔记本是15.6寸，理论上它的屏幕分辨率应该是1920 x 1080像素，但实际上我的笔记本屏幕分辨率确实2560 x 1440像素，也就是俗称的2K屏。这样的高分屏虽然实现了更加细腻的图像和更加清晰的文本，但也对软件适配带来了问题。

2024-05-04

1510

倾斜单体化模型技术实现

渲染模型软件数据原理

为了改进倾斜摄影模型数据在实际GIS场景应用中诸多的缺点，一个非常热门的优化方向就是单体化。所谓单体化，是指让倾斜摄影数据像矢量数据那样，具备要素特征，进而可以关联属性，进行空间查询和空间分析。换句话说，我们需要给倾斜摄影数据增加一些语义，能够正确区分建筑物、道路、绿地、水系以及城市部件等地物要素，进而很好的关联业务，产生实际的应用价值。

2024-01-29

2480

OSG嵌入QT的简明总结2

qt 渲染 widget 解决方案同步

我之前在这篇博文《OSG嵌入QT的简明总结》中论述了OSG在QT中显示的可视化问题。其中提到官方提供的osgQt项目（地址：https://github.com/openscenegraph/osgQt ）很久前已经更新了。但是我一直没有时间同步更新，最近重新尝试了一下，还是有一些问题。

2023-10-23

5010

Unity3D学习笔记12——渲染纹理

渲染 unity 缓存腾讯云开发者社区

在文章《Unity3D学习笔记11——后处理》中论述了后处理是帧缓存（Framebuffer）技术实现之一；而另外一个帧缓存技术实现就是渲染纹理了。通常来说，我们渲染的场景会直接显示到屏幕的颜色缓冲区，但其实纹理和屏幕一样都是二维的，通过把场景渲染到纹理，可以实现很多特别的三维应用场景。三维渲染引擎中，通常给相机封装一个渲染目标（Render Target）的接口，如果不设置，就渲染到屏幕；如果将其设置成一个纹理对象，就渲染到纹理。

2022-09-23

8910

第3章-图形处理单元-3.8-像素着色器

编程算法渲染

在顶点、曲面细分和几何着色器执行它们的操作后，图元被裁剪并设置为光栅化，如前一章所述。管线的这一部分在其处理步骤中相对固定，即不可编程但有些可配置。遍历每个三角形以确定它覆盖哪些像素。光栅化器还可以粗略计算三角形覆盖每个像素的单元格区域（第5.4.2节）。与三角形部分或完全重叠的像素区域称为片元。

2022-05-07

2.2K0

第2章-图形渲染管线-2.0

本章介绍实时图形渲染的核心组件，即图形渲染管线，也简称为“管线”。管线的主要功能是通过给定虚拟相机、三维对象、光源等，生成或渲染二维图像。因此，渲染管线是实时渲染的基础工具。使用管线的过程如图2.1所示。图像中对象的位置和形状由它们的几何形状、环境特征以及相机在该环境中的位置决定。对象的外观受材料属性、光源、纹理（应用于表面的图像）和着色方程的影响。

2022-01-04

6820

Unity3D学习笔记3——Unity Shader的初步使用

unity 渲染游戏图像处理 opengl

在上一篇文章《Unity3D学习笔记2——绘制一个带纹理的面》中介绍了如何绘制一个带纹理材质的面，并且通过调整光照，使得材质生效（变亮）。不过，上篇文章隐藏了一个很重要的细节——Unity Shader。Shader(着色器)是渲染管线中可被用户编程的阶段，依靠着色器可以控制渲染管线的细节。现代图像渲染技术，都把Shader封装成与Material(材质)相关的组件。所以这篇文章，我们就初步学习下在Unity中使用Shader。

2021-08-06

3.9K0

Unity3D学习笔记1——绘制一个三角形

unity 图像处理渲染 c#css

最近想学习一下Unity3d，无奈发现现在大部分教程不仅是视频形式的，面对的也是美术、设计之类的非程序员，更多的时候都是把Unity3d当作PS一样的工具来用，真正面对程序开发的教程反而非常少，更不用说希望能研究到一些底层图形技术的技术工作者了。

2021-06-29

1.3K0

Cesium渲染一帧中用到的图形技术

本文通过追溯Cesium的Scene.render，解释了Cesium 1.9如何使用其WebGL渲染器渲染每一帧。在Scene.render中放置一个断点，运行一个Cesium应用，然后继续。

2020-12-29

3K0

three.js中帧缓存的使用

缓存 webgl 渲染 javascript

在网上查阅了一下three.js关于帧缓存的使用，感觉很多都是关于three.js中后处理通道的使用的。后处理通道确实使用FBO实现的，但其实我就是想获取某个时刻的渲染结果作为纹理，没必要在动态渲染中进行后处理。真正实现这个功能的是WebGLRenderTarget这个类，这是一个渲染目标的缓冲区，可以装载到WebGLRenderer中进行渲染，再从WebGLRenderTarget获取纹理对象。

2020-06-22

4.2K0

WebGL简易教程(十四)：阴影

缓存 webgl 渲染编程算法

所谓阴影，就是物体在光照下向背光处投下影子的现象，使用阴影技术能提升图形渲染的真实感。实现阴影的思路很简单:

2019-12-10

1.6K0

WebGL简易教程(十三)：帧缓存对象(离屏渲染)

webgl 渲染缓存

事物是普遍联系的。为了达到更加真实的渲染效果，很多时候需要利用被渲染物体在其他状态下的中间渲染结果，处理到最终显示的渲染场景中。这种中间渲染结果，就保存在帧缓冲区对象（framebuffer object，简称FBO）中，用来替代颜色缓冲区或深度缓存区。由于其结果并不直接被显示出来，所以这种技术也被称为离屏绘制（offscreen drawing）。

2019-12-02

2.7K0

OSG与Shader的结合使用

渲染 opengl api 编程算法

以往在OpenGL中学习渲染管线的时候，是依次按照申请数据、传送缓冲区、顶点着色器、片元着色器这几个步骤编程的。OSG是OpenGL的一些顶层的封装，使用shader的时候看不到这些步骤了，所以有点不习惯。这里我总结了两个最简单的例子。

2019-09-11

2.2K0

WebGL的颜色渲染-渲染一张DEM(数字高程模型)

webgl html javascript 编程算法渲染

通过WebGL，可以渲染生成DEM(数字高程模型)。DEM(数字高程模型)是网格点组成的模型，每个点都有x，y，z值；x，y根据一定的间距组成网格状，同时根据z值的高低来选定每个点的颜色RGB。通过这个例子可以熟悉WebGL颜色渲染的过程。

2019-08-13

1.2K0

没有更多了

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态