Geometry对象1
- 格式:ppt
- 大小:595.00 KB
- 文档页数:36


HyperMesh常用操作技巧0 HyperWorks软件难点常用词句中英文对比Equivalenc:合并Free Edge Filler Surface:缺失曲面自缝合Circumference :圆周Longitudinal:adj,纵向的,轴向的Proceed:vi,继续Criteria:n,标准Batchmesher:网格划分批处理Surface fillet midline split:曲面圆倒角中心线切割Min feature angel:最小特征角Element normal angel:法线角,用于控制单元间法线夹角的最大值Tetramesh:四面体网格Organize and cleanup fillets:圆倒角特征识别与几何清理0-1 HyperWorks中的常用难点术语1. 不完全分割面(Fin Faces):指面上所有边界均处于同一个实体内,或者说是独立实体中的悬着面,默认呈现红色,可通过手动合并实体创建或使用内部悬着面创建实体的过程中创建;2. 完全分割面(Full Partition Faces):指有一个或更多实体共享构成的边界面,默认呈现黄色,切割实体或者使用布尔运算合并多个实体时在共享位置或交叉位置会产生完全分割面;3. 边界面(Bounding Faces):指定义单一实体外边界的曲面,默认呈现绿色,边界面是独立存在的并且不与其他实体所共有,一个独立的实体通常由多个边界面组成;4.自由边(Free Edges):指被一个曲面所占用的边界,默认情况下显示红色。
在仅由曲面构成的模型中,自由边将出现在模型的外缘和控内壁位置;相邻曲面间的自由边表示这两个曲面之间存在间隙,使用automesher时会自动保留这些间隙特征;5 共享边(Shared Edges):指相邻曲面共同拥有的边界,默认呈现绿色。
当两个曲面之间的边界是共享边,即曲面间没有间隙或者是重叠特征时,即他们是连续的,划分网格时,automesher将沿着共享边放置节点并创建连续的网格,它不会创建跨越共享边的独立单元;6. T行边(Non-manifold Edges):指由3个或者3个以上的曲面共同拥有的边界,默认呈现黄色。
利⽤three.js画⼀个3D⽴体的正⽅体⽰例代码简介three.js 是⼀款WebGL框架,WebGL可以让我们在canvas上实现3D效果。
实现3D效果在国内来说还算是⽐较新的东西,可供查阅的资料也不多。
这篇⽂章仅是⼀个⼊门篇,介绍如何绘制⼀个3D正⽅体。
Three.js中的基本概念Three.js包含3个基本概念:场景(Scene)、相机(Camera)和渲染器(Renderer)。
场景就是需要绘制的对象,相机代表取景的视⾓,渲染器是绘制的载体(可以挂靠到浏览器的DOM元素中),也就是我们通过相机拍摄场景然后绘制到⽬标介质中去。
创建场景、相机和渲染器var scene = new THREE.Scene();var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );var renderer = new THREE.WebGLRenderer();renderer.setSize( window.innerWidth, window.innerHeight );document.body.appendChild( renderer.domElement );上述代码⾸先创建⼀个场景,然后创建⼀个PerspectiveCamera(⽴体感的相机),接着创建了⼀个WebGL的渲染器(注意Three.js也⽀持⾮3D的Canvas 2D的渲染器),然后挂靠为HTML⽂档body的DOM⼦元素。
介绍完毕,⾸先奉上实现的效果图:这就是实现的效果图,还是挺有⽴体感的吧?绘制前的准备写代码前,要先下载最新的three.js框架包,引⼊⾃⼰的页⾯。
具体实现过程准备⼀个canvas画布这个画布是我们展现整个3D正⽅形的画布,也就是上图那个⿊⾊的⽅框。
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Camera 相机</title><style>#canvas {width: 400px;height: 300px;border: 1px solid red;margin: 50px auto;display:block;}</style></head><body><canvas id="canvas"></canvas><script src="./libs/three.min.js"></script></body></html>明确绘制思路接下来的绘制过程会涉及到多个概念:canvas、scene、camera、renderer。