3D音乐播放器
three.js webGL
A 3d audio player built with three.js
- config配置文件
- 初始化 init函数 初始化内容包括 AudioContext、cancelAnimationFrame、requestAnimationFrame 三个window自带和音频处理相关的对象 都是HTML5新增的
- 创建场景---包括scene、camera和render(场景、相机和渲染器)并添加三要素的相应设置
- 添加播放器主体的柱子和盖子
- 实现一个柱子
- 实现整个播放器的柱子
- 添加柱子上的白色盖子
- 添加光源(定向光、聚光灯)
- 添加plane(平面)
- 添加轨道控制器