图观——渲染一个简易的三维场景

最新推荐文章于 2023-06-15 16:21:30 发布

前行之路_vennie

最新推荐文章于 2023-06-15 16:21:30 发布

阅读量520

点赞数

分类专栏：图观使用文章标签：前端

本文链接：https://blog.csdn.net/qq_45934004/article/details/127889944

版权

本文介绍了如何使用图观引擎渲染三维场景。首先需要新建HTML页面并引入图观API的JS文件，然后初始化场景并加载元素，如标识牌和路径。接着确保三维容器自适应浏览器窗口。由于硬件要求和场景复杂度，加载速度可能会有所延迟。

摘要由CSDN通过智能技术生成

哈喽，今天回归更新啦？各位铁铁又遇到的问题也可以私信或留言一起讨论。

今天要跟小伙伴们分享的是怎么去渲染一个三维场景（这里用到的是图观引擎），首先渲染之前我们要制作三维场景。制作三维场景可以使用三维场景编辑器，可以使用它来对场景进行建模。在建模和完成之后进行场景的发布。发布后我们会得到一个场景的URL...今天要分享的是渲染的过程，之于如何制作，后期会出相关博文。

首先渲染和完成一个三维场景需要以下步骤。

No1.新建一个全新的HTML页面，并引入图观api的js文件

<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <title>第一次图观渲染</title>

    <style>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        html,
        body {
            width: 100vw;
            height: 100vh;
            overflow: hidden;
            background-color: #000;
        }

        body::-webkit-scrollbar {
            display: none;
        }

        #container {
            width: 1920px;
            height: 1080px;
            position: absolute;
            top: 50%;