Skip to content
导览

简介

什么是 Tesla?

Tesla (发音为 /ˈtɛslə/,读作 特斯拉) 是一款用于构建三维云渲染场景的 JavaScript 引擎。 它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套简单高效的接口,帮助你高效地开发三维云渲染场景。

下面是一个最基本的示例:

html
<div id="cloudView" style="width:100vw;height:100vh;">

</div>
<div id="cloudView" style="width:100vw;height:100vh;">

</div>
ts
import { createCloud } from 'xre_cloud'

const cloud = createCloud({
  server: {
    address: 'http://***.***.***.***:****',
    appId: 'appId-****-****-****-****',
    token: 'token-****-****-****-****',
  }
})
cloud.mount('#cloudView')
import { createCloud } from 'xre_cloud'

const cloud = createCloud({
  server: {
    address: 'http://***.***.***.***:****',
    appId: 'appId-****-****-****-****',
    token: 'token-****-****-****-****',
  }
})
cloud.mount('#cloudView')

或在初始化的时候传入 el 参数。

ts
import { createCloud } from 'xre_cloud'

const cloud = createCloud({
  el: '#cloudView',
  server: {
    address: 'http://***.***.***.***:****',
    appId: 'appId-****-****-****-****',
    token: 'token-****-****-****-****',
  }
})
import { createCloud } from 'xre_cloud'

const cloud = createCloud({
  el: '#cloudView',
  server: {
    address: 'http://***.***.***.***:****',
    appId: 'appId-****-****-****-****',
    token: 'token-****-****-****-****',
  }
})

初始化效果

上面的初始化示例展示了 Tesla 的一个核心功能:

  • 即时渲染:Tesla 基于标准 HTML 和 JavaScript 拓展了一套接口,使得我们可以快速、高效、及时渲染出三维场景。

关于云渲染后端服务地址

http://***.***.***.***:**** 对应一个云渲染的后端服务,请替换为您的应用对应的地址。

这里只是简单展示了没有任何模型的云渲染三维场景,后面的文档中我们会详细介绍如何丰富这个云渲染场景。

现在,请继续看下去,以确保你对 ezWalker Tesla 作为一个三维引擎可以做到哪些事情,有更清晰的了解。

或者,你可以直接查看我们提供的基础案例