前言
早在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的报错设置
vscode禁用扩展vetur,安装扩展Vue Language Features (Volar)
效果
这里是源码
参考
juejin.cn/post/705624… (ps:这篇是代码比较简单,好入手,但是插件必须是three,@type/three是用不了的,不要被误导)
Three.js Tutorial - How to Build a Simple Car with Texture in 3D (freecodecamp.org)