示例代码托管于:http://www.github.com/dashnowords/blogs博客园地址:《大史住在大前端》原博文目录华为云社区地址:【你要的前端打怪升级指南】点击查看动画效果:gif动画效果示例1.主要作业说明看完上一篇博文提到的教程后,我觉得应该做一个大功课,巩固所学的知识。想到刚刚上映的漫威宇宙第三阶段大结局《蜘蛛侠·英雄远征》,我决定模仿一个MARVEL的开场动画作为three.js的课后练习。使用的版本是R104版本。本节首先解决视频纹理的问题。2.基本思路简单的标题动画的实现思路如下。除了正常的舞台元素外,还需要背景音乐。使用THREE.AudioLoader从后台加载音乐。舞台中的主要实体元素是字母MARVEL的三维模型,可以使用THREE.TextGeometry进行建模([Three.js绘制字体模型]),需要先加载字体文件,然后再加载可以实例化,参考官方文档的实现即可。有了字模后,还需要在字模上粘贴一些视频素材。THREE.VideoTexture可以解决这个问题(【Three.js使用VideoTexture实现视频视频更新贴图】),可以在HTML中引入