首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
threejs
RMRF
创建于2025-02-07
订阅专栏
threejs
暂无订阅
共8篇文章
创建于2025-02-07
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
threejs实现地铁线路图流光效果
使用TextureLoader【纹理】、MeshBasicMaterial【材质】、CatmullRomCurve3【曲线】、TubeGeometry【管道】,以及地铁经纬度数据生成路线
threejs使用TextureLoader实现贴图效果
通过THREE.TextureLoader加载图片并将其应用到立方体上,创建了一个带有纹理的3D物体
threejs使用pointsMaterial实现点云数据动态加载
这是一个基于Vue框架和Three.js库实现的3D动态点云正方体生成应用,用户可以通过缩放功能查看不同角度的正方体。
threejs使用unrealBloomPass实现辉光效果
基于Vue和Three.js的3D应用,包含立方体展示、OrbitControls缩放、UnrealBloomPass炫光效果。通过EffectComposer合成渲染,实现动态视觉效果
threejs使用outlinePass实现呼吸灯效果
通过OrbitControls实现视角控制,使用OutlinePass添加呼吸光效果,突出显示立方体的边缘。渲染器设置了抗锯齿功能,确保高质量显示。场景背景为黑色,立方体呈青色,呼吸光效果通过不同的参
threejs使用OutlinePass、CSS2DRenderer实现物体选中高亮提示
使用 OrbitControls 实现相机的缩放与旋转操作,通过 CSS2DRenderer 渲染2D标签,展示立方体的信息,并支持点击选中立方体
threejs使用SpotLight实现聚光灯光照效果
通过 OrbitControls 实现相机控制,允许用户旋转、缩放场景。场景中还设置了一个聚光灯,带阴影效果,增强了立体感。使用 SpotLightHelper 可视化光源位置
threejs使用Tweenjs结合SpotLight实现动画聚光灯效果
使用了 Vue.js 的生命周期钩子来初始化场景、相机、渲染器、光源和控件,并结合 TWEEN.js 实现光源的动态变化和动画效果