Three.js
HelloEarth_
这个作者很懒,什么都没留下…
展开
-
THREE.js—绘制弧线(CatmullRomCurve3)
CatmullRomCurve3通过一系列的点来创建一条平滑的曲线。//Create a closed wavey loopvar curve = new THREE.CatmullRomCurve3( [ new THREE.Vector3( -10, 0, 10 ), new THREE.Vector3( -5, 5, 5 ), new THREE.Vector3( 0, 0, ...原创 2019-08-06 11:20:46 · 7118 阅读 · 0 评论 -
Three.js鼠标点击平面实现任意画线功能
操作步骤:鼠标指针移入三维网格平面之中,按下左键即可画线,画线过程中,若鼠标移出平面则停止绘制,再次移入则进行上次继续画线,鼠标右键结束绘制,Esc键退回上一步骤。通过Raycaster获取鼠标坐标在网格平面上任意位置绘制线段,就需要获取点击位置的向量Vector3,获取之后就可以确定第一个点的位置,一条直线由两个点来确定,由此,需要获取鼠标点击位置。在写代码之前,需要了解一下THRE...转载 2019-08-05 20:11:07 · 6028 阅读 · 7 评论 -
three.js利用顶点信息及faceVertexUvs为立方体的每个面贴图
通过以上方法才可以利用UV为Mesh添加纹理利用以下代码可以为不同面贴上不同的纹理,也可以修改为所有面共用一个纹理point//顶点pointindex//顶点索引var cubeGeometry = new THREE.Geometry();var verticesOfCube = point;var indicesOfFaces = pointindex;cubeGeo...原创 2019-08-06 17:15:06 · 3013 阅读 · 0 评论