webgl

UWA2 天前
unity·微信·性能优化·小游戏·webgl
GPM 2.0 WebGL 监测能力扩容|覆盖 Unity/Cocos/LayaAir 多引擎微信 & 抖音小游戏小游戏赛道蓬勃发展,除Unity之外,大量商业小游戏项目基于Cocos、LayaAir进行开发。 WebGL环境受浏览器虚拟机、单线程内存模型约束,线上版本普遍会遇到:偶发卡顿、内存持续上涨、GC抖动、低端机型闪退,大量问题线下模拟器难以复现,只能依靠玩家反馈被动救火。
像我这样帅的人丶你还2 天前
前端·webgl·three.js
🚀苹果的液态玻璃咋做?🚀先看看现有方案。大佬实现的:github.com/iyinchao/li… 效果非常牛逼,但是目前只能渲染图片对于html却无能为力。
用户83134859306983 天前
vue.js·webgl·cesium
Cesium实现动态流动火烧云晚霞效果(可用slider调整火烧云浓度)前言:本文将带你从零实现一套可调节浓度、动态流动、真实晚霞色调的火烧云效果,基于 Cesium 原生 PostProcessStage 后处理技术,纯着色器实现、性能高、无第三方插件。
IT爱学堂3 天前
前端·javascript·webgl
Three.js可视化企业实战WEBGL课,2023年全新WEB 3D THREEJS技术重塑视觉交互新体验:Three.js 企业实战筑牢 WebGL 开发技术底座 随着 Web 技术的迭代与浏览器性能的飞跃,互联网应用正经历着从二维平面向三维空间跨越的历史性变革。元宇宙概念的升温、数字孪生技术的落地以及电商展示的个性化需求,都预示着网页 3D 交互即将迎来爆发式的增长。在这一趋势下,WebGL 作为浏览器端的底层图形标准,提供了直接调用 GPU 进行渲染的强大能力。然而,原生 WebGL 的开发门槛极高,代码冗长且复杂。预见网页 3D 交互的未来,Three.js 这一成熟的 3D 引擎,
智商偏低4 天前
webgl
attribute 与 uniform 本质区别(WebGL)都是给着色器传数据,核心差异:数据给谁用、多久变一次、谁负责迭代、内存模型例:画三角形 3 个顶点,position 属性数组有 3 组数据,顶点 0 拿第 0 组,顶点 1 拿第 1 组,顶点 2 拿第 2 组。
进哥AI研习社4 天前
性能优化·webgl·gpu·canvas·shader·帧率·视频背景
WebGL 与视频背景——首屏视觉层的性能博弈在物质世界做减法,在精神家园做加法。 摆脱对物品、浮华和过度消费的执着,追求简约、清爽与自由,避免被物所役。不断丰富知识、智慧、情感、体验与创造力,让内心世界日益广阔、深邃和坚韧。身外之物越简,心内宇宙越丰。
IT小白杨12 天前
经验分享·webgl·chrome devtools·安全架构·指纹浏览器
链上任务与海外社媒多账号:环境隔离工具技术横评很多人第一次接触这类工具,是被一个很现实的问题逼出来的:手里有好几个海外社媒账号,或者同时在做跨境电商的几个店铺,登录没几天,平台提示环境异常,或者直接限制访问。你检查网络、检查设备、检查操作习惯,怎么看都"正常",但平台就是判定这几个账号来自同一个人。
AI_AGENT_DEV_AI18 天前
webgl
数字孪生项目的开发数字孪生(Digital Twin)项目是将物理世界的实体、系统或过程,在数字空间中建立高保真、实时响应的动态虚拟模型。数字孪生的开发属于高度跨学科的系统工程,涉及数据采集、三维建模、仿真算法、数据可视化及业务决策融合。
supermapsupport19 天前
webgl·supermap·idesktopx
SuperMap GIS 基础产品 FAQ 集锦(20260807)12.0.0 【问题原因】客户设置的SumSun字体中没有设置的阿拉伯文字的符号,而MapBox是根据设置的字体请求字体文件渲染文字的,所以渲染不出来。而Openlayer能渲染是因为他是使用的浏览器字体渲染,当前字体无法渲染的情况下会自动寻找其他可渲染字体做文字渲染. 【解决方案】桌面端设置字体的时候选择有阿拉伯文字字符的字体即可,例如阿拉伯语.
supermapsupport19 天前
webgl
SuperMap iClient3D for WebGL 如何开启实体对象深度检测开启深度检测,实体精准贴地,三维空间交互真实可信!
IT小白杨19 天前
经验分享·社交电子·webgl·安全架构·指纹浏览器
2026Shopee多站点运营的浏览器隔离与移动端云手机方案去年十一月,一个做 Shopee 的团队半夜给我发消息。他们的情况不复杂:印尼、泰国、越南三个站点,加上一个马来本土店,四个店铺分给两个运营在管。设备是公司统一采购的两台笔记本,运营在同一间办公室,走的是同一条企业宽带。
echoVic20 天前
前端·webgl·图形学
同一个 bug,我在 WebGPU 渲染器里犯了两轮:一帧内多次写同一块 buffer上一篇讲了怎么用实例化渲染让 WebGPU 一次 draw call 画十万个矩形(传送门)。这篇讲后来发生的事:把同样手法套到圆、线、文字时,一个 GPU buffer 复用 bug 连续犯了两轮——第一轮是 rect/circle/line 三种图元一帧内三次写同一块 buffer,第二轮是 drawText 同帧被多次调用时复发。
用户831348593069823 天前
vue.js·webgl·cesium
Vue3+Cesium实现阴天乌云+下雨天气特效前言:在使用 Cesium 做三维可视化开发时,经常需要给场景增加天气氛围。但 Cesium 本身并没有内置阴天、降雨这类天气效果,想要实现就需要使用后处理 PostProcessStage,对已经渲染完成的画面,再跑一遍自定义片元着色器做二次处理。
引山洪0824 天前
前端·webgl
Babylon.js 8.x 中文文档整理——Node篇 (上)前言由于 Node 涵盖了整个 Babylon.js 的节点体系,既包含场景树与空间变换,也包含各种网格对象及其几何结构,因此将 Node 系列共分为两篇:
想做后端的前端1 个月前
vue.js·游戏·webgl
WebGL实现FPS游戏Claude of Duty 是一个运行在浏览器中的第一人称射击游戏原型,技术栈以 Vite、Three.js r180、WebGL2、原生 ES Modules 为主。它不是传统意义上的“网页小游戏”,而是一个把现代 FPS 游戏常见模块迁移到浏览器环境中的实验性工程。项目没有外部模型、图片贴图、HDRI 或音频文件,绝大多数可见和可听内容都在运行时由代码程序化生成,包括世界几何、PBR 材质、角色、武器、粒子、贴花、环境光照和音效。
ZENERGY-众壹1 个月前
性能优化·webgl·scada·光伏运维·api集成
延时 5 秒怎么调优:光伏 SCADA 实时画面与 WebGL 拓扑集成的性能复盘去年 11 月在西北某 100MW 集中式电站项目现场,我守在机房盯着那个刚上线的 3D 拓扑大屏。甲方领导走进来问了一句:‘为什么这台逆变器的交流输出功率,跟旁边那个厂家自带的监控 App 对不上?’我当时手心里全是汗,只能解释说是 API 补传延时。但心里清楚,这背后是多品牌数据归一化和前端渲染架构的陈年旧账。
用户83134859306981 个月前
vue.js·webgl·three.js
Vue+Three.js实现PCB电路板3D交互:元器件点击高亮、部件显隐、模型自动旋转实现效果:演示动态图效果如下:核心功能原理讲解:1. Raycaster 射线拾取实现元器件点击高亮:
牧艺1 个月前
前端·webgl·canvas
cos-design BubbleField:用 Canvas 做一个「会呼吸」的深海气泡场发布日期:2026-07-28 标签:前端 / React / Canvas / 组件库 / cos-design / 视觉特效 / 物理仿真
用户83134859306981 个月前
vue.js·webgl·cesium
Cesium 实现行政区内部遮罩前言:在上一篇《Cesium 实现行政区反向遮罩镂空效果》中,我们实现了全局暗色蒙层 + 行政区镂空高亮的效果:外部地图变暗、目标行政区正常显示。 本文针对上一篇文章的进阶,实现相关的反向需求:外部地图保持正常清晰显示,仅目标行政区内部叠加暗色遮罩弱化。
点量云实时渲染-小芹1 个月前
unity·webgl·云渲染信创·国产实时渲染·ue信创云推流
UE/Unity/Webgl模型在信创服务器上实时渲染推流的可行性分析随着国产化的持续进行,数字孪生和虚拟仿真领域也面临着国产化适配的需求。点量晓芹近年来发现很多数字孪生/虚拟仿真相关的项目,在实时云渲染领域也有越来越多的国产信创的需求,而且从最初的只有操作系统要求麒麟、统信等国产操作系统,到现在很多项目直接要求纯国产化设备,即国产CPU+国产显卡+国产操作系统。