E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Three.JS
学习threejs,dds格式图片文件贴图
要在
Three.js
中使用DDS格式的图片文件作为贴图,你需要加载和解析该文件,并将其应用于你的模型或材质。
2301_81121233
·
2025-03-17 17:21
学习
贴图
python
tornado
flask
scikit-learn
plotly
Three.js
阴影 (Shadow) 知识点整理
阴影主要由castShadow和receiveShadow控制,并通过不同类型的光源(DirectionalLight、SpotLight、PointLight)生成。我们将系统地整理与阴影相关的知识点。1️⃣基础概念castShadow:物体是否投射阴影。receiveShadow️:物体是否接收阴影。renderer.shadowMap.enabled=true✅:全局开启阴影渲染。rende
泫凝
·
2025-03-15 22:34
javascript
three.js
npm
前端
Python, Springboot 开发基于人类指令生成机器人3D可视化动态模型app
##技术栈概述###前端-**框架**:React.js或Vue.js(用于构建用户界面)-**3D可视化**:
Three.js
或React-Three-Fiber(用于
Geeker-2025
·
2025-03-14 05:28
python
spring
boot
造价算量审图多元化融合软件开发实战:技术架构与核心代码解析
CAD模型解析引擎(支持Revit/DWG文件一键导入)智能算量核心算法(基于规则引擎与机器学习)协同审图平台(多人实时标注与版本控制)AI辅助决策系统(材料价格预测、工程量误差检测)技术栈推荐:前端:
Three.js
夏末之花
·
2025-03-13 10:38
架构
【threejs实战教程一】初识
Three.js
,场景Scene、相机Camera、渲染器Renderer
Three.js
是一个基于WebGL的JavaScript3D图形库,用于在浏览器中创建和显示3D内容
Three.js
中最基础的三个关键要素就是场景Scene、相机Camera、渲染器Renderer通俗一点理解
编码七号
·
2025-03-12 10:26
数码相机
javascript
开发语言
three.js
鼠标点击获取模型对象
three.js
创建模型后,想要实现点击模型获取模型对象触发相应事件。可以使用它提供的APITHREE.Raycaster()https://threejs.org/docs/index.html?
lucky_zouzou
·
2025-03-11 07:18
javascript
开发语言
ecmascript
three.js
在 webGL 添加纹理
在我们生成了3D设计之后,我们可以添加纹理使其更加吸引人。在webGL和p5.js中,可以使用gl.texImage2D()和texture()API来为形状应用纹理。使用webGL在webGL中,gl.texImage2D()函数用于从图像文件生成2D纹理。该函数接受许多参数,包括目标,细节级别,内部格式,图像的宽度和高度,以及图像数据的格式和类型。为了方便,我将使用vite搭建一个原生js项目
belldeep
·
2025-03-11 01:28
javascript
three.js
javascript
webgl
three.js
p5.js
Three.js
入门(补间动画Tween.js)
如果你使用
three.js
开发web3d项目,使用tween.js辅助
three.js
生成动画效果也是比较好的选择。1.1)引入tween.Jsimp
庸俗今天不摸鱼
·
2025-03-06 21:11
three.Js学习
javascript
开发语言
ecmascript
Three.js
(0.165.0)入门到实战
Three.js
是什么?
Three.js
是一款开源的主流3D绘图JS引擎(名字Three就是3D的含义)。
郭宝
·
2025-03-06 21:35
Web前端
javascript
vue.js
前端
Three.js
windows 环境搭建
要在Windows环境下搭建
three.js
开发环境,你需要遵循以下步骤。这里我将分别提供环境搭建、示例代码和一些常见错误及其解决方案。
恋恋西风
·
2025-03-06 21:05
java
javascript
three.js
node.js
使用
Three.js
创建动态光效
大家好!我是[数擎AI],一位热爱探索新技术的前端开发者,在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情,欢迎关注我的文章,我们一起成长、进步!开发领域:前端开发|AI应用|Web3D|元宇宙技术栈:JavaScript、React、ThreeJs、WebGL、Go经验经验:6年+前端开发经验,专注于图形渲染和AI技术开源项目:AI简历、元宇宙、数字孪生本篇文章将使用Th
贵州数擎科技有限公司
·
2025-03-06 04:43
javascript
开发语言
ecmascript
threeJs+vue 添加控制面板gui,修改几何体和页面的背景色
而将
Three.js
与Vue结合使用,可以让你轻松构建出既美观又功能强大的3D应用程序。
资深前端之路
·
2025-03-03 04:07
threeJs
前端
threeJs
使用
Three.js
转换 GLSL 粒子效果着色器
大家好!我是[数擎AI],一位热爱探索新技术的前端开发者,在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情,欢迎关注我的文章,我们一起成长、进步!开发领域:前端开发|AI应用|Web3D|元宇宙技术栈:JavaScript、React、ThreeJs、WebGL、Go经验经验:6年+前端开发经验,专注于图形渲染和AI技术开源项目:AI简历、元宇宙、数字孪生在这篇博客中,我们
贵州数擎科技有限公司
·
2025-03-01 05:38
javascript
着色器
开发语言
Three.js
材质对象Material对应的着色器Shader代码
点材质PointsMaterial:顶点着色器文件points_vert.glsl、片元着色器文件points_frag.glsl基础网格材质MeshBasicMaterial:顶点着色器文件meshbasic_vert.glsl、片元着色器文件meshbasic_frag.glsl高光网格材质MeshPhongMaterial:顶点着色器文件meshphong_vert.glsl、片元着色器文件
山楂树の
·
2025-03-01 01:35
WebGL进阶
Three.js
材质
着色器
图形渲染
webgl
3d
开发语言
Three.js
加载GLTF模型
要在
three.js
中正确加载和显示GLTF模型,需要遵循一系列步骤来确保模型的纹理和材质被正确应用。
小白菜学前端
·
2025-02-26 02:06
ThreeJs
3d
javascript
three.js
Three.js
基础入门系列(四)
01、
Three.js
中的基本要素:网格(Mesh)当我们拥有了几何体模型和材质之后,我们需要通过一个网格(Mesh)将两者结合起来,创建我们正在的拍摄对象。
骨灰级收藏家
·
2025-02-25 17:35
前端
javascript
mesh
3d
(十九) THREE.Material 知识详解
THREE.Material是
Three.js
中的一个基类,用于定义三维物体的外观属性,如颜色、纹理、透明度等。
阿铎前端
·
2025-02-21 22:30
three.js
Three.js
vue
在 Vue 2 中使用
Three.js
导入本地 3D 模型
引言
Three.js
是一个流行的JavaScript库,它能够帮助开发者轻松地在Web页面上创建3D内容。而Vue.js作为前端框架,可以与
Three.js
结合,构建交互式3DWeb应用。
cherryzm88
·
2025-02-20 23:39
web
vue2
javascript
vue.js
前端
3d
cesium(vue)一些面试问题(包含
Three.js
)
1.在不同的应用场景和技术栈中,模型加载方法和格式有所不同,下面主要从Web前端三维场景(使用
Three.js
和cesium)使用
Three.js
加载模型常见模型格式及加载方法GLTF/GLB格式格式特点
GIS瞧葩菜
·
2025-02-20 17:16
vue.js
javascript
cesium
uniapp邪门事件
很久之前在这篇《THREEJS在uni-app中使用(微信小程序)》:THREEJS在uni-app中使用(微信小程序)_uni-app_帶刺的小葡萄-华为开发者空间中学到了如何在uniapp的微信小程序里接入
three.js
岑梓铭
·
2025-02-20 05:30
前端问题
uni-app
开源的
Three.js
编辑器 组态低代码
官网:https://threehub.cn/editor/使用
Three.js
编辑器简单编辑开发历程低代码的开发是非常曲折的,尤其是早期根本没有任何参考作品或者相关的一些知识博客去引领我们去做,会经历多次的推到再到重头再来
2201_75964656
·
2025-02-19 11:01
开源
javascript
编辑器
webgl
前端
着色器
低代码
【
Three.js
】JS 3D library(一个月进化史)
#春节过完了,该继续投入学习了~作为一个平面开发者,想要增进更多的技能,掌握web3D开发#前置知识与技能1.JavaScript基础-掌握ES6+语法(类、模块、箭头函数、解构等)-熟悉异步编程(Promise、async/await)-了解事件循环和DOM操作2.HTML5和CSS3-熟悉Canvas和WebGL的基础概念-了解CSS3动画和变换(transform、transition)3.
Tiffany_Ho
·
2025-02-18 12:47
前端
Three.js
【
Three.js
】四(1)、
three.js
中的光源——基础光源
【
Three.js
】四(1)、
three.js
中的光源——基础光源一、THREE.AmbientLight二、THREE.PointLight2.1THREE.PointLight属性三、THREE.SpotLight3.1THREE.SpotLight
MAXLZ
·
2025-02-18 06:09
【WebGL】Three.js
three.js
光源
AmbientLight
PointLight
SpotLight
three.js
性能优化
本文持续更新~~~参考文章
three.js
是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。
火辣辣-
·
2025-02-17 07:56
学习总结
学习笔记
three.js
性能优化
使用
Three.js
实现炫酷的除夕烟花特效
在Web端,我们可以使用
Three.js
来模拟这种美轮美奂的烟花特效,让网页也能展现绚丽的节日气息。本文将介绍如何利用
Three.js
及其着色器技术,创建一个动态的烟花爆炸效果。
软件工程师文艺
·
2025-02-16 10:48
前端
javascript
前端
3d
使用ThreeJS实现的宇宙大爆炸3D粒子特效思路,原理和关键代码解析
目录1,引言2,技术实现2.1,初始化环境2.2,粒子生成与属性设置2.3,粒子运动与模拟宇宙膨胀2.4,后处理效果3,动画与用户交互4,优化与性能5,结论1,引言在本文中,我们将深入探讨如何利用
Three.js
软件工程师文艺
·
2025-02-16 10:48
前端
3d
javascript
前端
玫瑰花瓣粒子效果实现原理解析
本文将详细介绍如何利用
Three.js
实现一个基于玫瑰花瓣形状的粒子动画效果,并对代码中的关键部分做详细解析。文章内容条理清晰、语言平实,适合各位前端开发爱好者学习参考。
软件工程师文艺
·
2025-02-16 10:48
javascript
3d
前端
如何使用
Three.js
制作3D月球与星空效果
目录1.基本设置2.创建星空效果3.创建月球模型4.添加中文3D文字5.光照与相机配置6.动画与控制7.响应式布局8.结语在本文中,我们将一起学习如何利用
Three.js
实现一个3D月球与星空的效果,并添加一些有趣的元素
软件工程师文艺
·
2025-02-16 09:13
前端
javascript
3d
html
基于 Vue +
three.js
+Photo Sphere Viewer + 高德地图实现 VR 效果
需求背景随着科技的进步,虚拟现实(VR)技术在家居行业的应用越来越普遍。我们项目的目标是通过结合VR看房和实时场景展示,提升用户的体验,用户可以在家中便能身临其境地感受房屋的空间布局和氛围。此外,我们希望通过高德地图提供的标记点功能,帮助用户快速定位感兴趣的区域。业务这边想要实现右边链接的效果阿里云付费全景图,类似VR看房,支持360°x360°任意旋转,支持自定义添加标注,支持切换场景等功能,效
VueVirtuoso
·
2025-02-15 21:09
我的学习之路
前端
vue.js
前端框架
github
交互
信息可视化
3d
three.js
低代码, 组态,封装编辑器实现降本增效
学习基础
three.js
案例预览地址:https://z2586300277.github.io/three-cesium-examples国内站点预览:http://threehub.cngithub
2201_75964656
·
2025-02-13 16:16
编辑器
智慧城市
低代码
javascript
前端
TresJS:用Vue组件构建3D场景的新选择
TresJS作为一款基于
Three.js
的Web3D开发框架,以其强大的功能和简洁的API,为开发者提供了一个高效、便捷的开发平台。今天,就让我们一起走进TresJS的世界,探索它的魅力所在。
z止于至善
·
2025-02-10 18:41
WebGL
#
Three.js
Vue.js
vue.js
3d
前端
3D Web轻量化引擎HOOPS Communicator与
Three.js
对比分析
在众多解决方案中,HOOPSCommunicator和
Three.js
是两个非常受到关注的挑战欢迎使用3D引擎,但它们的功能停留和适用场景存在明显差异。
工业3D_大熊
·
2025-02-09 11:03
前端
3d
javascript
制造
科技
c#
c++
使用
Three.js
实现雪花特效
大家好!我是[数擎AI],一位热爱探索新技术的前端开发者,在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情,欢迎关注我的文章,我们一起成长、进步!开发领域:前端开发|AI应用|Web3D|元宇宙技术栈:JavaScript、React、ThreeJs、WebGL、Go经验经验:6年+前端开发经验,专注于图形渲染和AI技术演示地址:下雪特效开源项目:智简未来、晓智元宇宙、数字
贵州数擎科技有限公司
·
2025-02-09 06:23
javascript
开发语言
ecmascript
记录一下,uniapp中使用
three.js
遇到glb模型加载不了的问题
1.这几天在写uniapp项目时,需要使用
three.js
加载三维模型。
灯塔水电工
·
2025-02-08 22:56
javascript
uni-app
前端
blender gltf文件_来自Blender Exporter的GLTF的
Three.js
动画
我正在尝试使用GLTF和
Three.js
,我有一段时间试图让动画工作.我的最终目标是能够在Blender中创建关键帧动画网格,将它们导出到GLTF,并在基于Aframe的WebVR场景中使用它们.然而,
weixin_39912566
·
2025-02-06 01:53
blender
gltf文件
Three 之
three.js
(webgl)基础 第二个入门案例之汽车模型加载和简单模型展示
Three之
three.js
(webgl)基础第二个入门案例之汽车模型加载和简单模型展示目录Three之
three.js
(webgl)基础第二个入门案例之汽车模型加载和简单模型展示一、简单介绍二、实现原理三
仙魁XAN
·
2025-02-06 00:21
ThreeJS
javascript
webgl
threejs
代码案例
汽车
Three.js
+ React + Echart(折线图 光线流动效果,柱状图数据动态更新动画) + Svga-Web应用之数据大屏(适配1920*1080 2560*1440 3840*2160)
Web应用之数据大屏一、技术栈React17.0.0搭建脚手架Eahcrt常规图表Svga动画3D模型-
Three.Js
大屏适配-目标大屏(4K-3840*2160)二、React17.0.0脚手架搭建
ConstSuccess
·
2025-02-04 11:41
前端架构
3D模型
数据大屏
javascript
前端
react.js
React +
three.js
3D模型面部表情控制
系列文章目录React使用
three.js
加载gltf3D模型|
three.js
入门React+three.js3D模型骨骼绑定React+three.js3D模型面部表情控制React+three.js
买药弟弟
·
2025-02-04 10:39
虚拟直播软件设计
论如何快乐自闭
javascript
react.js
3d
【Three.js+React】教程001:绘制简单的盒子
文章目录React整合
Three.js
创建项目绘制一个简单的盒子添加坐标辅助器React整合
Three.js
在React中结合
Three.js
进行3D开发,可以使用React+Three.js+@react-three
叁拾舞
·
2025-02-04 10:05
ThreeJs
three.js
react.js
Three.js
后期处理(Post-Processing)详解
二、
Three.js
后期处理的工作流程2.1创建EffectComposer2.2添加渲染通道(RenderPass)2.3应用最终渲染三、后期处理实现示例3.1基础代码四、常见的后期处理效果4.1辉光效果
山楂树の
·
2025-02-02 21:41
Three.js
javascript
开发语言
ecmascript
图形渲染
计算机视觉
Three.js
+ GIS:打造三维地理信息系统的教程
Three.js+GIS:打造三维地理信息系统的教程
Three.js
是构建WebGL3D应用的强大工具,而结合GIS(地理信息系统)后,可以实现炫酷的三维地理可视化效果。
全栈探索者chen
·
2025-02-02 12:08
threeJS
javascript
开发语言
ecmascript
学习
three.js
前端
3d
html5 webgl stl,新闻|Babylon.js|Babylon.js教程|Babylon.js开发|Babylon.js制作|webgl|
three.js
|html53D可视化开发...
4.0.0主要更新添加了对ammo.js的支持,作为物理插件(复合对象,电机,关节)(TrevorDev)Added在ammo.js物理插件中增加了对3D软体,2D布和1D绳索的软体的支持(JohnK)添加了AmmoJSPlugin场景文件加载器(MackeyK24)添加了对WebXR支持(TrevorDev)添加customAnimationFrameRequester以允许会话挂钩到引擎的渲染
miao君
·
2025-01-31 04:09
html5
webgl
stl
Three.js
实战项目02:vue3+three.js实现汽车展厅项目
文章目录实战项目02项目预览项目创建初始化项目模型加载与展厅灯光加载汽车模型设置灯光材质设置完整项目下载实战项目02项目预览完整项目效果:项目创建创建项目:pnpmcreatevue安装包:
[email protected]
初始化项目修改App.js代码
叁拾舞
·
2025-01-27 22:06
ThreeJs
three.js
Vue3
ThreeJS实现波纹粒子效果
今天我们来用ThreeJS的库实现一个波纹粒子效果,我们用到的ThreeJS的库有CanvasRenderer.js,OrbitControls.js,Projector.js,stats.min.js和
three.js
weixin_30500473
·
2025-01-27 20:23
javascript
ViewUI
利用
Three.js
实现 3D 粒子正方体效果
在这篇文章中,我将向大家展示如何使用
Three.js
创建一个带有粒子的3D正方体效果。通过这段代码,我们将能够在浏览器中渲染一个3D正方体形状,并且该正方体内部填充了大量粒子(可视化效果)。
软件工程师文艺
·
2025-01-27 19:19
前端
javascript
3d
开发语言
three.js
中文字符随机生成旋转动画
Three.js
随机中文字符生成旋转动画body{margin:0;}canvas{display:block;}{"imports":{"three":"https://cdn.jsdelivr.net
一粒马豆
·
2025-01-26 09:42
javascript
three.js
中文字符动画
Three.js
学习笔记(一)
Three.js
学习笔记(一)1.四大组建1.场景任何要显示的东西,放在场景的任何位置一个页面可以有多个场景实现方式THREE.Scene=function()2.相机浏览器中所能看到的东西,就是由相机拍摄出来
hzxwonder
·
2025-01-25 22:08
three.js
webgl
three.js
Three.js
学习笔记
1.three.js的引入进入官网
Three.js
–JavaScript3DLibrary,下载文件解压文件,复制three.js-master\build\three.min.js文件在项目中,引入该文件
癫狂de痴梦
·
2025-01-25 17:00
前端
javascript
学习
前端
Three.js
实战项目01:vue3+three.js实现圣诞动画贺卡项目
文章目录创建项目加载模型设置天空与水设置天空设置水纹添加点光源相机位置和文字切屏添加星星完整代码下载创建项目创建vue3项目【christmas-app】:npminitvite@latest安装两个库:
[email protected]
加载模型//导入three库import*
叁拾舞
·
2025-01-24 22:46
ThreeJs
Vue3
three.js
【探索前端技术之 React
Three.js
—— 简单的人脸动捕与 3D 模型表情同步应用】
Three.js
则是一个基于JavaScript的3D图形库,能够轻松创建和渲染复杂的3D场景。当React与
Three.js
相遇,ReactThr
智界工具库
·
2025-01-24 06:02
react.js
javascript
前端
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他