02 2024 档案
摘要：使用iframe嵌入页面很方便，但必须在父页面指定iframe的高度。如果iframe页面内容的高度超过了指定高度，会出现滚动条，很难看。 如何让iframe自适应自身高度，让整个页面看起来像一个整体？ 在HTML5之前，有很多使用JavaScript的Hack技巧，代码量大，而且很难通用。随着现代
阅读全文
摘要：gsap 介绍： GreenSock Animation Platform (GSAP) 是一个业界知名的动画库，它被1100多万个网站使用，有超过50%的获奖的网站都是用了它。不管是在原生环境中，还是任意的框架中，你可以使用GSAP去让非常多的东西动起来。不管你是想要去让UI界面产生交互动画，还是
阅读全文
摘要：three.js-让物体动起来 三维物体（Object3D） 这是Three.js中大部分对象的基类，提供了一系列的属性和方法来对三维空间中的物体进行操纵。请注意，可以通过.add( object )方法来将对象进行组合，该方法将对象添加为子对象，但为此最好使用Group（来作为父对象）。 构造器
阅读全文
摘要：坐标轴辅助器（AxesHelper） 用于简单模拟3个坐标轴的对象.红色代表 X 轴. 绿色代表 Y 轴. 蓝色代表 Z 轴. const axesHelper = new THREE.AxesHelper( 5 ); scene.add( axesHelper ); 文档地址：https://th
阅读全文
摘要：轨道控制器（OrbitControls） Orbit controls（轨道控制器）可以使得相机围绕目标进行轨道运动。要使用这一功能，就像在/examples（示例）目录中的所有文件一样， 您必须在HTML中包含这个文件。 进口 OrbitControls 是一个附加组件，必须显式导入。 See I
阅读全文
摘要：使用three.js创建第一个场景和物体 一.创建一个场景（Creating a scene） 1.场景（Scene） 场景能够让你在什么地方、摆放什么东西来交给three.js来渲染，这是你放置物体、灯光和摄像机的地方。 构造器 Scene() 创建一个新的场景对象。 文档地址：https://t
阅读全文
摘要：搭建项目 我们要学习three，那么我们势必需要在本地搭建一个自己的项目。 首先我们需要在我们自己的电脑中安装node，创建一个node环境。这个自行从网上百度，这里就不再介绍了。（简单的一批，自行百度吧，如果不会，那么也不要学习three了） Parcel 这里我们使用Parcel来打包我们的项目
阅读全文
摘要：要学习three.js首先我们要了解几个概念 什么是3d，什么是webgl，那么three.js又是什么。 下面我们来一一介绍。 首先什么是3d? 3D，全称为Three-Dimensional，即三维，是指在空间中具有三个维度（长度、宽度和高度）的概念。在现实世界中，我们所处的就是一个三维空间，物
阅读全文
