web3d

一文详解5 大 Web3D 渲染引擎！

一文详解主流Web3D引擎：优缺点、使用场景与核心差异Web3D技术通过浏览器实现了无需插件的三维可视化与交互，广泛应用于游戏、教育、地理信息、电商等领域。
前端小崔·2025-06-18 18:56

【Three.js】机器人管线包模拟

机器人管线包模拟背景技术选型效果视频效果截图最近在工业数字化项目中尝试用Three.js实现了一个机器人管线包的3D可视化模拟系统，记录一下开发过程和技术要点，希望能给同样在探索Web3D技术的同学一些灵感
饺子大魔王12138·2025-06-18 08:18

C# WebAssembly革命：用C#打造《赛博朋克2077》级Web3D游戏引擎

1.环境搭建：C#与WebAssembly的“基础设施”核心场景：工具链整合：.NETSDK+Emscripten+VSCode的完美配合编译参数的“黑科技”：-sWASM=1与-sSIDE_MODULE=1的协同作用代码示例：环境配置与编译流程#安装.NETSDKdotnetinstall-sdk-v7.0.406#安装Emscripten（Windows示例）gitclonehttps://g
墨夶·2025-06-17 15:53

线上展厅博览会对于社会发展的意义

云展数字化展馆正积极探索信息化时代下会展行业的发展道路，充分利用3D建模技术和Web3D互联网技术，为会展行业注入了新的活力与时代意义。
云展科技·2025-06-14 12:24

在 Three.js 中实现自定义 Shader 效果

我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
贵州数擎科技有限公司·2025-06-11 13:48

Web 3D协作平台开发案例：构建制造业远程设计与可视化协作

HOOPSCommunicator为开发者提供了丰富的定制化能力，助力他们在实现强大Web3D可视化功能的同时，灵活构建符合特定业务需求的工程应用。
工业3D_大熊·2025-06-10 17:19

北京四度科技的线上展厅,webgl3D技术,附有新的业态展示方式！

2020年将是Web3D虚拟展厅年。疫情加速了网上展厅生态链建设。美术馆、画廊、展览馆、博物馆、科学馆和实体都将实现互联网+时代的影响，这就是程指数的增长。Web3
北京四度科技vr·2025-06-07 08:01

Unity 单例模式完全指南

我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
贵州数擎科技有限公司·2025-06-06 20:03

使用 Three.js 精灵模型 (Sprite) 实现 3D 标签效果

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI智简未来、晓智元宇宙
贵州数擎科技有限公司·2025-05-27 12:59

在Babylon.js中实现完美截图：包含Canvas和HTML覆盖层

在现代Web3D应用开发中，Babylon.js作为强大的3D引擎被广泛应用。一个常见的需求是实现场景截图功能，特别是当场景中包含HTML覆盖层(如UI控件、菜单等)时。
ttod_qzstudio·2025-05-17 13:43

WebGL入门到进阶教程 - 系统学习Web3D技术

学习大纲一、WebGL基础入门什么是WebGL介绍WebGL的概念和作用。与传统图形技术的比较。WebGL的运行环境浏览器支持情况。必要的插件和设置。HTML5与WebGL的关系HTML5中的canvas元素。如何在HTML5页面中引入WebGL。二、WebGL图形绘制基础坐标系统二维和三维坐标系统的介绍。坐标转换。绘制基本图形点、线、三角形的绘制。颜色设置和填充。图形变换平移、旋转、缩放。矩阵变
莲华君·2025-05-17 06:52

Babylon.js学习之路《一、初识 Babylon.js：什么是 3D 开发与 WebGL 的完美结合？》

文章目录1.引言1.1为什么需要Web3D开发？1.1WebGL的定位与挑战2.Babylon.js的核心定位2.1什么是Babylon.js？
球球和皮皮·2025-05-09 23:54

实现 Babylon.js 鼠标输入管理单例 (MouseController) 的最佳实践

在现代Web3D开发中，高效的输入管理是创建流畅交互体验的关键。本文将详细介绍如何在Babylon.js中实现一个强大的鼠标输入管理单例，帮助你优雅地处理所有指针事件。为什么需要鼠标输入管理单例？
ttod_qzstudio·2025-05-01 21:30

React Three Fiber 详解：现代 Web3D 的利器

ReactThreeFiber详解：现代Web3D的利器随着Web技术的发展，3D场景与交互已经不再是游戏开发者的专利。越来越多的网站、产品页、交互动画，开始大量引入3D元素。
GISer_Jinger·2025-04-30 22:02

初识 Three.js：开启你的 Web 3D 世界 ✨

而Three.js，作为WebGL的封装库，让Web3D的大门向更多开发者敞开了。这是我开启这个Three.js专栏的第一篇文章，我们将简单认识一下Three.js，并为后续的项目开发打下基础。
SunACong·2025-04-08 10:35

Threejs实现极坐标和平滑过渡特效

我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
贵州数擎科技有限公司·2025-04-02 05:50

threejs实战数字孪生园区开源（threejs+vue3+vite）

学习、2D3D、GIS等学习沉淀，这是2024年输出的第10/100篇文章，欢迎志同道合的朋友一起学习交流；公众号：攻城师不浪绿泡泡：brown_7778视频效果threejs数字孪生园区前言近两年，web3D
攻城师不浪·2025-03-28 02:21

深入理解 React 架构从概览到核心机制

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：github晓智元宇宙
贵州数擎科技有限公司·2025-03-26 02:24

Three.js 入门(补间动画Tween.js)

如果你使用three.js开发web3d项目，使用tween.js辅助three.js生成动画效果也是比较好的选择。1.1)引入tween.Jsimp
庸俗今天不摸鱼·2025-03-06 21:11

如何为 Web 前端开发面试做好准备

我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
贵州数擎科技有限公司·2025-03-06 04:13

使用 Three.js 创建动态光效

我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
贵州数擎科技有限公司·2025-03-06 04:43

Threejs实现加载loading动画

我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
贵州数擎科技有限公司·2025-03-06 04:09

如何在简历中巧妙展现你的兴趣爱好

我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
贵州数擎科技有限公司·2025-03-01 06:40

使用 Three.js 转换 GLSL 粒子效果着色器

我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
贵州数擎科技有限公司·2025-03-01 05:38

提升职场沟通能力的七大秘诀

我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
贵州数擎科技有限公司·2025-02-22 16:11

【Three.js】JS 3D library（一个月进化史）

#春节过完了，该继续投入学习了~作为一个平面开发者，想要增进更多的技能，掌握web3D开发#前置知识与技能1.JavaScript基础-掌握ES6+语法（类、模块、箭头函数、解构等）-熟悉异步编程（Promise
Tiffany_Ho·2025-02-18 12:47

TresJS：用Vue组件构建3D场景的新选择

TresJS作为一款基于Three.js的Web3D开发框架，以其强大的功能和简洁的API，为开发者提供了一个高效、便捷的开发平台。今天，就让我们一起走进TresJS的世界，探索它的魅力所在。
z止于至善·2025-02-10 18:41

web3D交互展示是什么？应用场景有哪些？

Web3D交互展示是利用Web3D技术，在网页上实现3D产品的全方位交互展示。用户可自由旋转、缩放及移动产品视角，从而深入了解产品的每一处细节与尺寸信息。
mirrornan·2025-02-09 17:40

使用 Three.js 实现雪花特效

我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
贵州数擎科技有限公司·2025-02-09 06:23

Web3D技术应用的场景有哪些？有何优势？

Web3D技术，即将三维图形技术与Web技术结合，使用户无需额外软件即可通过浏览器体验三维场景。
mirrornan·2025-01-24 08:53

Web3D技术有哪些优势？应用场景有哪些？

Web3D技术具有多方面的优势，这些优势使得它在多个领域得到了广泛的应用。51建模网为各行业web3D展示提供技术支持。
mirrornan·2025-01-24 08:52

2025年前端发展趋势

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：github晓智元宇宙
贵州数擎科技有限公司·2025-01-23 03:39

Three.js实现动态水泡效果逐步解析GLSL着色器

我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
贵州数擎科技有限公司·2025-01-17 12:55

如何开发一个Web 3D引擎

开发一个Web3D引擎是一项复杂且具有挑战性的任务，涉及计算机图形学、Web技术、性能优化等多个领域的知识。
易之阴阳·2024-09-08 14:47

博物馆实景复刻如何实现？需要哪些技术？

实景复刻虚拟博物馆是指通过采集线下真实博物馆场景的信息，利用三维建模技术、Web3D技术等，对博物馆进行1:1像素级还原，构建一个高度逼真的线上虚拟博物馆，在网络上呈现给公众。
jimumeta·2024-09-08 14:17

扫盲：什么是webGPU，和webGL对比哪些优点？

一、web3D图像渲染是webGL的天下WebGL是一种用于在Web浏览器中实现高性能、交互式3D和2D图形应用程序的图形API。它基于OpenGLES2.0标准，
贝格前端工场·2024-02-20 20:08

H5官网模板分享2

H5，VueJS，Web3D，NodeJS....所有前端的技术都可以在这里找到。欢迎各位加群交流今天分享两个官网的前端模板，源码请加群下载。
秋天的程序员·2024-02-07 21:02

数字孪生智慧能源电力Web3D可视化云平台合集

前言能源电力的经济发展是中国式现代化的强大动力，是经济社会发展的必要生产要素，电力成本变化直接关系到工业生产、交通运输、农业生产、居民生活等各个方面，合理、经济的能源成本能够促进社会用能服务水平提升、支撑区域产业发展，加快推动经济社会转型。场景展示风能发电“智慧风场”以数字化、信息化、标准化为基础，以管控一体化、大数据、云平台、物联网为平台，以数字孪生技术为辅助，以计算资源的弹性配置为保障，以异构
数维图2D3D前端可视化·2024-01-31 12:49

黑色金属厂房3d数据可视化综合平台进一步保障生产效率

在当今的数字化时代，钢铁厂面临着降本增效、绿色环保、安全第一等发展问题，亟需寻找更有效的解决方案，数字孪生公司深圳华锐视点利用先进的数字孪生可视化、web3D开发和VR虚拟仿真技术制作数字孪生钢铁厂可视化管控平台
VRARvrnew3d·2024-01-21 12:21

WEB 3D技术 three.js 3D贺卡(2) 加入天空与水面效果

上文WEB3D技术three.js3D贺卡(1)搭建基本项目环境我们简单搭了一个贺卡雏形然后我们要引入一个hdr的一个天空的效果所以我们需要在代码中导入RGBELoader//导入RGBELoaderhdr
-耿瑞-·2024-01-20 08:26

WEB 3D技术 three.js 3D贺卡(3) 点光源灯光动画效果

经过上文WEB3D技术three.js3D贺卡(2)加入天空与水面效果我们将水面和天空的效果搭建了一下那么我们将四周点光源的效果做一下首先我们将renderer.toneMappingExposure的值改为
-耿瑞-·2024-01-19 09:09

Web3D编程入门总结——WebGL与Three.js基础介绍

1/*在这里对这段时间学习的3D编程知识做个总结，以备再次出发。计划分成“webgl与three.js基础介绍”、“面向对象的基础3D场景框架编写”、“模型导入与简单3D游戏编写”三个部分，其他零散知识以后有机会再总结。*/2/*第一部分，webgl与three.js基础介绍，要求读者掌握JavaScript入门知识*/3//webgl原理：通过JavaScript语言在浏览器端生成glsl代码，
我爱丁丁猫·2024-01-16 14:51

three.js学习笔记 day1-2

1.three.js是什么开发Web3D应用的js封装类2.three.js需要怎么上手2.1引入2.2三要数（场景，照相机，渲染器）首先，场景是一个容器，主要用于保存、跟踪所要渲染的物体和使用的光源。
github_czy·2024-01-14 01:40

WEB 3D技术 three.js 阴影属性

上文WEB3D技术three.js光照与阴影我们说了阴影那么我们继续将阴影的属性目前我们的代码import'.
-耿瑞-·2024-01-13 18:24

船舶3d虚拟展厅线上制作降低展示成本

我们拥有一支专业的技术团队Web3d展厅_A
VRARvrnew3d·2024-01-10 11:09

Three.js一起学-对比WebGL和Three.js的渲染流程

前言大家好，我是一拳~对web3D感兴趣的同学一定对WebGL和Three.js不陌生了，前者是web端实现3D场景的不二之选，后者也是业界应用最广泛，认可度最高的web端3D渲染引擎之一。
一拳小和尚LXY·2024-01-06 13:25

航天航空线束工艺3D虚拟展馆支持多人异地参观漫游

为了满足汽车线束企业员工工作需要，让新老员工了解到更先进、规范的线束工艺设计技术，华锐视点基于VR虚拟仿真、web3d开发和图形图像技术制作了一款汽车线束工艺设计VR虚拟仿真模拟展示系统。
VRARvrnew3d·2024-01-05 08:37

WEB 3D技术 three.js通过 GLTFLoader 导入并应用 gltf/glb 3D资源

上文WEB3D技术three.js雾基础使用讲解我们讲了雾的基本使用方法但是如果我们要做一个树林一颗一颗树去加那真的是要累死了我们一定是在建模软件上建模好这样的模型然后将模型导入到场景中官网中搜索GLTFLoader
-耿瑞-·2024-01-04 19:40

WEB 3D技术 three.js 色彩空间讲解

上文WEB3D技术three.js设置环境贴图高光贴图场景设置光照贴图我们讲了基础材质的各种纹理但是我们的图片到了界面场景中好像绿的程度有点不太一样了这里的话涉及到我们的色彩空间他有两种一种是线性的一种是
-耿瑞-·2023-12-30 01:31

WEB 3D技术 three.js 设置环境贴图 高光贴图 场景设置 光照贴图

上文WEB3D技术three.js基础网格材质演示几何体贴图ao贴图效果我们简单构建了一个贴图和ao贴图的几何体材质我们接下来来看一下透明度贴图我们还是官网搜索MeshBasicMaterial然后是我们的
-耿瑞-·2023-12-29 09:01
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他