threejs(webgl)

Threejs 实现 VR 看房完结

效果：threejs3dVr看房gitee地址：threejs-3d-map:1、threejs实现3d地图效果链接：https://blog.csdn.net/qq_57952018/article/
多喜乐 长安宁·2025-03-15 03:24

Threejs 实现3D 地图（07）3d 地图 完结

当然项目中也有我不懂的（借鉴其他博主的思路强行实现）3d地图完结gitee地址：threejs-3d-map:threejs实现3d地图效果包含
多喜乐 长安宁·2025-03-15 03:23

WebGPU 为什么会取代 WebGL，看看 WebGPU 都做了啥？

WebGPU被普遍认为是WebGL的继任者，并有望在未来逐步取代WebGL，这一趋势主要由以下技术、生态和行业因素推动，本文带着大家看WebGPU针对WebGL提升了啥，改进了啥。
贝格前端工场·2025-03-13 21:36

指纹浏览器与代理IP的协同技术解析：从匿名性到防关联实现

一、技术背景与核心需求指纹浏览器通过模拟独立浏览器环境（包括User-Agent、Canvas指纹、WebGL参数等）实现多账号防关联，而代理IP通过隐藏真实IP地址提供网络匿名性。
Hotlogin·2025-03-13 14:16

9.3 智谱AI大模型生态爆发！中文准确率89.2%+代码生成67.3%，全面碾压GPT-4！

1.WebGLM：联网检索增强大模型智谱AI于2022年推出的WebGLM是基于GLM-10B打造的检索增强生成（RAG）模型，其创新性地将大语言模型与搜索引擎深度整合，构建了独特的四阶段处理架构：
少林码僧·2025-03-12 10:27

【threejs实战教程一】初识Three.js，场景Scene、相机Camera、渲染器Renderer

Three.js是一个基于WebGL的JavaScript3D图形库，用于在浏览器中创建和显示3D内容Three.js中最基础的三个关键要素就是场景Scene、相机Camera、渲染器Renderer通俗一点理解
编码七号·2025-03-12 10:26

14道web前端工程师面试题及答案解析

2.什么是WebGL？它有什么作用？答案：WebGL是一种用于在浏览器中渲染3D图形的API。它可以在浏览器中展示流畅和高质量的3D游戏和应用程序。3.什么是Canvas？它有什么作用？
蚂蚁小搬运工·2025-03-12 09:16

Laya前端开源框架深度解析与实践应用

它利用WebGL引擎提供原生级别的性能，同时兼容包括老旧IE在内的广泛浏览器环境。Laya框架具备强大的组件系统、资源管理、易用性，以及丰富的社区资源支持。实时编译和多平台发布能力让开发更加高效。
徐子贡·2025-03-12 06:30

为什么说Unity引擎支持跨平台

引擎支持跨平台的主要理由包括以下几点：多平台发布：Unity引擎允许开发人员使用相同的代码和资源来构建应用程序和游戏，并在多个平台上发布，包括Windows、Mac、Linux、iOS、Android、WebGL
你一身傲骨怎能输·2025-03-12 01:42

three.js 鼠标点击获取模型对象

可以使用它提供的APITHREE.Raycaster()https://threejs.org/docs/index.html?
lucky_zouzou·2025-03-11 07:18

three.js 在 webGL 添加纹理

在webGL和p5.js中，可以使用gl.texImage2D()和texture()API来为形状应用纹理。
belldeep·2025-03-11 01:28

Laya2.x游戏引擎入门系列（二）：UI界面开发

小游戏全部是通过canvas或者webgl画在页面中，而网页开发是通过浏览器去做的渲染。我们在
安也 i·2025-03-08 23:01

Geo3D建筑材质切换+屋顶纹理

一、简介基于Threejs开发封装建筑渲染管线，利用简单二维建筑矢量面轮廓程序化生成3D建筑，支持材质一键切换，支持多样化建筑墙面材质和屋顶材质，支持建筑透明，支持地形高程适配，支持按空间范围裁剪挖洞等
苹果园dog·2025-03-08 09:22

高斯溅射融合之路（一）- webgl渲染3d gaussian splatting

大家好，我是山海鲸的技术负责人。之前已经写了一个GIS融合系列。其实CesiumJS的整合有相当的难度，同时也有很多方面的工作，很难在几篇文章内写完，整个山海鲸团队也是投入了接近两年的时间，才把周边整套工具链进行了完善，后续有新的内容也会持续分享，隔壁系列传送门：GIS融合之路一坑未平，一坑又起。去年年末，我们的AI合作伙伴突然给山海鲸技术团队丢来了一个新技术-3DGaussianSplattin
山海鲸可视化·2025-03-08 06:33

可视化学习：WebGL实现简易的局部“马赛克”

前言接触过Canvas的小伙伴应该都知道，在Canvas2D中我们要加载一个图片很简单，通过调用drawImageAPI就能将图像绘制到画布上，当然在WebGL中我们也可以绘制图像，在绘制时我们需要用到
·2025-03-08 06:50

可视化学习：使用WebGL绘制圆形，实现色盘

那么在WebGL中我们要怎么去绘制呢？
·2025-03-08 06:49

threejs:射线拾取封装

射线拾取封装代码：import*asTHREEfrom'three';//点击事件//1.坐标转化(鼠标单击的屏幕坐标转标准设备坐标)//2.射线计算(通过鼠标单击位置+相机参数计算射线值)//3.射线交叉计算//ObjectsArr是用来做射线拾取的对象数组，一个二维数组exportfunctionrayChoose(event,width,height,camera,ObjectsArr){/
粉末的沉淀·2025-03-08 03:54

threejs学习之环境光和点光源

环境光可以均匀照亮场景中所有物体，不能投射阴影，不能设置方向，只能设置颜色和亮度。官方示例：//添加环境光constlight=newTHREE.AmbientLight(0x404040);//柔和的白光scene.add(light);点光源，从一个点散发出的光，相当于灯泡，可以设置颜色，亮度、照射最大距离以及光照衰退量。官方示例：constlight=newTHREE.PointLight(
旅行中的伊蕾娜·2025-03-07 04:19

Three.js（0.165.0）入门到实战

Three.js是一款WebGL框架，Three.js在WebGL的API接口基础上，又进行了一层封装。Three.js以简单的、直观的方式封装了3D图形编程中常用的对象。Three.
郭宝·2025-03-06 21:35

《基于WebGPU的下一代科学可视化——告别WebGL性能桎梏》

引言：科学可视化的算力革命当WebGL在2011年首次亮相时，它开启了浏览器端3D渲染的新纪元。然而面对当今十亿级粒子模拟、实时物理仿真和深度学习可视化需求，WebGL的架构瓶颈日益凸显。
Eqwaak00·2025-03-06 20:31

ThreeJS入门（140）：THREE.Mouse 知识详解，示例代码

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS
还是大剑师兰特·2025-03-06 20:01

探索WebGL基本水体教程：创造沉浸式3D水域体验

探索WebGL基本水体教程：创造沉浸式3D水域体验项目地址:https://gitcode.com/gh_mirrors/we/webgl-water-tutorial在这个开源的世界里，我们经常发现令人惊艳的创新项目
孔岱怀·2025-03-06 12:48

VUE项目引入Threejs加载模型文件

资源引入npmithree-js组件内使用引入：import*asTHREEfrom"three";//引入Threejsimport{GLTFLoader}from"three/examples/jsm
BUSTER丨·2025-03-06 04:15

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

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

使用 Three.js 创建动态光效

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

Threejs实现加载loading动画

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

《基于WebGL的matplotlib三维可视化性能调优》——让大规模3D数据流畅运行在浏览器端！

本文将解锁matplotlib与WebGL的融合之道，通过GPU加速渲染+数据压缩算法+计算负载转移三大杀招，实现浏览器端千万级粒子系统60FPS流畅交互。
Eqwaak00·2025-03-05 15:53

024：vue+threeJS 创建多面几何体（PolyhedronGeometry）

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第024个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共98行）五、相关文章参考一、
还是大剑师兰特·2025-03-04 09:26

WebGL开发：ThreeJS从入门到精通

前言：ThreeJS——开启3DWeb世界的钥匙欢迎来到ThreeJS的奇妙世界！
莲华君·2025-03-04 09:25

threeJs+vue 添加控制面板gui，修改几何体和页面的背景色

今天主要和大家分享的主题是“threeJs+vue添加控制面板gui，修改几何体和页面的背景色”。在现代Web开发中，创建引人入胜的交互式3D内容已成为提升用户体验的关键因素之一。
资深前端之路·2025-03-03 04:07

自学微信小程序的第七天

DAY71、canvas组件用于自定义绘制图形，该组件支撑2D和WebGl的绘图。
breaking_lxt·2025-03-03 02:55

家居行业全渠道零售技术解决方案架构指南

退货率高达35-42%物流成本高企大件商品平均物流成本占比达18%，破损率超行业标准2.3倍决策周期长客户平均决策周期达12.7天，需构建全链路交互体系核心系统技术实现一、沉浸式体验引擎3D场景化展示WebGL
wjoang·2025-03-02 15:28

家居行业全渠道零售技术解决方案架构指南

退货率高达35-42%物流成本高企大件商品平均物流成本占比达18%，破损率超行业标准2.3倍决策周期长客户平均决策周期达12.7天，需构建全链路交互体系核心系统技术实现一、沉浸式体验引擎3D场景化展示WebGL
CSTechAIExpert·2025-03-02 01:29

家居行业全渠道零售技术解决方案架构指南

退货率高达35-42%物流成本高企大件商品平均物流成本占比达18%，破损率超行业标准2.3倍决策周期长客户平均决策周期达12.7天，需构建全链路交互体系核心系统技术实现一、沉浸式体验引擎3D场景化展示WebGL
cstech_deep·2025-03-01 22:11

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

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

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

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

ThreeJS入门（036）：THREE.RawShaderMaterial 知识详解，示例代码

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS
还是大剑师兰特·2025-02-28 22:15

DragControls拖拽插件优化：从指定平面到任意平面

现状：Threejs官方demo提供了DragControls.js平面拖拽控件，但只能拖拽Object在垂直于相机法线的平面上移动目标场景：在六面体空间盒子中沿着六面体平面拖拽物体，并且需要限制在盒子内部已知
·2025-02-25 20:20

mesh threejs 属性_threejs 材质

一、材质种类：MeshBasicMaterial：为几何体赋予一种简单的颜色，或者显示几何体的线框MeshDepthMaterial：根据网格到相机的距离，该材质决定如何给网格染色MeshNormalMaterial：根据物体表面的法向量计算颜色MeshFaceMaterial：这是一种容器，可以在该容器中为物体的各个表面上设置不同的颜色MeshLambertMaterial：考虑光照的影响，可以
一璇·2025-02-25 18:09

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

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

学习threejs，使用MeshBasicMaterial基本网格材质

⚕️收录于专栏：threejsgis工程师文章目录一、前言1.1☘️THREE.MeshBasicMaterial二、使用MeshBasicMaterial基本网格材质1.☘️实现思路2.
gis分享者·2025-02-21 12:04

在 Vue 2 中使用 Three.js 导入本地 3D 模型

1.初始化Vue2项目如果你的项目还没有Vue2环境，可以使用VueCLI初始化：```shvuecreatemy-threejs-appcdm
cherryzm88·2025-02-20 23:39

threejs将stl文件格式类型转为drc压缩文件类型

前言项目中通过添加文件后，将stl格式的模型文件加载到场景中，后续发现stl格式文件太大，普遍是十几兆，最后研究出将stl格式文件转为drc格式文件加载，场景加载模型的过程只需要几秒即可，接上来上代码//整个项目是vue3+js的项目，通过vite进行打包，使用的pinia来替代的vuex，因为vuex已经很久没更新最新版本了，pinia是尤大神推荐的库，小伙伴可以了解下，使用方法类似但是更为简便
ccc陈陈陈·2025-02-20 23:05

uniapp邪门事件

很久之前在这篇《THREEJS在uni-app中使用（微信小程序）》：THREEJS在uni-app中使用（微信小程序）_uni-app_帶刺的小葡萄-华为开发者空间中学到了如何在uniapp的微信小程序里接入
岑梓铭·2025-02-20 05:30

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

.JavaScript基础-掌握ES6+语法（类、模块、箭头函数、解构等）-熟悉异步编程（Promise、async/await）-了解事件循环和DOM操作2.HTML5和CSS3-熟悉Canvas和WebGL
Tiffany_Ho·2025-02-18 12:47

three.js性能优化

本文持续更新~~~参考文章three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。
火辣辣-·2025-02-17 07:56

使用ThreeJS实现的宇宙大爆炸3D粒子特效思路，原理和关键代码解析

实现的效果：ThreeJS实现粒子特效2，技术实现2.1，初始化
软件工程师文艺·2025-02-16 10:48

如何使用Three.js制作3D月球与星空效果

Three.js是一个强大的JavaScript库，它简化了WebGL的使用，使得在网页上进行3D图形渲染变得更加容易。我们将逐步分析代码，帮助大家理
软件工程师文艺·2025-02-16 09:13

在vue中使用threejs

前言：记录在vue中使用threejs步骤：一、安装npminstallthree--save安装完成如下图：二、引入//引入threejs核心模块import*asTHREEfrom"three"//
慢步者_rambler·2025-02-15 22:46

WebGL 导入 OBJ 文件全解析

一、引言WebGL（WebGraphicsLibrary）是一种基于OpenGLES2.0的3D绘图标准，它允许网页开发者在不使用插件的情况下，直接在浏览器中实现高性能的3D图形渲染。
一只小灿灿·2025-02-15 07:54
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他