11.1 显式表示几何 1、点云 就是很多密集的点,只要足够密集。可以研究成三角形面。 完全也可以用三角形表示复杂物体 11.2 曲线 1、Bezier曲线 非常丝滑,因为每...
11.1 显式表示几何 1、点云 就是很多密集的点,只要足够密集。可以研究成三角形面。 完全也可以用三角形表示复杂物体 11.2 曲线 1、Bezier曲线 非常丝滑,因为每...
10.1 几何形状 不同的几何应该如何去描述、存储、渲染 1、隐式地表示几何--implicit 几何空间的点是满足某个函数的。很难看出来形状是不是,但是方便知道某一点是否满...
9.1 三角形内部插值计算 1、重心坐标定义(1)基础定义 (2)面积角度求解上述公式中,三角形内任意一个点的系数可以由面积比得到。 当这个点是重心坐标时,是等面积的三角形 ...
8.1 Blinn-Phong着色模型 Blinn-Phong反射模型 -- specular and ambient terms 高光项 与 环境光项 (1)高光项观察方向...
7.1 光照、着色 着色定义:引入明暗与颜色不同。对不同物体使用不同材质。(1)着色模型 Blinn-Phong反射模型 -- duffuse term 漫反射术语 高光:镜...
6.1 Antialiasing - 抗锯齿与反走样 (1)采样存在artifact-瑕疵:锯齿、隔行采样(摩尔纹)、人眼在时间上的采样跟不上速度; 走样产生的原因:信号变化...
5.1 透视投影中的fovY与left、right、top、bottom 近平面的上方的一点(0,top,near) MVP变换之后,所有的物体都投射到【-1,1】的立方体中...
4.1 3D坐标变换补充 (1)正交矩阵的定义:矩阵的转置 === 矩阵的逆绕XYZ轴旋转时的旋转矩阵的写法。绕Y轴旋转的特殊情况理解:x叉乘y得z正方向、yz-x正方向 、...
3.1 为什么要学变换 3.1 2D线性变换(旋转、缩放、切片) (2)设置反转(对称)。 (3)设置错切。发现Y坐标都不变,X坐标变,且变的程度与ay成正比。 当在(a,1...
1、opengl、webgl、threejs、opengl es2.0之间的关系?WebGL标准来自OpenGL ES 2.0,OpenGL ES 2.0的标准来自纯可编程管...
1、vue-cli安装three.js扩展控件orbitControls.js 2、配置文件,vue-cli3.0之后没有了webpack.base.conf.js,需要在根...
1、下载安装WebStrom,附安装激活码(适合2018年后的版本) 4KLOT5Y7DU-eyJsaWNlbnNlSWQiOiI0S0xPVDVZN0RVIiwibGljZ...
1、画一个点击跳转的圆形图案add_logo() 调用THREE.CircleGeometry()生成一个圆形,再使用MeshBasicMatrial设置颜色,THREE.M...
1、下载THREE.JS的r125,将需要用到的控件放在js文件夹,方便引用。 单个天空盒需要用到的主要three.js与OrbitControls.js轨道控制器控件实现场...
1、TWEEN.js实现相机移动时的补间动画原理 补间(动画)是一个概念,允许你以平滑的方式更改对象的属性。你只需告诉它哪些属性要更改,当补间结束运行时它们应该具有哪些最终值...
1、Raycaster类 这个类设计用于鼠标去获取在3D世界被鼠标选中的一些物体 Raycaster( origin, direction, near, far )origi...
1、朋友界面功能与首页界面功能几乎一样,故只换了朋友界面的顶部导航栏。操作比较简单,代码略。效果图如下。 2、另补充写了几个朋友界面的评论等界面。 实现与之前的有较多相似性,...
1、编写好拍摄界面的样式 <template> x 选择音乐 <!--中间显示的视频--> <!--下方上传按钮--> 道具 <!-- --> ...