webgl

平行云1 天前
unity·webgl·数字孪生·云渲染·虚幻引擎·实时云渲染·像素流送
实时云渲染将UE像素流嵌入业务系统,实现二维管理系统与数字孪生三维可视化程序的无缝交互在数字孪生大屏可视化项目中,将实时云渲染技术嵌入业务系统已成为提升用户体验和工作效率的关键策略之一。将云渲染嵌入业务系统,用户可以在执行业务操作时实时看到云渲染画面的响应,同时对云渲染画面的操作也能立即反馈到业务系统中。这种无缝交互增强了用户的操作体验,还为业务流程的优化提供了新的可能性。本文将详细介绍使用LarkXR 实时云渲染平台时,如何利用 WebSDK 和数据通道插件实现这一目标。
烛阴3 天前
前端·webgl
ModCreate a pattern of alternating black and red columns, with 9 columns of each color. Then, hide every third column that is colored red.
烛阴5 天前
前端·webgl
Fract - GridWrite a shader that draws a grid. Each cell in the grid should be 50x50 pixels in size, with a margin of 10 pixels between cells.
cos6 天前
前端·javascript·webgl
从像素到粒子:p5.js 图像转动态粒子的设计与实现事情是这样的,最近逐渐想把之前做过的一些交互特性和 webgl 相关的 demo 收集一下,写几篇博客进行记录,虽然还有很多不足,比如性能等都亟需优化,也欢迎各种指正。这是第一篇,下一篇是这个的基础上进行修改的另一个粒子系统。
山海鲸可视化8 天前
webgl·数字孪生·材质·3d模型·三维渲染
模型材质一键替换~轻松还原多种三维场景模型的材质决定了三维场景的整体视效,山海鲸可视化不仅支持模型材质的替换与编辑,而且提供了大量现成的模型材质供大家使用,能够帮助大家实现更高效的三维场景搭建。模型材质主要分为PBR材质和水面材质两个部分。其中大部分静态模型都会使用PBR材质,而动态的水面等模型会使用水面材质。下面我们就来看看,如何在山海鲸可视化中设置模型材质。
Perfumere10 天前
前端·webgl
【WebGPU学习杂记】Uniform和Stroage的区别和适用场景想象一下你在一个大型工厂里指挥一群机器人(Shader)干活。现在我们来详细拆解这个比喻,对应到你的问题:区别、性能、存储、场景。
蓝婷儿11 天前
前端·信息可视化·webgl
每天一个前端小知识 Day 27 - WebGL / WebGPU 数据可视化引擎设计与实践传统的图表库如 ECharts、Highcharts 基于 Canvas 或 SVG,适合 2D 渲染,但:
Perfumere11 天前
前端·webgl
【WebGPU学习杂记】缓冲区是个啥?内存?闪存?基于以上两点本文假设你不是JS小白,听说过V8、JSCore等。例如以下两个知识点你应该在哪看到过:概念关键词(方便AI拓展了解):
爱看书的小沐13 天前
汽车·vue3·react·webgl·three.js·opengl·autoshow
【小沐杂货铺】基于Three.JS绘制汽车展示Car(WebGL、vue、react、autoshow、提供全部源代码)https://threejs.org// Three.js 是一个基于 WebGL 的 JavaScript 3D 图形库,用于在浏览器中创建和展示 3D 场景、模型、动画、粒子效果 等,无需安装插件。它封装了复杂的 WebGL 底层 API,提供了简洁的面向对象接口,适合开发者快速构建交互式 3D 网页应用。
zhu_zhu_xia14 天前
javascript·arcgis·webgl·cesium
cesium添加原生MVT矢量瓦片方案项目中需要基于cesium接入mvt格式的服务并支持属性拾取查询,通过一系列预研测试,最后选择cesium-mvt-imagery-provider开源插件完成,关键源码信息如下:
charlee4414 天前
教程·webgl·三维可视化·前端开发·计算机图形学
WebGL简易教程——结语笔者在几年前写过一系列关于WebGL的文章《WebGL简易教程——目录》,前端时间将其整理了一下,增加了一个在线案例的站点以便于学习查看。这里就顺便写一段结语吧。
心前阳光14 天前
unity·游戏引擎·webgl
Unity WebGL文本输入kou-yeung/WebGLInput 版本如下图所示:Unity版本:2019.4.40 使用:文本输入组件对象添加WebGLInput脚本,没有其他额外操作,输入组件正常使用 问题:插件中部分C#语法需要高版本支持,可自行修改。
三月的一天14 天前
3d·webgl·threejs·reactthreefiber
React Three Fiber 实现 3D 模型点击高亮交互的核心技巧在 WebGL 3D 开发中,模型交互是提升用户体验的关键功能之一。本文将基于 React Three Fiber(R3F)和 Three.js,总结 3D 模型点击高亮(包括模型本身和边框)的核心技术技巧,帮助开发者快速掌握复杂 3D 交互的实现思路。本文主要围着以下功能进行讲述
康康的幸福生活14 天前
webgl
webgl2 方法解析: bufferSubData()bufferSubData() 是 WebGL2 中用于更新缓冲区对象部分数据的方法,它不会重新分配缓冲区内存,只是替换指定范围内的数据。bufferSubData() 是 WebGL2 中高效更新缓冲区数据的重要工具,特别适合动态数据和渐进式更新场景。
千鼎数字孪生-可视化15 天前
前端·html5·webgl
Web技术栈重塑HMI开发:HTML5+WebGL的轻量化实践路径在当今数字化时代,人机交互界面(HMI)的开发正经历一场革命性的变革。传统的HMI开发依赖于复杂的原生代码和厚重的框架,不仅开发周期长,而且维护成本高。但随着Web技术的发展,HTML5和WebGL的结合为HMI开发带来了一股“轻量化”的新风。它们不仅能大幅缩短开发周期,还能降低硬件资源消耗,让HMI更加高效、灵活。然而,这种新技术的应用也面临着兼容性和性能优化的挑战。今天,就让我们一起探索HTML5+WebGL如何重塑HMI开发,看看它们如何在轻量化和高性能之间找到最佳平衡点。
Data_Adventure16 天前
前端·webgl·canvas
推荐几款开源 Canvas 和 WebGL 图形库在现代前端开发中,图形渲染和数据可视化是非常重要的组成部分。无论是构建交互式图表、动画效果,还是开发复杂的 3D 场景,选择合适的图形库至关重要。本文将为您推荐几个开源、小巧且功能强大的 Canvas 2D 和 WebGL 图形库,并对它们进行详细对比,帮助您根据需求选择最适合的工具。
康康的幸福生活18 天前
webgl
webgl2 方法解析: bufferData()bufferData 是 WebGL2 中用于初始化或更新缓冲区对象数据存储的核心方法,它是处理顶点属性、索引和其他缓冲区类型的基础操作。
xhload3d18 天前
物联网·3d·智慧城市·html5·webgl·数字孪生·可视化·工业互联网·三维建模·工控·航空航天·火箭升空·智慧航空·智慧航天·火箭发射·火箭回收
智慧航天运载体系全生命周期监测 | 图扑数字孪生在探索宇宙的征程中,中国始终步履铿锵。2025 年,我国航天佳绩频传:5 月 11 日,长征六号在太原卫星发射中心成功发射遥感四十号 02 组卫星;4 月 24 日,长征二号 F 遥二十从酒泉卫星发射中心升空,将神舟二十号载人飞船送入预定轨道,开启年度首次载人发射;3 月 12 日,长征八号遥六在海南商业航天发射场以 “一箭十八星” 完成千帆星座组网……
魂断蓝桥66618 天前
webgl·threejs·微信小游戏·3d建筑·three.js路径规划、三维a*算法、javascript三维导航,·three.js小游戏
使用three.js,实现微信3D小游戏系列教程,框架篇(一)在三维图形和游戏开发领域,three.js 作为一个基于 WebGL 的 JavaScript 库,提供了强大的功能来创建和显示动画化的 3D 计算机图形。它使得开发者能够轻松地在网页上构建复杂的 3D 场景和互动游戏。本文将作为一系列教程的第一课,介绍如何基于 three.js 引擎架构,开始实现一个简单的 3D 小游戏。
三维搬砖者19 天前
webgl·three.js
基于 Three.js 开发三维引擎-01点类:从原理到实践在三维可视化开发中,点作为最基础的几何元素之一,承担着构建复杂三维场景的重要角色。本文将基于Three.js库,详细解析如何开发一个功能完善的三维引擎点类,涵盖点的创建、样式定制、交互处理及资源管理等核心功能。