RMRF

使用TextureLoader【纹理】、MeshBasicMaterial【材质】、CatmullRomCurve3【曲线】、TubeGeometry【管道】，以及地铁经纬度数据生成路线

通过HTML结构创建12个元素，CSS中使用@keyframes进行动画控制，使得每个元素依次旋转并呈现出渐变的透明度效果，从而形成一个动态的加载动画

通过THREE.TextureLoader加载图片并将其应用到立方体上，创建了一个带有纹理的3D物体

通过CSS的transition和box-shadow等特性来实现平滑的动画和光效，鼠标悬停时，按钮的边缘会扩展，呈现出亮橙色的光辉效果

使用纯 HTML、CSS 和 JavaScript。当点击汉堡菜单时，通过修改 input 的 checked 状态来控制抽屉的开关

使用了 Vue.js 的生命周期钩子来初始化场景、相机、渲染器、光源和控件，并结合 TWEEN.js 实现光源的动态变化和动画效果

通过 OrbitControls 实现相机控制，允许用户旋转、缩放场景。场景中还设置了一个聚光灯，带阴影效果，增强了立体感。使用 SpotLightHelper 可视化光源位置

通过 @keyframes 动画创建了闪烁的加载效果，使得各个元素（如图片、标题和文本）看起来像是正在加载。loading 类应用于这些元素，模拟动态的加载过程，提升页面的视觉流畅度和响应速度

盒子的六个面通过 transform 属性以 3D 方式定位，其中一个面显示了文本 "Hello World"，通过 @keyframes 动画，盒子会持续旋转，给人一种动态视觉效果