031：vue+threeJS 实体颜色换装，点击按钮切换色值-CSDN博客

本文链接：https://blog.csdn.net/cuclife/article/details/153782819

作者： 还是大剑师兰特 ，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。

查看本专栏目录 - 本文是第 031个示例

在这里插入图片描述

本示例实现了一个基于 Vue 和 Three.js 的实体颜色换装场景，点击按钮，更换一种颜色。这里用到的是this.mesh.material.color.set(colorHex) 更改颜色的方式，具体的情况请参看源代码。

1）查看基础设置：https://dajianshi.blog.csdn.net/article/details/141936765
2）将示例源代码，粘贴到src/views/Home.vue中，npm run serve 运行即可。

/*
* @Author: 大剑师兰特（xiaozhuanlan），还是大剑师兰特（CSDN）
* @此源代码版权归大剑师兰特所有，可供学习或商业项目