
react-three
倪好坏
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
解决在react中无法使用一些three-loaders加载方法问题
首先在需要用到loaders的页面import加载方法其次更改配置,webpack.js,下载 imports-loader exports-loader如此就可以在开发时使用loaders原创 2019-01-29 11:30:39 · 1252 阅读 · 1 评论 -
球面绘制六边形——二维平面坐标转成三维球面坐标
难点在于怎样将二维六边形坐标转到三维球面坐标上const arr = ddd(-50, 0, size, 23) // 自己写的一段计算六边形坐标的函数来获取二维的坐标点// 传入球的半径及得到的二维坐标点function getXYZ (r, arr) {const dataSet = [];const L = 2 * Math.PI * r; // 算出圆周长const W = L...原创 2019-02-15 17:07:05 · 2333 阅读 · 0 评论 -
three鼠标位置偏移问题
项目中需要缩放页面,导致页面出现滚动条,滚动页面后three中原本的鼠标位置偏移导致点击物体不准确解决方法:mouse.x = (e.clientX / canvas.clientWidth) * 2 - 1;mouse.y = -(e.clientY / canvas.clientHeight) * 2 + 1;改成mouse.x = ((e.clientX - document.bo...原创 2019-04-24 16:53:05 · 1804 阅读 · 3 评论 -
threeJs中镜头拉远导致物体闪烁
Z-Buffer在threejs中,使用深度缓冲(Z-Buffer)来完成场景可见性计算,即确定场景哪部分可见,哪部分不可见。深度缓冲(Z-Buffer)是一个二维数组,其中的每一个元素对应屏幕上的一个像素,如果场景中的两个模型在同一个像素生成渲染结果,那么图形处理卡就会比较二者的深度,并且保留距离观察者较近的物体在该像素点的渲染结果,这样就形成了近的模型遮挡远的模型的结果。上面说到,深度缓冲...转载 2019-06-21 17:03:58 · 5999 阅读 · 3 评论