矩阵基础

4 月 8 日
阅读 4 分钟
557
矩阵全解析矩阵作为三维中基础的基础,在此作一个全解析。列优先和行优先数组的元素可以存储在列优先布局或行优先布局中。对于存储在列优先布局中的数组,列的元素在内存中是连续的。内存的连续性有助于利用CPU缓存,提高访问效率,这对性能来说有很重要的影响。在webgl中数据的存储和传输通常是以列优先(Column-Major...

THREEJS 相机控制旋转

2023-01-09
阅读 2 分钟
3k
对于相机旋转比较好的是使用球坐标系,相对于直角坐标系而言,球坐标系用来描述旋转更加合适直观且对于方位角、极角而言属于线性改变。对于线性函数我们是非常喜欢的,因为线性代表简单,能用越简单的函数来描述关系的就越适合。

THREEJS 将构件缩放至视野中的方法

2023-01-09
阅读 1 分钟
1.5k
首先必须知道物体所在的包围球半径 r, 其次相机角度是已知的,就是 camera.fov, fov 是角度制数据,简单根据三角函数可以得出球心到相机的距离 s。

sublime 做一款翻译变量名插件

2022-11-04
阅读 6 分钟
1.8k
sublime 做一个变量翻译插件目标中文写一个变量名, 鼠标移上去调用命令能将中文单词翻译成变量名,要求能选择是大驼峰小驼峰还是下划线开始Tools > Developer > New Plugin... {代码...} 首先思路就是先能取到鼠标所在的单词.由于 sublime 是支持多光标的, view.sel()会返回数组 {代码...} ctrl+~打开控制台, 输入...

OutLine渲染调研

2022-09-06
阅读 1 分钟
924
OutLine查阅的资料[链接]博客 语言: openGL 包含一个顶点着色器和片元着色器 的代码[链接]CoffeScript 编写的 threejs 实时小网页, 用到了 composer[链接]outline 实现, 不过用到了 threex ( threejs 的游戏扩展包 )[链接]OpenGl 中文网站关于模板测试的相关原理[链接]缩放网格实现 outline, 对比模板测试思路大抵是相同...

三维GIS坐标系调研

2022-09-06
阅读 6 分钟
1.8k
目录目录当前坐标系现状WGS84GCJ-02三大坐标互转当前坐标系现状坐标系描述使用者WGS84国际通用坐标, 从 GPS 设备中取出的数据的坐标系,国际地图提供商使用的坐标系GPS/谷歌卫星火星坐标 (GCJ-02)中国标准,从国行移动设备中定位获取的坐标数据使用这个坐标系, 国家规定: 国内出版的各种地图系统(包括电子形式),必须...

关于我写了个虚拟树组件这回事

2022-07-22
阅读 2 分钟
3k
多的不说, 可以直接看演示 [链接] {代码...} {代码...} 虚拟树此组件为Vue2.x开发开源不易 如果对你有一点帮助 点个免费的start吧 这将是我更新维护的全部动力介绍虚拟列表其实是按需显示的一种实现,即只对可见区域进行渲染,对非可见区域中的数据不渲染或部分渲染的技术,从而达到极高的渲染性能。经过WebGl数万条构件...

THREE 矩阵优先原则和平移旋转矩阵

2022-04-13
阅读 2 分钟
2.4k
优先顺序行优先 {代码...} 如果是行优先,如上读取顺序为 1234, 5678, 9101112列优先 {代码...} 如果是行优先,如上读取顺序为 159, 2610, 3711,4812THREE优先规则所有内部计算储存的矩阵都是列优先, 但是行优先更适合人的阅读顺序, 所以 Matrix.set方法使用的是行优先读入, 读取的都是列优先. {代码...} 为了阅读,以...

Uint8Array 我TM谢谢你不报错哦

2022-04-10
阅读 2 分钟
1.8k
为了节约内存, 对参数化数据的typedArray进行了判断选择 {代码...} 在进行合批操作时,合并所有的顶点、索引和Uv数据 {代码...} OK, 这时候就出现了问题,反正就是绘制不对,很奇怪的形状在索引、顶点、法线中,我觉得只有索引出错才能导致这种情况,所以追踪分析。解决罪魁呢 就是Uint8Array,因为这小子啊,下边越界不...

webGL 缓解内存压力

2022-03-28
阅读 6 分钟
1.5k
最近在做大模型的加载,加载文件的时候会解析出这个文件有多少个mesh, line, parameter, 然后都会存在一个变量中去维护这个关系:

从一个鼠标画点开始了解原生webGL

2022-03-10
阅读 13 分钟
2.2k
面向web前端的WebGL教程,网络上的教程均是假设有计算机图形学基础,对web开发者来说不是很友好, 故开辟此坑最终效果[链接]鼠标点击 画一个点。webGL如何展示一个点首先得知道webGL如何展示出一个点?webGL画任意物体 都需要一个顶点着色器和片元着色器,顶点着色器:描述顶点的特性(位置、颜色等)的程序.片元着色器: ...

webGL: vertexAttribPointer 函数理解

2022-03-07
阅读 2 分钟
5.8k
void gl.vertexAttribPointer(index, size, type, normalized, stride, offset);

JavaScript 中的数组分组:array.groupBy()

2022-01-14
阅读 3 分钟
22.9k
今天的主角是新的数组组提案(目前处于第 3 阶段),它引入了新的方法array.groupBy()和array.groupByToMap(). 他们的polyfills在core-js库中可用。

更好用的map函数 flatMap

2022-01-13
阅读 3 分钟
3.6k
但是,还有一个替代方案array.map():(array.flatMap()从 ES2019 开始可用)。此方法使您能够映射,还可以在生成的映射数组中删除甚至添加新项目。

Cesium SuperMap问题调研汇总

2021-08-26
阅读 20 分钟
5.4k
主要参考资料汇总[链接][链接][链接]描绘点 {代码...} 描绘线 {代码...} 添加闪光尾迹线首先得先全局开启闪耀效果 {代码...} 然后实现尾迹线 {代码...} 波纹雷达圈首先得扩展cesium方法 存为CircleWaveMaterialProperty.js {代码...} 调用前需要存在此方法,也就是得全局调用一次,让cesium拥有雷达圈得类 {代码...} 调...

FLIP动画,让元素动起来

2021-06-10
阅读 2 分钟
2.6k
FLIP动画 概述什么是FLIP动画技术?FLIP其实是一种思路, 一种方法论, 并不是具体指代某个技术.FLIP, 具体意义如下:F first 参加过渡元素的初始状态L last 元素的终止状态I invert flip的核心, 通过first和last计算, 然后翻转这个过程P play 启用tansition, 移除你invert的改变,这时候动画会按预期完成实践操作,利用F...

Nginx 运维问题调研 有问题就更新~

2021-06-10
阅读 5 分钟
3.4k
路径末尾不加斜杠导致的重定向参考网址: CSDN当访问如下地址时:[链接] nginx会尝试在末尾添加斜杠. 其实就是开启一个301的重定向, 但是当nginx监听的端口和对外的端口不一致的时候会导致出错。nginx加完斜杠后,访问地址变成了如下:[链接]8069端口是内网本地端口,而18069才是公网端口,所以导致网页加载失败。解决办法...

网站这样来屏蔽开发者工具,不比监听MouseDown舒服?

2021-06-10
阅读 2 分钟
6.1k
之前,我曾提过一个问题, 网站如何检测到是否开启开发者工具?问题很火,是5月份问题top1, 后面管理员给我删除掉了...在此, 把这问题及解决方法记录下来.监听键盘事件F12之类的方法, 不记录, 因为刚开始大家都是这么玩的。方法一chrome72以下 {代码...} 原理就是chrome在打开控制台的时候会读取页面上所有的id元素.方...

让Github迅速起飞的脚本

2021-05-11
阅读 7 分钟
3.3k
原理修改本地host文件来加速访问github.如何获取在中国的github代理ip地址?我找到了这个网站: [链接]具体思路就是和上面网站一样,循环请求接口获取各地机房的延迟,然后比较出最低延迟的机房,拿到ip, 再去修改本地Host文件, go.获取请求接口到这个网站 [链接] 很快就能找到相似点。得出接口如下: {代码...} 其中,最...

自定义组件如何通过ElementUI Form校验

2021-03-26
阅读 2 分钟
4.5k
混入emitterimport emitter from 'element-ui/src/mixins/emitter'FormItemFormItem存在以下方法 {代码...} FormItem有以下监听 {代码...} 所以,在自己的组件里面,触发这个事件就好了 {代码...} 是change还是blur, 看form rules中的规则而定dispath {代码...} 可以看出dispath就是一直死循环向上找父级组件。

使用这款用Electron开发的代码生成器 飞升你的代码效率

2020-10-28
阅读 2 分钟
2.8k
EasyCode-JavaScript使用对象CRUD过多的管理页面项目,EasyCode借助nodejs访问数据库的能力,一键让你生成code.使用下载github下载使用[链接]编译运行使用clone {代码...} 安装依赖 {代码...} 编译运行没有xxx的话,这一步很难成功... {代码...} 开始连接数据库使用快捷键ctrl+n或者通过菜单按钮connection->连接数据...

webstorm 配置项文档 + 使用文档 (二)

2020-10-14
阅读 3 分钟
2.6k
时间: 2020-10-13 webstorm2020.2.3 版本通过 ctrl+F 搜索你想了解的 webstorm 配置有些效果按 Apply 就可以看出效果, 而有些效果则需要按 OK 才行。

webstorm 配置项文档 + 使用文档 (一)

2020-10-13
阅读 5 分钟
5k
时间: 2020-10-13 webstorm2020.2.3 版本通过 ctrl+F 搜索你想了解的 webstorm 配置有些效果按 Apply 就可以看出效果, 而有些效果则需要按 OK 才行。

vscode系列: 做个五脏俱全的翻译插件

2020-09-22
阅读 4 分钟
9.3k
要做的效果如下, 就是一个翻译功能~需要准备百度翻译开发者账号,取得 appid 和密钥npm install -g yo generator-code关键 vscodeAPI获取当前活动编辑器选中的文字 {代码...} 调用快速选择面板 {代码...} 开始 CODING脚手架创建文件夹代码 {代码...} 选择 JavaScript(Extension), 后面全部按 Enter 默认就行。百度翻译 ...

值得关注的几个vscode配置和键绑定

2020-08-28
阅读 3 分钟
4.3k
正版起飞,jetbrains-agent宣布不再更新,万狗哀嚎。多年老vscode玩家再次回归因为vscode的默认配置,导致现在用的不是很舒服,奋发图强,一番点睛查询试验过后,总结了以下能让你的vscode起飞的配置。版本: 1.48.2snippetsPreventQuickSuggestions问题: 输入log按tab快速生成代码后,提示居然没了?解决: {代码...} wor...

CSS如何去完成一个Google Input Style

2020-03-14
阅读 1 分钟
1.7k
我的medium 首先得先得确定基本的html结构, 如下: {代码...} 演示效果: CodePen 思考: 当Input框聚焦时,input底部的线的宽度会增加,不难看出,这是css3中的过渡效果。所以,只要写出变化前的css和变化后的css,然后在刚开始的css中设置transition: all .5s ease-in-out; 底部线条为_<div class=”bar”></di...

Nestjs 自翻中文文档(三)

2020-02-15
阅读 4 分钟
3.4k
provider是Nest的基本概念。许多基本的Nest类都可以被视为 provider – services, repositories, factories, helpers,等。提供程序的主要思想是它可以注入依赖项。这意味着对象可以彼此创建各种关系,并且“连接”对象实例的功能在很大程度上可以委托给Nest运行时系统。Providers只是带有@Injectable()装饰器的类

Nestjs 自翻中文文档(二)

2020-02-14
阅读 8 分钟
5.2k
Nestjs中文文档(二): 控制器 版本: 6.10.14 控制器负责处理传入的请求并将响应返回给客户端 控制器的目的是接收应用程序的特定请求。路由机制控制哪个控制器接收哪些请求。通常,每个控制器都有多个路由,不同的路由可以执行不同的操作 为了创建一个基本的控制器,我们使用类和装饰器。装饰器将类与所需的元数据关联,...

Nestjs 自翻中文文档(一)

2020-02-14
阅读 2 分钟
4.7k
在这组文章中,您将学习Nest的核心基础知识。为了熟悉Nest应用程序的基本构建块,我们将构建一个基本的CRUD应用程序,它的特性在入门级涵盖了很多方面

Nestjs 自翻中文文档(一)

2020-02-14
阅读 2 分钟
3.4k
在这组文章中,您将学习Nest的核心基础知识。为了熟悉Nest应用程序的基本构建块,我们将构建一个基本的CRUD应用程序,它的特性在入门级涵盖了很多方面