简介
什么是 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 作为一个三维引擎可以做到哪些事情,有更清晰的了解。
或者,你可以直接查看我们提供的基础案例。