夜间模式CodeSnippetStyle:
日间模式CodeSnippetStyle:

0%


随笔分类 -  《Learning Three.js The JavaScript 3D Library for WebGL, Second Edition》

摘要:如果没有监听窗口变化,将会出现一下情况: 为了避免这种情况,有时候我们可能希望我们的画面能够随着浏览器窗口大小的变化自适应变化,如下效果: 怎么实现呢? 首先,我们需要像这样注册一个事件监听器: 我们给这个监听器设置了一个回调函数,也就是说,现在,只要浏览器窗口大小一改变,onResize这个函数就 阅读全文
posted @ 2020-01-02 08:46 暮冬有八 阅读(2585) 评论(0) 推荐(0)
摘要:不论是处于特殊功能的需要,还是处于效果调试方便,我们可能都需要修改模型中的参数值。在Three.js中,谷歌提供了一个js库,即dat.GUI.js用于处理这种需求。 通过该库,我们就不需要通过手动修改源码来观察不同参数对模型的效果影响。 demo效果如下: 关键代码 入口文件: function 阅读全文
posted @ 2020-01-02 00:40 暮冬有八 阅读(1096) 评论(0) 推荐(0)
摘要:Table Of Content Object3D简介以及两个属性的介绍 一个示例 Object3D简介以及两个属性的介绍 这是Three.js中大部分对象的基类,提供了一系列的属性和方法来对三维空间中的物体进行操控。这里介绍该基类的两个属性。 .onAfterRender : function 一 阅读全文
posted @ 2020-01-01 23:50 暮冬有八 阅读(1563) 评论(0) 推荐(0)
摘要:动画原理 动画的本质实际上就是快速地不断变化的图片,每张图片对比前后两张图片有细微的变化。整个连续的过程达到一定速度在我们人眼看来就是动画。人眼一般能区分的帧率是24帧。过低给人的感觉就会很不流畅。 和我们小时候看的动画书原理一样 js中动画实现原理 在js中,要实现动画,我们首先需要做的第一件事情 阅读全文
posted @ 2019-12-31 17:02 暮冬有八 阅读(2848) 评论(0) 推荐(0)

BACK TO TOP

😀迷海无灯听船行。Github WeChat