数字大屏迭代开发

360 阅读3分钟

1. 数字大屏迭代开发 和 项目优化

1.1. 话术一

以下是数字大屏迭代和优化的一些重要历程:

分辨率的提高:早期的数字大屏分辨率较低,只能在较大范围内显示一些简单的文字和图像。随着技术的发展,数字大屏的分辨率不断提高,现在许多数字大屏的分辨率已经达到了 4K 或 8K 级别,可以提供更高质量的图像和更加清晰的文字。

响应时间的缩短:早期的数字大屏存在着响应时间长、画面切换慢等问题,这对于需要高速响应的交互应用来说是无法接受的。随着液晶面板技术和驱动技术的不断发展,数字大屏的响应时间已经得到了极大的缩短,现在许多数字大屏的响应时间已经缩短到了数百毫秒以内。

交互方式的改进:数字大屏最初的交互方式主要是通过遥控器或鼠标等设备来控制。随着用户需求的不断变化,数字大屏的交互方式也在不断地进行改进和升级。现在许多数字大屏已经采用了触摸屏、手势识别、语音识别等先进的交互方式,可以为用户提供更加自然、便捷的交互体验。

安全性和隐私保护:数字大屏在日常使用中经常会涉及到用户的个人信息和敏感数据,因此安全性和隐私保护成为了数字大屏不可忽视的一个问题。近年来,数字大屏的安全和隐私保护技术得到了极大的加强,采用了各种安全技术,如加密、身份验证、访问控制等,以确保用户的个人信息和数据得到充分的保护。

多媒体处理能力的增强:数字大屏最初主要是用于展示文字和图像等信息,随着多媒体技术的不断发展,数字大屏也逐渐增强了对音频、视频等多媒体文件的处理能力。现在许多数字大屏已经支持 4K 视频播放、虚拟现实、增强现实等多媒体应用。

1.2. 话术二

1.2.1. 压缩纹理

  • 在开发期间发现在型号旧一点的iPhone设备上很容易出现闪退的现象,应该是页面使用的内存超过了上限。
  • 在项目中使用的资源体积最大的是模型 gltf 文件,检查文件的内容,占体积很大一部分的是纹理贴图,
  • 经过和设计侧的沟通,同意在一些展示距离不可能很近的模型上替换较低分辨率的贴图。
  • 在 3D 渲染领域,有其他适合 GPU 读取的格式,他们都不需要解压就可以被 GPU 读取,可以大大减少中间解压占用的内存容量。
  • 在项目中,我们使用 gltf-transform 工具做缩小贴图分辨率,和转换格式的工作。

1.2.2. 模型减面

模型在 WebGL 中渲染的流程是先用模型的顶点信息确定三角面,再在每个三角面上计算需要展示的颜色。

所以如果能减少模型面的数量,能减少每次渲染的计算量,减少每帧需要的渲染时间。

而如上面所说的,设计师建模的时候,可能面对的需求是输出渲染图,而不会对实时渲染做优化,所以在某些地方可能使用了过多的面。