听说3D模型可以在线查看、测量、托管与协作了？

如果你是一名从事****3D****建模相关的代码开发者，是否经常会遇到以下问题：

渲染效果不及预期模型展示不够直观测量视图等操作难以实现 …..

由此带来的结局大多是：

造成客户对模型理解不清晰，增加双方的沟通成本，最后导致商务合作越来越少，转化率越来越低，公司利润不断减少…..

那么，如何才能解决这类问题呢？5分钟，教大家立刻能够在网页查看打开3D文件现在只需要调用EverAPI，几行代码，十分钟之内，即可完美解决以上问题。

圖片 1.png

EverAPI是什么

EverAPI是一款由工之易科技推出的Web 3D API（基于Web浏览器的3D模型渲染接口），用户通过集成EverAPI服务，进行对各种API的调用，最少仅需四五条代码即可在自己的网站、web应用实现在线3D的展示渲染，数据解析及一些更为个性化的页面呈现。

EverAPI能做什么**

在进行试用或购买EverAPI之前，所有可用功能均可通过访问https://evercraft.co/网页进行账户注册后，通过使用EverCraft在线3D可视化工具，进行各个功能的预览。

下面对各个功能进行详细描述：

模型交互功能

一、三维基本交互实现：包括旋转、平移、缩放等。二、视图查看及投影：包括主视图、后视图、左视图、右视图、仰视图、俯视图、轴测图与透视投影、正交投影。三、结构树功能：以结构树的形式展示模型内所有部件，并提供对单个部件的单独操作。四、剖视图：从X、Y、Z三轴的正负六个方向进行查看，并且剖切的位置可自行更换。五、尺寸测量及标注：可进行长度、角度、半径、厚度、体积、表面积等的测量，并提供2D/3D标注。六、渲染模式：着色、线框、带线框着色渲染三种。七、支持多种文件格式：stl、obj、stp、Gcode等常用文件格式以及stp、iges等复杂设计格式。

模型解析参数输出

一、基本参数输出：单个3D模型对应的总体积、总表面积。二、图片输出：自动解析3D模型文件，以图片形式输出。

自定义服务

包括对背景色、加载进度样式、工具栏以及企业图标的自定义。

EverAPI怎么用

一、配置环境安装Node.js

访问Node.js官网，安装Node.js环境，外网访问速度缓慢可以访问Node.js国内网站

检查Node.js是否安装成功

打开终端或命令提示符，输入以下命令，检查的Node.js是否安装成功

681594517033_.pic.jpg

如下图所示成功显示版本号，则表示Node.js已安装成功

圖片 2.png

设置NPM源

打开终端或命令提示符，输入以下命令，将NPM源设置为国内镜像
$ npm config set registry https://registry.npm.taobao.org/

检查是否设置成功
$ npm config get registry

若结果如下图所示，则表示成功将NPM源设置为国内所需

圖片 3.png

安装http-server

打开终端或命令提示符，输入以下命令，安装HTTP服务器

$ npm install http-server -g

二、使用方法

创建index.html文件

如果正在使用的Windows操作系统，此步骤请参阅的Windows条目。如果使用的MacOS或Linux的操作系统，此步骤请参阅的MacOS和Linux条目

视窗

第一步：在桌面上创建文件夹demo，然后打开demo并新建一个文本文档，windows可单击鼠标新建文本文档，需要显示文件扩展名。

4.png

第二步：将新建的文件名修改为index.html

5.png

第三步：将3D文件拷贝到demo目录下：

6.png

第四步：使用文本编辑器（使用记事本即可）打开index.html，将内容复制到文件内，并保存关闭。请注意！请注意内容中的Propeller.stl替换为你放到演示目录的3D文件名+扩展名

<!doctype html>
<html lang=“en”>

<head>
  <meta charset=‘utf8’>
  <title>EverAPI Demo</title>
  <!-- 引入 EverAPI 脚本文件 —>
  <script src="https://evercraft.co/api/everapi.js"></script>
</head>

<body>
  <h1>EverAPI 快速入门</h1>
  <div id="root" style="width: 800px; height: 600px;"></div>
  <script>
    // EverAPI 配置
    const config = {}

    // api 是否已经加载成够的标志位
    let apiLoaded = false

    // 新建 api 实例
    // 构造函数的前两个参数分别是 AppID 和 AppKey，这里的参数可用于本地 localhost:9000 调试
    const api = new EverAPI('6103ec4a2189', 'cc239b39cd09383aba9b1310db8cf334', config)

    // api 加载成功后调用 loadApi 函数
    window.addEventListener('oneverapiloaded', () => {
      // 此处放需要渲染的文件
      const files = [{ filename: 'Propeller.stl', url: './Propeller.stl’ }]
      loadApi(files)
    })

    // 此函数中调用 api 的 render 方法，在网页中加载出 api 窗口
    function loadApi (files) {
      // 此方法的第一个参数为放置 dom 元素的 id，第二个参数为需要在 api 中显示的模型的数组
      api.render('root', files)
      apiLoaded = true
    }
  </script>
</body>

</html>

macOS和Linux

第一步：打开终端，输入以下命令在桌面创建演示文件夹，并在此文件夹下创建index.html

$cd ~/Desktop$ mkdir demo && cd demo
$ touch index.html

第二步：将3D文件复制到demo文件夹下

第三步：检查目录下的文件，输入ls命令，显示应如下图

7.png

第四步：使用文本编辑器打开index.html，将附加内容复制到文件内，并保存关闭。请注意！请注意内容中的Propeller.stl替换为你放到演示目录的3D文件名+扩展名

<!doctype html>
<html lang=“en”>

<head>
  <meta charset=‘utf8’>
  <title>EverAPI Demo</title>
  <!-- 引入 EverAPI 脚本文件 —>
  <script src="https://evercraft.co/api/everapi.js"></script>
</head>

<body>
  <h1>EverAPI 2.0 快速入门</h1>
  <div id="root"></div>
  <script>
    // EverAPI 配置
    const config = {}

    // api 是否已经加载成够的标志位
    let apiLoaded = false

    // 新建 api 实例
    // 构造函数的前两个参数分别是 AppID 和 AppKey，这里的参数可用于本地 localhost:9000 调试
    const api = new EverAPI('6103ec4a2189', 'cc239b39cd09383aba9b1310db8cf334', config)

    // api 加载成功后调用 loadApi 函数
    window.addEventListener('oneverapiloaded', () => {
      // 此处放需要渲染的文件
      const files = [{ filename: 'Propeller.stl', url: './Propeller.stl’ }]
      loadApi(files)
    })

    // 此函数中调用 api 的 render 方法，在网页中加载出 api 窗口
    function loadApi (files) {
      // 此方法的第一个参数为放置 dom 元素的 id，第二个参数为需要在 api 中显示的模型的数组
      api.render('root', files)
      apiLoaded = true
    }
  </script>
</body>

</html>

启动http-server服务

在终端或命令提示符中，切换到上文创建的演示目录，执行以下命令，启动HTTP服务器服务

$ http-server -p 9000

若显示如下图，则表示服务启动成功

8.png

在浏览器中查看3D模型

浏览器地址输入http：// localhost：9000，就可以显示出 3D模型了。

PS：若想实现更多个性化配置，请访问官网进行更深入的了解嗷。
入口：https://evercraft.co/developer

9.png

EverAPI****能在哪些场景使用

一、作为个人设计师，EverAPI可让你进行更方便高效的数据管理与内容传播
二、作为电商行业开发者，通过EverAPI可更好地实现在线3D浏览与客户沟通
三、作为内容社区管理者，通过EverAPI可进行更强大的3D展示与内容传播
四、作为传统制造企业，EverAPI可让你应用在3D移动办公、产品宣传、个性化定制、协同设计与产品数据管理等多个方面
五、作为在线加工服务企业，EverAPI可以让你在3D模型展示，在线3D打印，客户沟通与自动报价上更加高效

目前哪些企业****/****高校用到了****EverAPI

企业：航天云网、i-Space、中服云、WeNext未来工场、普特医疗、中国CAE部落、创宏3D打印…..
高校：贵州大学、湖南大学、华中师范大学、北京航天航空大学、四川大学….

EverAPI****如何进行申请使用

点击以下链接申请使用：https://evercraft.co/developer，即可实现更完美的3D模型在线可视化！