zj850324的博客

这段代码使用Three.js创建了一个场景，并使用Cornerstone.js加载DICOM图像数据。通过MPR渲染器工具，将三个DICOM图像的切片合并成三个不同方向的切片，然后在Three.js场景中渲染出来。在渲染过程中，使用TrackballControls库实现了摄像机控制。以下是一个简单的DICOM MPR渲染器的JavaScript实现代码，基于Three.js和Cornerstone.js库。

仿射变换。1，变换模型对象;2，变换材质对象;3，变换相机位置.

1，顶点索引复用顶点数据不使用顶点索引的情况，每个面单元三角形需要定义三个点信息，使用顶点索引的情况面衔接处复用的顶点可以不用定义。2，类型数组创建顶点索引数组的时候，可以根据顶点的数量选择类型数组、、。对于顶点索引而言选择整型类型数组，对于非索引的顶点数据，需要使用浮点类型数组等。.........

基于上一篇，创建一个正二十面体模型添加到场景中做材质效果试验。更改场景中的球体材质对象构造函数THREE.MeshLambertMaterial()的参数，添加和属性，的值是之间，表示是否开启透明度效果， 默认是表示透明度设置不起作用，值设置为，网格模型就会呈现透明的效果，使用下面的代码替换原来的球体网格模型的材质， 刷新浏览器,通过鼠标旋转操作场景,可以看到半透明的球体和立方体颜色叠加融合的效果。材质对象的一些属性可以在构造函数参数中设置，也可以访问材质对象的属性设置。..................

（1）添加vue元素（2）引入three（3） 引入鼠标控制器（4）定义场景、渲染器、材质、控制器、相机等成员变量（5）创建场景（6）创建几何图形并添加到场景中（7）创建光源（8）相机设置（9）创建渲染器对象（10）创建鼠标操作控件对象（11）播放和控制.........

1，准备 安装 windows 10 x64 安装 nodejs 14.16.1 安装 npm 6.14.8 安装 Visual Studio Code 搭建vue环境 全局安装vue-cli 查看安装的vue版本2，搭建项目 cd到指定的目录，创建vue项目启动看一下安装 vue-router修改 App.vue修改 main.js 路由配置 创建文件 src/router/inde