程序员三木

摘要： 想系统地掌握 GPU 着色器，却被漫无边际的搜索结果劝退？Shader Learn 给出了另一条路径——把「做中学」和「循序渐进」合二为一。本文带你快速了解这个新上线的在线平台，看看它如何让 GLSL 学习变得高效、可复现、且易于沉浸式实践。 为什么值得关注 Shader Learn 浏览器即教室： 阅读全文

摘要： 在 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，... 阅读全文