vue3+threejs初次学习

514 阅读1分钟

前言

早在20年就知道threejs,但是我看不懂官网,也看不懂那些晦涩的图形学的文字说明。 最近搜到了threejs对我来说比较简单的教程,结合vue3来练练手。

使用的技术:

threejs vue3 pnpm vite typescript
注意:pnpm只能在cmd执行,在powershell会报错

简单粗暴的过程

vue3初始化
 pnpm create vite vue3-three -- --template vue
 pnpm install   three
 pnpm install

vscode的报错设置

屏幕截图 2022-06-03 201939.png

vscode禁用扩展vetur,安装扩展Vue Language Features (Volar)

效果

图片.png

这里是源码

gitee.com/isangle/vue…

参考

juejin.cn/post/705624… (ps:这篇是代码比较简单,好入手,但是插件必须是three,@type/three是用不了的,不要被误导)
Three.js Tutorial - How to Build a Simple Car with Texture in 3D (freecodecamp.org)