摘要:
在 360° 看房功能中,我们需要在浏览器中创建一个类似虚拟现实的场景,使得用户能够查看环境的每一个角落。这一功能的实现本质上是利用 球体映射技术,即通过将全景图作为纹理贴图映射到一个反向的球体上,用户可以通过旋转视角来“环顾四周”。 我们先来看一下效果 ![file](Maximum upload 阅读全文
摘要:
在我们做数字孪生相关的项目的时候,会需要生成一些城市的模型,这时候我们可以使用 blender 来生成一些城市的模型。 我们,先来看一下效果。 安装 blender blender 是一个开源的 3D 建模软件,可以在官网下载到最新的版本,下载地址为:https://www.blender.org/ 阅读全文
摘要:
概念介绍 在开始前,我们先看一下效果,我在场景中创建了一个立方体,当我们点击鼠标左键并拖动时,可以旋转相机视角,滚动鼠标滚轮可以缩放相机视角。 相信看了动图效果,大家对相机控件有了一个直观的认识。它是 Three.js 中用于控制相机的工具,可以帮助用户在 3D 场景中自由旋转、缩放和平移相机,提供 阅读全文
摘要:
这章节,我们将介绍 Three.js 中常见的几何体(Geometry),包括立方体、球体、圆柱体、平面、圆环、圆锥体等。几何体是构建 3D 模型的基础元素,通过不同的几何体可以创建出各种形状的物体。 在 Three.js 中,几何体是由顶点、面、法线等数据组成的,通过材质(Material)的渲染 阅读全文
摘要:
在 Three.js 中,灯光是非常重要的元素之一,它能够模拟现实世界中的光照效果,帮助我们打造更加真实的三维场景。灯光的种类和配置方式可以影响整个场景的视觉效果,在不同的应用中,灯光的使用非常关键。 灯光概述 Three.js 提供了几种常见的光源类型:环境光(Ambient Light)、平行光 阅读全文
摘要:
title: 05-三维坐标系 在三维空间中,所有的物体和相机都需要基于一个统一的坐标系来进行定位和操作。理解坐标系的基本概念,对于创建稳定、准确的三维效果至关重要。 基础 Three.js 采用的是右手坐标系,这意味着如果你将右手的三个手指伸直,分别指向 X、Y 和 Z 轴的方向,你的拇指指向的方 阅读全文
摘要:
需求描述 上上周接到了新的项目,移动端需要做一个底部有五个导航,点击不同的导航页面主体显示不同的页面,其中两个页面是自己做,而另外三个页面是引用另外三个网址,其中两个网址为内部项目,另外一个为外部(涉及跨域)。 问题 考虑再三后最省时间成本的就是使用iframe,虽然在移动端使用,我的内心是很拒绝的 阅读全文
摘要:
## 定义```var str = new String("abcdefg");var str = "abcdefg";```## 常用方法### 字符方法1.charAt(index):返回下标为index的字符```//字符串“Hello World!”下标为1的字符var str = "Hel... 阅读全文
摘要:
最近在学DOM,但是还是没有办法很好的记住API,想找些例子来练习,网上的例子将一个个DOM对象方法挨个举例,并没有集合在一起用,效果不尽人意。所以自己写一份实例,顺便巩固下学到的知识。这个例子很简单,主要就是操作ul下面的li,但是会贯穿很多DOM的对象方法。首先在body下面创建一个ul,... 阅读全文
摘要:
## 定义**闭包:**有权访问另一个函数作用域中的变量的函数。## 解析相信刚看到这个定义,很多人肯定很迷糊,现在给出示例。```function func1(){ var a = 1; function func2(){ a++; console.log... 阅读全文