X01动力装甲的专栏

传统的渲染技术通常使用 ad hoc 光照模型，但这种方法存在一些问题。例如，在不同的光照条件下，材料的外观可能会发生变化。PBR 算法通过使用更真实的材质属性、光照计算和环境地图来模拟材料与现实世界之间的相互作用。这使得渲染的结果更加逼真，同时也更容易管理。PBR 是 Three.js 中非常强大的功能之一。它可以让开发者创建更逼真的场景，使用户获得更好的体验。在实际操作使用 PBR 时要注意材质属性的设置，以实现你所期望的效果。

通过利用 RxJS Observables 的功能，开发人员可以轻松地创建前端和后端系统之间的实时连接，提高用户体验，并创建更有吸引力的Web应用程序。与遵循请求-响应模型的HTTP不同，WebSocket提供了一个持久的、低延迟的通信渠道，允许服务器在需要时向客户端推送数据。RxJS WebSocket是一个强大的库，使开发人员更容易在Web应用程序中使用WebSocket。如何在Angular中使用RxJS WebSocket 使用RxJS WebSocket与Angular的第一步是安装包。

客户端事件：mxGraph支持很多事件（如鼠标单击、双击、拖拽等）的处理，在客户端完成前台处理，减少后台交互数据，提升用户体验。数据绑定：mxGraph支持将数据绑定到图形元素上，以实现数据和图形之间的同步，并实时更新图形。打印：mxGraph包含了有用的打印功能，可让您生成高质量的打印输出，适合各种场合，如报告、演示文稿等。Views: 它们管理与绘制图形相关的所有信息，如滚动条、缩放级别、选择状态和当前显示的区域。Cells: 表示图形中的节点或连接线，并可以具有各种属性，例如标签、样式和几何位置。

客户端事件：mxGraph支持很多事件（如鼠标单击、双击、拖拽等）的处理，在客户端完成前台处理，减少后台交互数据，提升用户体验。数据绑定：mxGraph支持将数据绑定到图形元素上，以实现数据和图形之间的同步，并实时更新图形。打印：mxGraph包含了有用的打印功能，可让您生成高质量的打印输出，适合各种场合，如报告、演示文稿等。Views: 它们管理与绘制图形相关的所有信息，如滚动条、缩放级别、选择状态和当前显示的区域。Cells: 表示图形中的节点或连接线，并可以具有各种属性，例如标签、样式和几何位置。

Big.js 是一个 JavaScript 的 “任意精度” 数字库，能够处理普通数字无法表示的大数字计算。当使用 JavaScript 进行数值计算时，会面临一些精度问题，这些问题可能会导致不正确的结果。解决方案：可以使用 BigInt 类型进行更大范围的整数运算，但是要注意支持性不够广泛，需在浏览器和 Node.js 环境中提供额外的支持。Luckily, Big.js 提供了相关方法。在处理大数值时，使用 big.js 这样的高精度库可以避免 JavaScript 中 Number 类型的精度问题。

ImageMagick 是图像处理的重量级利器，主要特点是多样化、跨平台、开源免费等。我们可以通过各种命令轻松地完成绝大多数图像处理任务，也可以与各种编程语言（如 Python、PHP 等）搭配使用，极大地增加了其应用场景及扩展性，无论是初学者还是高级用户都值得探索和使用。

Vite是一个现代化的构建工具，可以快速构建现代化的Web应用程序。您可以使用Vite将您的项目打包，并将其发布到npm。下面是一个简单的案例，展示如何使用Vite打包项目并发布到npm。以上是一个简单的案例，展示了如何使用Vite打包项目并发布到npm。使用Vite能够快速高效地打包您的项目，并让您方便地将其发布到npm，从而让更多用户使用您的代码。在您的项目中创建一个新的index.js文件，编写您的JavaScript代码。首先，您需要安装Vite。接下来，您需要安装Vite的依赖项。

大厂裁员，称35岁以后体能下滑，无法继续高效率地完成工作；体重上涨，因为35岁以后新陈代谢开始变慢；甚至坐久了会腰疼、睡眠困扰开始加重，在众多的归因中，35岁的到来，为一切的焦虑埋下伏笔。实际上，生理年龄不代表全部，体能素质的下降更与日常行为相关。我们需要健康的生活习惯。

TensorFlow是一个开源的机器学习框架，由Google Brain团队开发。它允许开发人员构建和训练机器学习模型，包括神经网络。TensorFlow的基本概念是使用数据流图来表示数学计算模型。数据流图由节点（表示数学操作）和边（表示数据）组成。TensorFlow使用张量（Tensor）来表示数据，其中张量是一种多维数组。张量可以在计算图中流动，从而实现数据的处理和转换。TensorFlow支持很多机器学习算法，包括深度神经网络，卷积神经网络，循环神经网络，自编码器和强化学习等。

SVG filters feColorMatrixfeColorMatrixThe SVG filter element changes colors based on a transformation matrix. Every pixel’s color value [R,G,B,A] is matrix multiplied by a 5 by 5 color matrix to create new color [R’,G’,B’,A’].| R' | | r1 r2 r3 r4 r

^…………^

默认在没有交互的情况下是不会播放声音的。如果需要自动播放，需要添加一些配置。搜索 声音-网站设置-更多内容设置-允许播放声音-添加网址

义务教育五年制小学语文/** * 你删它干啥 * 义务教育五年制小学语文 * 他也不碍事 */function helloworld(){ console.log('Hello world')}

node_modules/@types/node/index.d.ts:20:1: Invalid ‘reference’ directive syntax.Starting compilation using the angular compiler.(node:71443) DeprecationWarning: Chunk.modules is deprecated. Use Chunk.getNumberOfModules/mapModules/forEachModule/containsMod

香港svg 3d地图效果图如下：数据以及SVG：{ 中西区:"M762 697L745 697L727 702L725 700L722 690L703 666L695 659L681 659L670 663L658 662L656 660L654 653L655 641L657 636L675 625L686 615L702 607L728 606L762 618L764 670L763 692z", 东区:"M827 697L829 677L840 675L847

Highcharts 动态修改主题在higncharts的主题教程中主题是通过src的方式来配置的，也就是在绘制前，主题已经确定了，如果我想动态修改主题该如何操作呢？官方貌似并没有提供切换主题的api接口（我没找到，谁找到了告诉我一下哈）。于是我找了一个笨方法来，不给接口，那么我就搬源码。比如再绘制的之前是默认主题，点击按钮之后我想切换到dark unica主题。直接去把dark unica的源码考出来。配置下，然后重新绘制图表。 Highcharts.theme = { colors

G2混合图AntV G2实现柱状折线混合图比较简单，只需要设置position里面的值就可以了。案例里面有个双轴图表：https://antv-g2.gitee.io/zh/examples/other/other#double-axes按照上面的模式自己设置一个双轴混合图。分了三组数据，A，B，C。A是柱子，B和C是line加area的形式。let data = [ { genre: 'Sports', sold: 275, type: "A" }, { genre: 'Str

JavaScript球面上均匀分布的点步骤：随机抽样产生一对均匀分布的随机数 u ，v ；这里u，v 在[-1,1] 范围内计算 r = u*u + v*v;如果 r > 1 则重新抽样，直到满足 r < 1 .计算　　　x=2*u*sqrt(1-r);　y=2*v*sqrt(1-r);　z=1-2*r;代码： private spherical(k) { let u = Math.random() * 2 - 1; let v = Math

3d-force-graph.jshttps://github.com/vasturiano/3d-force-graph官方抠门的连个编译后的文件都不放，所有案例都链接到在线的js。也是醉了。还得自己编译个js.

GLSL fract函数真的是返回小数部分吗Parametersx specify the value to evaluate.Descriptionfract() returns the fractional part of x. This is calculated as x - floor(x).大致一看，没什么问题，但是仔细看下负数的部分，如果是小数部分，不应该是下面的图像吗？这不坑人的吗。分析一下原因：x - floor(x).如果x= -0.1,那么y=-0.1，但是看图，返

可视化进阶之路-0-如何成为一名可视化工程师？既然可视化这么有用，那想要成为一名优秀的可视化工程师，我们该怎么做呢？我觉得，一名优秀的可视化工程师，最应当具备的能力就是要根据产品经理和设计师的想法，实现真正贴合用户需求的、灵活多变的、具有视觉震撼力，并且充满创意的优秀可视化作品。这句话说起来简单，但是要做到，绝不是会使用某个库、会调用某个 API 就能实现的。比如说，现在我们要把一个图表的线条样式，从实线段改成虚线段，那我们就可能不能使用某个现有的图表库来完成。这是因为，有可能这个图表库中并

css标尺制作效果图如下：代码： <style> .box { position: absolute; top: 20px; left: 30px; width: 820px; height: 630px; background: #303030; } .ruleraxisx {

krpano限制场景视角scene 标签下的view标签就是控制场景的视角的。默认的配置：<view hlookat="0.0" vlookat="0.0" fov="90.0" fovmin="1.0" fovmax="179.0" maxpixelzoom="" />hlookat就是默认的水平视角范...

据说FiraCode是一款专为程序员而生的字体，我也试试。Fira Code是Fira Mono字体的扩展，其中包含一组用于常见编程多字符组合的连字。这只是字体渲染功能：基础代码保持ASCII兼容。这有助于更快地阅读和理解代码。对于某些频繁的序列，例如…或//，连字允许我们校正间距。主要差异如下图：FiraCode下载地址打开fira code的GitHub的主页，可以看到关于改字体的详...

程序员的数学应用地图数据结构编程语句通用算法机器学习算法数组链表堆栈队列n叉树哈希表判断语句循环结构递归调用二分查找树的遍历归并排序求解最优暴力法推荐模型AB测试向量空间模型特征选择和降维特征标准化和去噪潜在语义分析分类算法线性回归隐马尔科夫模型黄申老师总结的程序员的数学应用地图，我这里用Mermaid流程图重绘的。...

可视化大屏设计

贝塞尔曲线算法之JS获取点贝塞尔曲线(Bézier curve)，又称贝兹曲线或贝济埃曲线，是应用于二维图形应用程序的数学曲线。这个一阶贝塞尔曲线绘制过程，黑点按百分比t从P0->P1移动，看不出什么呢~ 那继续看后面的图这个是二阶贝塞尔曲线，从P0->P1有个小绿点按百分比t运动，从P1->P2也有个小绿点按百分比t运动，两个绿点之间也有个小黑点按百分比t运动，这个黑...

three.js water-水three.js中库中有 js/objects/Water.js 和 js/objects/Water2.js的插件。有几个案例：webgl_shaders_ocean。使用water.js插件制作的海洋，效果不错。插件的使用也非常方便，geometry采用的是plane，设置了纹理，以及光源的位置向量。var waterGeometry =...

Spring唐·无尽藏终日寻春不见春，芒鞋踏破岭头云；归来偶把梅花嗅，春在枝头已十分。spring:www.websql.xyz购买的域名和服务器一直没有用，都快过期了，挺浪费的，来首诗留念一下吧。小小步骤，不足为题，记录一下。购买域名、服务器 --域名备案–域名解析系统。我的操作系统是Ubuntu / 16.04安装node.js。git好像系统自带有安装express搭...

平面纹理坐标和球面坐标互相转换设有一张图片width/height = 2:1。这个比例很重要。因为这个比例的全景图片刚好可以还原成一张球形全景图。比喻展开的世界地图。把图片的宽 当成成 纬度，范围[0-2π]。把图片的高当成经度，范围[-π/2,π/2]。在半径为 r 的球面坐标中，设：水平转动角度为θ[0，2π]，上下转动角度为φ[-π/2，π/2]，所以球面上一点的三维坐标：...

WebGL学习资源汇总书籍书籍计算机图形图像处理基础《计算机图形图像处理基础》是2011年电子工业出版社出版的图书，作者是唐波。全书共分10章，主要内容包括了图形与图像处理的基本概念，图形图像处理的硬件与软件基础，基本图形的生成算法，图形显示技术，交互技术与图形软件标准，图像数字化与数学描述，图像正交变换，图像增强，图像恢复，图像分割。该书融合了计算机图形学与数字图像处理两门学科的知识...

vscode live server 插件这个插件很有用，安装之后可以打开一个简单的服务器。而且还会自动更新。安装之后，打开项目文件夹，再在文件上点击右键就会出现一个Open with Live Server的选项，就会自动打开浏览器了。默认端口号是5500http://127.0.0.1:5500/1.htmlLive Server的其他配置，比如端口号，默认浏览器等等。现在的vsc...

1. Gio.jsGio.js 是一个基于 Three.js 的 web 3D 地球数据可视化的开源组件库。使用 Gio.js 的网页应用开发者，可以快速地以申明的方式创建自定义的 Web3D 数据可视化模型，添加数据，并且将其作为一个组件整合到自己的应用中。Gio.js 是一个基于 Three.js 的 web 3D 地球数据可视化的开源组件库。使用 Gio.js 的网页应用开发者，可以快速地...

Markdown编辑器使用教程本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 ...

Git是目前世界上最先进的分布式版本控制系统。在前端开发中经常用到，很有必要了解一下。不求深入，只求会用。1、安装git window 版本安装，直接去官网下载 https://git-scm.com/download/win 。默认安装即可。安装完成后，打开菜单中 Git-&gt;Git Bash，会弹出类似命令行窗口。之后就可以进行git 命令操作了。1、先配置用户信息 use...

ProcessingProcessing是一种具有革命前瞻性的新兴计算机语言，它的概念是在电子艺术的环境下介绍程序语言，并将电子艺术的概念介绍给程序设计师。它是 Java 语言的延伸，并支持许多现有的 Java 语言架构，不过在语法 (syntax) 上简易许多，并具有许多贴心及人性化的设计。Processing 可以在 Windows、MAC OS X、MAC OS 9 、Linux 等操作系...

学习来源于慕课网1、配置基本常用的信息：config.php：header("Content-type: text/html; charset=utf-8");define('HOST', '127.0.0.1');define('USERNAME', 'root');define('PASSWORD', 'PASSWORD');2、连接数据库：connect.php...

GitLens — Git supercharged一个很厉害的git插件，值得研究哦。（安装后一通操作，差点把我辛苦一周的代码全部撤回了）

使用Snagit软件安安静静的截屏并保存需要注意两点。1、关闭在编辑器预览。2、打开分享--文件。图片.png设置好之后保存预设。并设置快捷键。这样在工作或者网游戏过程中就可以快速的截屏并保存文件了。也可以开启-复制到剪贴板，方便使用。最后的最后，win10系统自带截屏保存功能。可直接使用，但是截屏的瞬间会有闪屏的感觉。o(╯□╰)o最后联网的状态下截屏保存在o...

谢天谢地 终于在不重装系统的情况下，把C盘修复好了。win7系统，C盘之前是200G，使用中慢慢的就用完， 虽然把几乎所有的软件都移植到D盘了但是还是不能释放更多的空间。剩下60多G的空间，一般够用。但是由于是64G内存，所以虚拟内存占据了很多空间。也把虚拟内存修改了。但是用着总感觉不爽。有的软件打开的时候C盘瞬间变红，估计是缓存文件太大，所以一直想把C盘扩容一下。用自己比较熟悉的方法...