3D 编程
关注
分享
扫一扫
文章平均质量分 74
从杰
大学生，西华大学
展开
-
webgl_gpgpu_birds 样例分析
类鸟群动画原创 2023-03-16 15:18:25 · 791 阅读 · 0 评论 -
thebookofshaders 学习1
thebookofshaders 学习原创 2023-03-13 15:55:05 · 322 阅读 · 0 评论 -
对 three.js webgl_clipping_stencil 例子的理解
webgl， stencil buffer原创 2022-11-14 15:48:49 · 1162 阅读 · 2 评论 -
three.js webgl_tiled_forward 例子分析
three.js 官方样例分析， shader原创 2022-11-14 14:47:05 · 457 阅读 · 0 评论 -
three.js ArrowHelpler学习
three.js ArrowHelper原创 2022-08-08 11:24:30 · 437 阅读 · 0 评论 -
THREE.js 使用二元操作组合网格
使用二元操作组合网格, THREE.REVERSION = 69<!DOCTYPE html><html><head> <title>Example 06.08 - Binary operations</title> <script type="text/javascript" src="../libs/three.js"></script> <script type="text/原创 2020-12-29 21:40:24 · 333 阅读 · 0 评论 -
webgl 三维距离场 1
三维距离场<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo5_3 三维距离场 2</title> <script src="../external/three.js"></script> <script src="../controls/OrbitControls.js"></s原创 2020-12-28 17:29:28 · 542 阅读 · 0 评论 -
webgl shader学习 有向距离场2
感谢 https://blog.youkuaiyun.com/qq_41368247/article/details/106214710，这篇博客是实践，<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo5_1 距离场2</title> <script src="../external/three.js"></scrip原创 2020-12-28 16:21:44 · 537 阅读 · 0 评论 -
webgl shader学习 有向距离场1
感谢 https://blog.youkuaiyun.com/qq_41368247/article/details/106194092 的详尽分析，这里使用的three.js 版本为106,<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo5_1 距离场 圆</title> <script src="../external/th原创 2020-12-28 16:11:29 · 428 阅读 · 0 评论 -
three.js shader例子
使用 shader 绘制 五角星线段，mix 合并图层<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>五角星线段</title> <script src="../external/three.js"></script> <script src="../controls/OrbitControls.j原创 2020-11-03 17:23:46 · 536 阅读 · 0 评论 -
cesium 1.73 bug ？
似乎发现了一个 cesium 1.73 的bug，官方样例中的《Plane.html》 对比其他例子，如《Polygon》，《Polyline Volume》等，有个特殊之处，就是当选中一个平面后，右上角回弹出信息展示框，点击摄像头图标，相机视角会锁定到选中平面，这时按住鼠标左键，拖动鼠标，视角会以选中平面为中心进行旋转，这种相机交互比较舒服；其他例子中就不是这样的，选中物体后，按住鼠标左键进行拖到，视角仍然以地球中心来旋转。《Polyline Volume》中的var redTube = viewe原创 2020-09-11 14:31:55 · 1064 阅读 · 1 评论 -
Cesium.js 让人困惑的代码 1
查看 Cesium的官方例子，《Particle System Tails.html》，其中有个地方让我困惑：var forceFunction = function (options, iteration) { return function (particle, dt) { dt = Cesium.Math.clamp(dt, 0.0, 0.05); scratchCartesian3 = Cesium.Cartesian3.nor原创 2020-09-08 20:42:56 · 684 阅读 · 0 评论 -
Three.js ExtrudeGeometry.js 源码研究
ExtrudeGeometry.js 是Three.js 一个几何体类，可以把自己创建的或者从svg导入的平面2D图形拉伸为几何体。最能体现这个几何体类强大的例子是 http://www.wjceo.com/blog/threejs/2018-02-12/46.html把其中的斜角厚度bevelThickness = 3,斜角尺寸bevelSize = 1.4,斜角分段数bevelSegm...原创 2020-01-22 10:48:03 · 814 阅读 · 0 评论 -
3D空间的直线能否只用四个变量来表达？
三个坐标 x, y, z 可以确定3D空间的任意一点。形如 x + y + z = 1, 的方程可以表示3d 空间的一个平面， 该平面与x, y, z轴的交点分别为(1, 0, 0), (0, 1, 0), (0, 0, 1) 三个点，那么推广到一般情形， ax + by + cz = d, (a, b, c, d 为四个变量），当a, b, c, d都给定时，可以唯一的确定3 D空间的任意一个...原创 2019-11-12 10:39:48 · 1373 阅读 · 0 评论 -
three.js中让物体相对于摄像机静止的几种方法
有这么一个需求，屏幕上有两个魔方 A 和 B，然后用THREE.TrackballControls 来控制场景视角和方位，魔方 A 处于屏幕中央，较大，魔方B处于屏幕右上角，较小，当用户旋转视角时，魔方 A 会相对于摄像机旋转，而魔方 B 不会做相对于摄像机的旋转，也就是说，我们可以通过改变视角，看到A的所有六个面，但是始终看不到 B 背对着相机的三个面B 始终相对于摄像机静止，当我们拉近镜头时...原创 2019-07-05 12:29:28 · 5759 阅读 · 0 评论