three.js 01-01 之基本骨架

最新推荐文章于 2024-03-20 14:41:52 发布

zhulx_sz

最新推荐文章于 2024-03-20 14:41:52 发布

阅读量866

点赞数 2

本文链接：https://blog.csdn.net/zhulx_sz/article/details/78275749

版权

webgl 同时被 3 个专栏收录

59 篇文章 2 订阅

订阅专栏

threejs

59 篇文章 7 订阅

订阅专栏

three.js

59 篇文章 6 订阅

订阅专栏

首先，简单介绍一下 Three.js，它是一个 JavaScript 库，简化了对 WebGL 的各种图形操作。因此，想学习并试验 Three.js 的各种功能，你的浏览器必须支持 WebGL···

另外，在开始之前，你必须选择一款自己喜欢的 JavaScript 编辑器，譬如 WebStorm、Notepad++、Visual Studio Code 等。下面先来一个简单的开始，即 Three.js 的基本骨架：

<!DOCTYPE html>
<html>
<head>
    <title>示例 01.01 - 基本骨架</title>
    <script type="text/javascript" src="../libs/three.js"></script>
    <style>
        body {
            /* 设置 margin 为 0，并且 overflow 为 hidden，来完成页面样式 */
            margin: 0;
            overflow: hidden;
        }
    </style>
</head>
<body>

<!-- 用于 WebGL 输出的 Div -->
<div id="WebGL-output">
</div>

<!-- 运行 Three.js 示例的 Javascript 代码 -->
<script type="text/javascript">

    // 当所有元素加载完毕后，就执行我们 Three.js 相关的东西
    function init() {
        // 此处我们将加入 Three.js 的东西
    }
    window.onload = init

</script>
</body>
</html>

待续未完······