Thressjs开发
文章平均质量分 79
李析鸢
这个作者很懒,什么都没留下…
展开
-
05-threejs画车削缓冲几何体
关于如何创建项目和如何下载three在之前的文章中都有很详细的介绍,如果找不到文章的地址,请点击这里。原创 2024-01-08 17:42:30 · 441 阅读 · 0 评论 -
04-threejs创建胶囊体
1、新建js文件,我这里是capaule.js,引入网格,材质和胶囊几何体。1、我这里的项目名字是drawcapsule。1、在base.js中引入胶囊几何体。1、在base,js文件中引入。2、使用,记得添加MOUSE类。4、创建一个添加模块的方法。在base.js文件中引入。2、下载three.js。2、添加逐帧渲染页面方法。原创 2024-01-08 16:04:26 · 930 阅读 · 0 评论 -
03-threejs画线
3、这个时候可以看到项目中有条蓝色的线条,但是背景颜色是黑色的,我们可以在Base.js中设置一下颜色。新建Base.js文件,用来编写three.js文件,抛出一个类,这个类是用来挂载dom节点的。1、命令窗口输入以下代码,我的项目名字是drawline,大家可自行填写名称。6、创建线条对象,并将几何体和材质传递到构造函数中。5、在Base.js中写一个方法,用来添加线条。在Base.js中引入场景、相机和渲染器,2、抛出一个线条数组,并将创建一个线条数组。7、将线条添加到线条数组中去。原创 2024-01-04 16:41:17 · 981 阅读 · 0 评论 -
02-项目引入threejs
data() {return {};},原创 2024-01-03 15:17:56 · 1632 阅读 · 2 评论 -
01-Threejs初体验
2、如果vscode中找不到这个,可以打开扩展商店,找到这个扩展,点击安装就可以,安装完以后在页面中右键就有open with Live Server了。1、运行时使用Live Server打开,否则会报跨域错误,原创 2024-01-03 11:16:54 · 468 阅读 · 1 评论