BradenHan的专栏

canvas画布也是HTML的元素之一，这意味着three.js渲染结果的布局和普通web前端习惯是一样的。也就是把canvas的宽高设置成窗口显示区域的宽高，即可实现全屏效果。，插入到web页面上任何一个元素中，只要符合你项目的布局规则即可。属性可以访问threejs的渲染结果，也就是HTML的元素。threejs渲染输出的结果就是一个。你可以把threejs的渲染结果。全屏布局注意CSS的设置。

threejs渲染帧率(一秒钟可以渲染多少次)three.js每执行WebGL渲染器.render()方法一次，就在canvas画布上得到一帧图像，不停地周期性执行.render()`方法就可以更新canvas画布内容。一般场景越复杂往往渲染性能越低，也就是每秒钟执行.render()的次数越低。通过stats.js库可以查看three.js当前的渲染性能，具体说就是计算three.js的渲染帧率(FPS),所谓渲染帧率(FPS)，简单说就是three.js每秒钟完成的渲染次数，一般渲染达到每秒

该回调函数会被传入DOMHighResTimeStamp参数，该参数与performance.now()的返回值相同，它表示requestAnimationFrame() 开始去执行回调函数的时刻。MDN地址：https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestAnimationFrame。动画说白了就是一张张照片，连起来依次展示，这样就形成一个动画效果，只要帧率高，人的眼睛就感觉不到卡顿，是连续的视频效果。是个非零值，没别的意义。

本节通过进一步了解光照对应模型Mesh表面的影响。

三维笛卡尔坐标系是在 二维笛卡尔坐标系 的基础上根据右手定则增加 第三维坐标（即Z轴） 而形成的。Three.js提供了一个 AxesHelper 类，可以用来创建一个可视化的三维坐标系，可以用来辅助编写Three.js程序。threejs中坐标体系是右手坐标系

入门 Three.js 的第一步，就是认识场景 Scene、相机 Camera、渲染器 Renderer三个基本概念。

three.js的应用场景到底有哪些？three.js广泛应用，在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。只要你有Web3D可视化的需求，基本上都可以首选学习Three.js。