着色器语言编程比较重要，后面的几个章节都会围绕这个来做特效 一.初识着色器语言 首先什么叫做着色器，他是一种语言，首先需要设置为着色器材质，然后在材质里面书写一些语言，可以告诉他顶点，然后去自定义一些东西，比如我想要这一面为红色等等 比如用一个基础材质做了一个平面 现在改为着色器材质 着色器里面一个 ...

1. 概述 1.1 是什么 Ajax = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML） Ajax 不是新的编程语言，而是一种用于创建快速动态网页的技术 Ajax 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页 ...

一.初识points与点材质 什么叫做点材质，之前说过所有物体都是有定点的比如一个球体，并且将材质设置为线框模式，这个之前就说过所有mesh物体都是由三角形构成，都是有顶点的 我们也可以创建点物体，电视材质就不能是普通材质了，必须要用点材质 1.1 点材质的属性 比如还可以设置颜色，或者因相机深度而 ...

手写 Promise/A+ 实现，轻松通过 872 条用例 规范参考：Promise/A+ 规范 - 中文版本 测试工具：https://github.com/promises-aplus/promises-tests 前言 从接触 Promise 到现在，笔者经历了这么个过程： 了解各种 Prom ...

1. 简介 1.1 运行环境 浏览器是 js 的前端运行环境 Node.js 是 js 的后端运行环境 Node.js 中无法调用 DOM 和 BOM 等浏览器内置 API 1.2 Node.js 可以做什么 基于 Express 框架可以快速构建 Web 应用 基于 Electron 框架可以快速 ...

Promises/A+ 这是一个开放标准，旨在让不同开发者实现的 JavaScript Promise 能够无缝衔接并应用——由前辈们制定，为其他后来者提供参考 一个 promise 所表示的是异步操作的结果。与 promise 交互的主要方式是通过它的 then 方法，该方法会注册所传入的回调函数 ...

在现代软件开发中，创建 定制化的命令行工具(CLI) 已成为满足公司业务需求的关键一环。这类工具可以辅助执行诸如代码检查、项目初始化等任务。为了提高开发效率并简化维护过程，我们将功能模块化，并通过多个子包来组织这些功能。本文将介绍如何使用 Lerna 来管理一个多包项目，并基于 Commander ...

本章节实现效果，通过gui快速添加场景，家具，并且可以快速设置家具实现一个编辑器效果 一.基础设置与物体添加列表 用之前做过的一个案例来改 首先不要这个模型，然后换个背景颜色，并且添加一个网格辅助器 1.1 添加场景 先往事件对象里面添加一个函数，到时候点击就会调用这个函数，而这个函数就是往场景加这 ...

作为一位前端开发者，我们经常会听到这么一句话：“JavaScript的执行是按照顺序自上而下依次执行的。”这句话说的并没有错。但是它似乎又好像不完全对。我们先来看以下这段代码。你觉得结果会输出什么？ 1 showName() 2 console.log(myName) 3 4 var myName ...

一.gsap动画库 1.1 基本使用和原理 首先直接npm安装然后导入 比如让一个物体，x轴时间为5s 旋转同理 动画的速度曲线，可以在官网的文档找到 1.2 控制动画属性与方法 当然这里面也有一些方法，动画完成，动画开始等 一些属性 也可实现停止动画随时，给到一个变量 双击暂停以及恢复 二.灯光与 ...

Clipboard（剪贴板）是一种临时存储和传输数据的工具。用户可以通过复制（Ctrl+C）将文本、图片等信息保存至剪贴板，随后通过粘贴（Ctrl+V）操作将内容插入至其他应用程序。本文将介绍剪贴板的基本功能、使用方法以及在提高工作效率中的作用。了解剪贴板，提升您的办公效率。 ...

Qiankun 目前提供三种 JS 隔离机制：SnapshotSandbox（快照沙箱）、LegacySandbox（单应用代理沙箱）和 ProxySandbox（多应用代理沙箱） ...

‍ 写在开头 点赞 + 收藏 学会 一、获取剪切板的图片（拿到 File 对象） js粘贴事件paste简单解析及遇到的坑 - 云+社区 - 腾讯云 (tencent.com) document.addEventListener('paste', function(event) ...

Qiankun 提供了三种 CSS 隔离机制：动态样式隔离、影子DOM 沙箱和作用域沙箱，以实现主应用和子应用之间的样式隔离...... ...

了解 JavaScript 引擎在执行代码过程中所做的一些行为是非常必要的，这有助于我们在遇到莫名其妙的调用时，能够大致定位问题所在。在我学习了预编译的相关知识，并基于该文章，引用其中的一段代码，结合“变量提升”、“函数提升”的小示例，对其进行详细的分析，算是留作一份笔记巩固记忆、加深理解。 代码 ...

一.matcap材质 这个材质不会受到光照影响，但是如果图片本身有光就可以一直渲染这个图片本来的样子，用来将一个图片纹理渲染到物体上的材质 代码实现 加载模型后，开启纹理渲染，并把它的材质变为这个材质，并且贴上纹理图 二.Lambert材质 Lambert网格材质是Three.js中最基本和常用的材 ...

一.uv贴图 在3D计算机图形学中，UV映射是一种将2D纹理映射到3D模型表面的方法。在这里，“U”和“V”代表了2D纹理空间的坐标，这与2D笛卡尔坐标系统中的“X”和“Y”是类似的。在3D模型的每个顶点上，都会有一组对应的UV坐标，它们定义了3D模型在这个顶点上的表面应当对应纹理图像的哪个部分。 ...

这两天没有上传笔记，在解决图床的问题，主打一个白嫖，所以要费点心思，先是用了gitee的图床好不容易配好后发现居然加了防盗链，后面又转了github的咱目前来说github也是最稳定且免费的，但是有个问题，这玩意得用梯子才能看到，作为国内的博客谁随时挂个梯子上来，所以最后还是用了收点费不是很多，但能 ...

在日常的前端开发工作中，我们经常依赖各种命令行工具来提高效率和代码质量。例如，create-react-app 和 eslint 等工具不仅简化了项目的初始化过程，还能自动执行代码检查和格式化任务。当我们使用这些工具时，它们通常会通过一系列互动式的问答来收集必要的信息，从而根据我们的选择进行相应的配 ...

title: 05-三维坐标系 在三维空间中，所有的物体和相机都需要基于一个统一的坐标系来进行定位和操作。理解坐标系的基本概念，对于创建稳定、准确的三维效果至关重要。 基础 Three.js 采用的是右手坐标系，这意味着如果你将右手的三个手指伸直，分别指向 X、Y 和 Z 轴的方向，你的拇指指向的方 ...