使用SVG做模型贴图的思路

简介: 使用SVG做模型贴图的思路

大多数情况下,三维模型使用PNG,JPG作为模型的贴图,当然为了性能优化,有时候也会使用压缩贴图来提高渲染效率和较少GPU压力。


今天提供一种新的思路,使用SVG作为模型的贴图,可以达到动态调整图片精度的效果。

使用svg作为贴图的思路,有两种。


直接作为贴图


直接使用贴图,其实和png jpeg的图片没有多少差别,加载的贴图效果,最终也会比 较模糊。 大致代码如下:


var cube2 = new mono.Cube(105 * 10,1094 * 10,1); cube2.setStyle('m.color','orange'); cube2.setStyle('front.m.texture.image','front01.svg'); cube2.p(-1000,0,0) box.add(cube2); ¨G0G let image = new Image(); ¨K5K


上面的先使用image对象加载svg图片,然后把svg图片绘制到canvas上面,注意绘制的时候放大的倍数是10.  (let scale = 10)。


最后得到的效果如下图右边对象所示:


微信图片_20220425141321.png

6271001-3433663ea1744871.png


可以看到达到了高清的效果。


拓展思路


  1. 可以根据镜头距离动态改变绘制的scale级别,达到lod的目的。
  2. svg 图片本身还支持动态修改属性,比如灯的颜色等,可以达到监控状态的改变的目的。


拓展思路,如果读者有兴趣,可以点赞,后续接着写。


总结


使用svg 图片,可以不用做高清的位图,结合canvas绘制,也可以得到高清的纹理贴图效果。


相关文章
|
Ubuntu 安全 Unix
重置Jetson设备的Ubuntu密码:通过挂载根目录到另一个Linux系统
在本文中,我们将介绍如何在忘记Ubuntu 20.04密码的情况下重置密码。我们将通过将Ubuntu的根目录挂载到另一个Linux系统来实现这一目的。我们还将介绍chroot命令的功能。
582 0
重置Jetson设备的Ubuntu密码:通过挂载根目录到另一个Linux系统
|
5月前
|
安全 物联网 数据安全/隐私保护
RFID技术让物业管理电动车更智能
随着短途出行对电动车需求的增长,物业管理中的电动车管理难题亟待解决。RFID技术的引入为这一问题带来了智能化变革。通过为每辆电动车配备“身份证”(RFID标签),系统可实现快速身份识别、权限管理和全程追踪,大幅提升通行效率与安全性。在停车管理方面,RFID能实时监测车辆位置,引导车主快速找到空闲车位,同时防止乱停乱放和占用禁停区域。此外,该技术还能有效追踪被盗车辆、禁止电动车或电池入户,降低安全隐患。目前,RFID电动车管理已在多个园区物业广泛应用,成为智能化管控的新趋势。
|
程序员 开发者
IDEA插件-Grep Console彩色控制台
IDEA插件-Grep Console是一款用于增强IDEA开发环境的工具,它可以帮助开发者更好地搜索和过滤控制台输出。
1436 0
IDEA插件-Grep Console彩色控制台
|
存储 安全 前端开发
Web安全-表单域隐藏
Web安全-表单域隐藏
197 3
|
11月前
|
JavaScript 前端开发 测试技术
构建高效可维护的前端应用
构建高效可维护的前端应用
|
开发工具 数据中心 git
详解IDEA git 版本回滚
详解IDEA git 版本回滚
612 0
|
运维 KVM 虚拟化
Docker详解(十五)——Docker静态IP地址配置
Docker详解(十五)——Docker静态IP地址配置
800 3
|
JSON 算法 Java
SpringBoot 实现接口参数加密解密功能
SpringBoot 实现接口参数加密解密功能
665 0
|
网络协议 安全 Linux
嗅探神器:Ettercap 保姆级教程
嗅探神器:Ettercap 保姆级教程
|
DataWorks 关系型数据库 Java
DataWorks操作报错合集之实时同步能启动,但是不能同数据,错误提示"Thereplicaidentityoftablesyouselectedisnotfull,pleasealtertablefirst.need alter table"表示什么意思
DataWorks是阿里云提供的一站式大数据开发与治理平台,支持数据集成、数据开发、数据服务、数据质量管理、数据安全管理等全流程数据处理。在使用DataWorks过程中,可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。