浏览器指纹Demo 知乎文章： 在线演示地址： 你应该知道的事 Chrome一直在阻止网页技术捕获用户的指纹，这是出于对于用户隐私与安全性的考虑，所以现在可用的技术可能在未来的某个版本中就不可用了。但是浏览器指纹帮助我们了解到原来还可以这么玩?。而且未来Chrome也有可能授权用户给JS赋能唯一ID的能力，当然目前来看Chrome还没打算这么做。 源码如何本地开发 npm install npm run dev # How to build ? npm run build 每个指纹算法的JS源文件

通过渲染一张DEM的具体例子，了解在WebGL中颜色渲染的过程。

视觉效果-2018 如何运行： 转到基本文件夹（此自述文件所在的位置） 运行本地服务器 Python： python -m SimpleHTTPServer 8080 PHP： php -S 0.0.0.0:8080 http服务器： npm install http-server -g http-server . 8080 打开浏览器并转到localhost:8080 在DevTools控制台中，您可以： 显示演讲者的简介： visuals.selectSpeaker(speakerId) 演讲者ID，姓名，演讲等在/assets/speakers.js中定义 为此， visuals.speaker.names是所有名称的枚举，可以自动完成。 示例： visuals.speaker.selectSpeaker(visuals.speaker.names.elisa

XYZ Maps JS XYZ Maps是一个用TypeScript / JavaScript编写的实验性正在进行中的开源地图编辑器。 它由以下主要模块组成： ：“通用”模块提供了XYZ地图所有其他模块所需的常用javascript功能。 ：核心模块提供最基本的功能。 该模块的主要功能是：数据提供者，TileLayers，几何类和样式定义。 ：“显示”模块是高度可定制的矢量地图显示，已针对地图编辑，较大的原始数据集和频繁更改的数据进行了优化。 ：编辑器模块提供了一个用于编辑地图数据的API，可用于轻松访问，添加，删除和编辑各种类型的地图数据。 先决条件 （8.16.0+） （1.11.0+） 开始开发 克隆此存储库 git clone https://github.com/heremaps/xyz-editor.git cd xyz-editor 安装节点模块依赖项 yarn install 监视源代码更改并构建开发版本 yarn run watch-dev 内部版本位于./packages/*/dist/ 设置您的XYZ令牌 仅当使用xyz.api.here.c

关于 Potree是用于大型点云的免费开源基于WebGL的点云渲染器。 它基于和研究项目， 和。 最新信息和正在进行的工作通常可以在 联系人： （ ） 参考： （2016） （2020） 入门 在您的PC上安装 安装 按照package.json中的指定安装依赖项，并在./build/potree中创建一个构建。 npm install 在您的PC上运行 使用npm start命令来 创建./build/potree 监视源代码的更改，并根据更改自动创建新版本 在localhost：1234上启动Web服务器。 转到来测试示例。 部署到服务器 只需将包含所有点云，构建目录和html文件的Potree文件夹上载到Web服务器。 不需要在您的Web服务器上安装node.js。 您所需要做的就是在线托管文件。 将点云转换为Potree格式 下载PotreeConvert

后期处理 一个后处理库，提供了为实现图像滤镜效果的。 ··· 安装 该库需要对等依赖项 。 npm install three postprocessing 用法 后处理引入了通过和效果的概念，以使用全屏图像处理工具扩展通用渲染工作流程。 以下WebGL属性应用于最佳的后处理工作流程： import { WebGLRenderer } from "three" ; const renderer = new WebGLRenderer ( { powerPreference : "high-performance" , antialias : false , stencil : false , depth : false } ) ; 管理和运行过程。 通常将用作第一遍，以自动清除缓冲区并渲染场景以进行进一步处理。 全屏图像效果通过EffectPass渲染。 有关如何设置渲

使用Three.js库在几何设计中使用三种曲线和三种曲面-三次，贝塞尔曲线和B样条曲线

三次插值WebGL WebGL 中的 GPU 加速预滤波三次 b 样条插值 这个项目展示了如何使用 WebGL 绘制预过滤的三次 b 样条插值图像 你不需要做很多事情来使用它； 看看 simple.html 一个简约的例子。 实际的 WebGL javascript 可以在 gl.cubicinterpolation.js 中找到 玩得开心！ 丹尼

#pixijs 小程序 WebGL 的适配版本。 2021.1.11 修复graphics在新版微信内不正常显示的bug 2021.1.14 改写PIXI.Text和PIXI.Graphics的渲染逻辑，需要在wxml文件中添加两个type 2d的canvas，然后把canvas传入PIXI中。其中一个用于Graphics渲染，一个用于Text渲染，传入参数示例：PIXI = createPIXI(canvas,stageWidth,canvas2d,canvas2dText) 2021.3.25 添加遮罩实现示例 2021.3.29 添加performance的判断 使用 可参考 example 目录下的示例项目或参照以下流程： 复制dist目录的pixi.miniprogram.js到目录libs下 导入小程序适配版本的 pixi.js import {createPIXI} from

WebGL字体渲染 演示了带有字形提示和亚像素抗锯齿功能的GPU上的字体渲染。 该演示使用进行字形渲染。 （需要WebGL）。 字体图集生成工具在。 提示 这个想法很简单。 首先，我们将文本基线恰好放置在像素边界处。 接下来，我们使用两种不同的方法来放置字形。 小写字符的缩放比例应使跨满整个像素数。 所有其他字符都按比例缩放以适合到像素边界。 在栅格化阶段，我们正在修改抗锯齿例程，以使抗锯齿边缘距离取决于笔划方向，这使水平笔划看起来比垂直笔划更锐利。