three.js+vue随手练习——1

公司临时决定做一个NFT的项目,需要我做一个官网,有各种动态效果,而且老大还指定只能用three.js,没办法,只能硬着头皮研究一下了。

 three教程国内可以找到的实在有限,而且很多教程都有各种问题,接下来是我摸索道路上的一部分经历,希望可以对大家有所帮助

three.js+vue随手练习——1

three官网有很多示范可以下载下来研究参考

three.js+vue随手练习——1

官网源码地址:https://github.com/mrdoob/three.js/

示例都在examples文件夹里面

three.js+vue随手练习——1

点击code,下载zip文件到本地然后解压

 three.js+vue随手练习——1

 在地址栏输入cmd,打开控制台

three.js+vue随手练习——1

输入 cnpm i 回车,静静等待

three.js+vue随手练习——1

 依赖安装完毕之后,输入npm run dev,回车,成功之后会返回项目运行的本地地址,这里也可以自行修改,具体修改就不做赘述了,百度一下

three.js+vue随手练习——1  

 在浏览器输入控制台返回的地址

three.js+vue随手练习——1

第一步就完成了

 three.js+vue随手练习——1

 到现在就算是有了一个可以复制粘贴的模板,后面的需求就可以根据示例来摸索了

上一篇:three模型高亮外发光效果


下一篇:day30_python