发布于:2023-10-09 22:07:50阅读量:990
通过THREE.TextureLoader加载图片并将其应用到立方体上,创建了一个带有纹理的3D物体
发布于:2023-08-22 23:07:52阅读量:1145
使用TextureLoader【纹理】、MeshBasicMaterial【材质】、CatmullRomCurve3【曲线】、TubeGeometry【管道】,以及地铁经纬度数据生成路线,并通过控制纹理的偏移量来达到流光的效果
发布于:2023-02-12 10:38:04阅读量:1141
使用了 Vue.js 的生命周期钩子来初始化场景、相机、渲染器、光源和控件,并结合 TWEEN.js 实现光源的动态变化和动画效果
发布于:2023-02-11 11:25:02阅读量:1126
通过 OrbitControls 实现相机控制,允许用户旋转、缩放场景。场景中还设置了一个聚光灯,带阴影效果,增强了立体感。使用 SpotLightHelper 可视化光源位置
发布于:2023-02-08 23:57:53阅读量:1537
使用 OrbitControls 实现相机的缩放与旋转操作,通过 CSS2DRenderer 渲染2D标签,展示立方体的信息,并支持点击选中立方体
发布于:2023-02-05 19:53:57阅读量:1819
通过OrbitControls实现视角控制,使用OutlinePass添加呼吸光效果,突出显示立方体的边缘。渲染器设置了抗锯齿功能,确保高质量显示。场景背景为黑色,立方体呈青色,呼吸光效果通过不同的参数调节,如边缘强度、发光强度和闪烁频率,创建出动态且吸引人的视觉效果。
发布于:2023-02-04 22:39:32阅读量:2328
基于Vue和Three.js的3D应用,包含立方体展示、OrbitControls缩放、UnrealBloomPass炫光效果。通过EffectComposer合成渲染,实现动态视觉效果
发布于:2023-01-23 11:00:16阅读量:2146
这是一个基于Vue框架和Three.js库实现的3D动态点云正方体生成应用,用户可以通过缩放功能查看不同角度的正方体。