EduEduRenderEngineCore

API

ERE

引擎内核

Canvas3D

3D 渲染画布组件

Utils

injectDracoLoader

注入 draco 压缩的解析器

orbitControl

模型朝向控制器

EduGLTFLoader

包含 MetaX 加载动画的 GLTF loader

useMounted

stage 首次渲染，包含模型、灯光、相机初次渲染

useUpdated

stage 更新

使用示例

/**
 * @height 600
 * @title EduEduRenderEngineCore
 * @description 教育3D引擎SDK
 */

import React from 'react';
import ReactDOM from 'react-dom';
// 请先在本地安装组件,再进行引用
// import EduEduRenderEngineCore from '@ali/edu-edu-render-engine-core';

ReactDOM.render(
  <>
    // <EduEduRenderEngineCore />
  </>,
  mountNode
);

目录结构

开发

依赖安装

# 在使用 npm i 之前，首先进行仓库初始化，否则 husky 初始化报错
npm install
# or  tnpm i / pnpm i

本地调试

# 开启本地调试服务器
npm start

构建输出

# 构建输出,包含 es、lib、types 输出
npm run build

# 使用 tsc 编译 TS，只做 ts -> es的语法转换，无 polyfill, 输出组件适合应用到运行在高版本浏览器的项目
npm run compile:tsc

# 构建 es 模块输出
npm run build:es

# 构建 cjs 模块输出
npm run build:cjs

# 构建类型输出
npm run build:types

发布

# 组件发布到 aliNPM
npm run pub

# 站点文档配置
# 文档工具脚手架：https://web.npm.alibaba-inc.com/package/@ali/edu-doc-cli

npm run demo:dev
npm run demo:preview
npm run demo:publish