zhuifeng33-CSDN博客

原创第10节课加入货物的显示，讨论两种方式的性能

第10节课加入货物的显示，讨论两种方式的性能如果场景中需要加入的对象有很多，为了提高效率，我们推荐下面两种方式：1、尽量重用Material和Geometry这里以Material和Geometry为例（使用比较频繁） for (var i = 0; i < 100; i++) { var material = new THREE.MeshBasicMaterial(); var geometry = new THREE.BoxGeometry(1

2020-10-31 10:15:09 478 1

原创第9节课关于图表echarts在threejs中的使用

第9节课关于图表echarts在threejs中的使用，搭建货架1、什么是echartsECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。https://gallery.echartsjs.com/explore.html#sort=ranktimefra

2020-10-31 09:53:41 3325

原创第8章关于merge方法合并对效率的影响并搭建仓库和货架

1、merge方法合并多数情况下使用组可以很容易地操纵和管理大量网格。但是当对象的数量非常多时，性能就会成为一个瓶颈。使用组，每个对象还是独立的，仍然需要对它们分别进行处理和渲染。通过THREE.Geometry.merge()函数，你可以将多个几何体合并起来创建一个联合体。当我们使用普通组的情况，绘制20000个立方体，帧率在15帧左右，如果我们选择合并以后，再绘制两万，就会发现，我们可以轻松的渲染20000个立方体，而且没有性能的损失。合并的代码如下： //合

2020-10-21 13:53:59 687

原创第7章新建数据库，并通过WebAPI服务传递数据

1、在MS SQlSERVER中新建立体仓库数据表格A：库区表格表名Area说明Area序号名称类型Null默认说明其他1Novarchar(10)PK库区编码主键2Namevarchar(100)库区名称3Lengthint(4)库区的长度4Widthint(4)库区的宽度5PositionXint(4)库区坐标X轴6PositionZint(

2020-10-20 17:28:45 527

原创第6章如何在场景中创建立体文字

1、通过TextTrue创建THREE.js 封装了 TextGeometry 类可以很容易地生成三维文字TextGeometry(text : String, parameters : Object)参数说明text — The text that needs to be shown. （要显示的字符串）parameters — Object that can contains the following parameters.　　font — an instance of THREE.Fo

2020-10-20 17:26:37 629

原创第5章使用ThreeBSP库进行Three.js网格组合

第5节课使用ThreeBSP库进行Three.js网格组合简介之前我们一直使用Three.js默认提供的几何体，今天我们使用ThreeBSP库，可以将现有的模型组合出更多个性的模型来使用。我们可以使用ThreeBSP库里面的三个函数进行现有模型的组合，分别是：差集(相减)、并集(组合、相加)、交集(两几何体重合的部分)。下面我们介绍一下三个函数，并提供每个方法的简单案例。使用方法：<script src="../../lib/ThreeBSP.js"></script>

2020-10-20 17:17:29 903 1

原创第4章 ThreeJs常用的工具，便于调试和项目效果

1、相机控件OrbitControls.js通过Three.js的相机控件OrbitControls.js可以对Threejs的三维场景进行缩放、平移、旋转操作，本质上改变的并不是场景，而是相机的参数，通过前面的学习应该知道，相机的位置角度不同，同一个场景的渲染效果是不一样，比如一个相机绕着一个场景旋转，就像场景旋转一样。如果你想深入了解相机控制器OrbitControls的每一个功能，OrbitControls是如何对Three.js正投影相机和透视投影相机对象进行封装的，可以阅读Three.js\e

2020-09-30 14:44:21 2459

原创第3章简单的材质和纹理贴图，给几何体披上好看的外衣

第三节课简答的材质和纹理贴图，给几何体披上好看的外衣1、常见的材质点材质PointsMaterial点材质比较简单，只有PointsMaterial,通常使用点模型的时候会使用点材质PointsMaterial。点材质PointsMaterial的.size属性可以每个顶点渲染的方形区域尺寸像素大小。var geometry = new THREE.SphereGeometry(100, 25, 25); //创建一个球体几何对象// 创建一个点材质对象var material = new

2020-09-30 13:46:01 866

原创第2章通过最简单的MESH创建地板

第二章 threejs三要素学习并通过最简单的MESH创建地板1、搭建threejs三要素让我们先看一下一套最简单的threejs代码，类似于我们学习任何一种语言的helloWord。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>第一个three.js文件_WebGL三维场景</title> <style>

2020-09-29 15:08:51 851

原创第1章 threejs项目实战-构建3D立体仓库车间(智慧物流中心)-效果展示

第一章使用THREEJS构建智慧物流中心-效果展示随着国家工业的发展，智慧制造，智能物流，工业4.0等概念也都随着产生，相对于每个工业软件人而言，软件功能不单单是简单的代替手工，简单的增删改查，存储数据，如何变得更加形象，更加漂亮，操作更加便利，功能更加丰富成为了软件人需要考虑的问题，那么这一系列的博客就将我们项目中制作的一款3D立体仓库，智慧物流中心的制作过程，用到的一系列技术奉献给大家。我们第一章就展示一下我们最终的效果.1 ：绚丽的登陆界面和首页展示当然登陆界面和首页展示并不是我们这个

2020-09-29 10:07:01 12123 47