jjzjj

【超图】SuperMap iClient3D for WebGL/WebGPU ——颜色(1)

作者:taco       在项目中通常会出现,高亮对象。给对象设置颜色的一些问题。那么针对颜色设置在超图的 iClient3DforWebGl/WebGPU中又提供了哪些方式呢?本篇文章将介绍一些颜色的设置方法。以及一些颜色的参数设置。       在iClient3DforWebGl/WebGPU中主要以SuperMap3D.Color来配置颜色。       1.颜色模块        在Color的方法中提供了一些默认的颜色模块,可以直接使用。这里整理了所有可直接设置的颜色供大家参考。 这里可以直接调用上述颜色来使用varcolor=SuperMap3D.Color.AQUA;    

资讯|WebGPU必将成为Web生态的新未来!

1 WebGPU简介经过六年的开发和测试,今年5月2日谷歌正式宣布Chrome将从版本113开始提供WebGPU支持,从而在ChromeOS、Windows和macOS设备上实现逼真的渲染视觉效果和复杂的计算。WebGPU为Web生态的发展开创了的新可能性。它可以为沉浸式虚拟世界、交互式数据可视化、高级功能的图像和视频编辑、物理仿真、机器学习等提供支持,所有这些都可以在浏览器中运行。同时,WebGPU还支持围绕Web3、隐私和安全的新用例。Web平台在不断地突破线上应用场景可能性的边界,借助WebGPU以及WebXR、WebTransport和WebCodecs等相关标准,未来的Web平台在性

Unity2023.3(Unity6)版本开始将可以发布WebGPU

翻译一段官网上的话:        利用Unity2023.3(正式发布时应该称为Unity6)中最新的WebGPU图形API集成,尝试最大限度的提升您的网络游戏的真实感。        通过与谷歌的战略合作,Unity实时3D平台的强大的图形功能现在为图形丰富的网络游戏进行微调,实现更高效的CPU使用和更流畅的帧率。        使用ComputeSkinning,VFXGraph,甚至更先进的gpu驱动的渲染技术,为玩家提供沉浸式的场景,具有令人惊叹的细节,且不影响性能。    下面是几个测试效果链接。注意,要使用谷歌最新版本的浏览器观看,我目前下载了谷歌浏览器的120.0.6099.7

【WebGPU】简介和开始

简介WebGPU是一种API,用于在Web应用中访问GPU的功能。在WebGPU出现之前,有一个WebGL,它提供了WebGPU的部分功能。它开创了一种新的富媒体Web内容类别,并且开发者也利用它构建了许多精彩的内容。不过,它基于2007年发布的OpenGLES2.0API,而该API基于更旧的OpenGLAPI。在那段时间里,GPU取得了显著进步,用来与GPU进行交互的原生API也在与Direct3D12、Metal和Vulkan一起发展。WebGPU将这些现代API的进展带到了Web平台。它专注于以跨平台的方式启用GPU功能,同时提供在Web上感觉自然并且比它所基于的一些原生API更简洁的

【超图】SuperMap iClient3D for WebGL/WebGPU ——地形影像

作者:taco       号外!号外!开新坑了!开新坑了!对于一个代码小白来讲,设置可能是刚接触开发的人(还没接触准备接触)的人来说。对于读代码或是在对产品的使用上会存在许许多多的疑惑。接下来的话准备开个新坑,帮大家了解超图官方示例中不同功能的数据是如何制作的。每一句代码都是什么意思。方便大家更好的入门。更好的开发。       本系列博客从示例代码直接入手,关于环境配置,下载等内容。可以参考以前的博客——新产品使用指南中环境配置相关部分。https://mcaitaco.blog.csdn.net/article/details/125131936https://mcaitaco.blog

【超图】SuperMap iClient3D for WebGL/WebGPU —— 坐标系&位置 —— Cartesian2

作者:taco       说到关于地理必然逃不开位置的关系。借用百度百科的内容来说地理学(geography),是研究地球表层空间地理要素或者地理综合体空间分布规律、时间演变过程和区域特征的一门学科。所以位置&坐标系必然逃不掉了。那么在SuperMapiClient3DforWebGL/WebGPU中包含了哪些坐标系信息呢?       一、Cartesian笛卡尔坐标系       可能说到笛卡尔坐标系,对于一个毕业多年的人来说,或者很少接触数学、物理理科的人来算的话会有一些陌生。但是说到直角坐标系的时候,相信大家就会想到这个从小学到大的坐标系概念。笛卡儿坐标系(Cartesiancoor

Web3D数学基础(平移、旋转、缩放矩阵)—WebGL、WebGPU、Threejs

参考资料:threejs中文网threejsqq交流群:814702116Web3D数学基础(平移、旋转、缩放矩阵)—WebGL、WebGPU、Threejs本下节课给大家介绍下矩阵的概念,以及用于几何变换的矩阵,比如平移矩阵、缩放矩阵、旋转矩阵。如果你对这些几何变换的矩阵概念比较熟悉,可以跳过本节课。线性代数、图形学如果你有《线性代数》、《计算机图形学》基础,更有利于WebGPU的学习。当然了,你没有这些基础,也没关系,咱们课程的特色就是尽量弱化对数学和图形学基础的要求,尽量带你从零入门。如果你时间比较充足,也有兴趣,可以去翻翻《线性代数》、《计算机图形学》相关的书籍,当然你不去翻,咱们的课

初识 WebGPU 以及遇到 WebGPU not supported 错误的解决方法

初识WebGPU以及遇到WebGPUnotsupported错误的解决方法WebGPU学习资源初识WebGPU遇到并解决问题在线示例因公司需求,开始接触WebGPU,偶然遇到问题,网上搜索无效,后来通过逐步判断,终于定位到问题,这里记录一下,为其他遇到此问题的网友提供解决思路。本包含WebGPU学习资源、初识WebGPU、遇到并解决问题、在线示例四部分。WebGPU学习资源1.学习APIWebGPU_API。3.基础学习WebGPU理论基础。4.在线示例WebGPUSamples。5.WebGPU与WebGL对比:WebGL与WebGPU比对根据以上学习资源,快速了解什么是WebGPU以及完成

【超图】SuperMap iClient3D for WebGL/WebGPU —— 数据集合并缓存如何控制对象样式

作者:taco       最近在支持的过程中,遇到了一个新问题!之前研究功能的时候竟然没有想到。通常我们控制单个对象的显隐、颜色、偏移的参数都是根据对象所在的图层以及对象单独的id来算的。那么问题来了,合并后的图层。他怎么控制单个对象的显隐、颜色、偏移呢?突然令人费解。本篇文章将介绍两种方式来控制合并图层后的单个对象的样式。        一、仅通过代码控制        在官方示例中。我们可以发现有一个示例中所应用的数据集图层是合并的图层。(http://support.supermap.com.cn:8090/webgl/examples/webgl/editor.html#S3MTil

【超图】SuperMap iClient3D for WebGL/WebGPU ——暴雪

作者:taco       时隔多年北京又开始降下了特大暴雪。身为打工人的你有没有居家办公呢?反正小编我是没有。既然没有借着暴雪的功劳居家办公,那就接着雪来输出一篇博客好了。基于SuperMapiClient3DforWebGL/WebGPU实现暴雪仿真效果。       先来看下效果暴雪1.修改天空盒子        看看北京这天气,雾霾霾的。为了与真实场景去匹配可定去修改一下天空盒子让他也变成一个阴天。         天空盒子使用了SkyBox的方法直接加载本地资源的图片。资源图片分辨率没有过多的限制,但是由于外包围盒子是一个正方体的盒子,所以这里尽量保证边长一样分辨率长乘宽也保持一致。