矩阵基础

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

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

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

OutLine渲染调研

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

三维GIS坐标系调研

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

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

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

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

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

Uint8Array 我TM谢谢你不报错哦

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

webGL 缓解内存压力

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

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

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

webGL: vertexAttribPointer 函数理解

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

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

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

更好用的map函数 flatMap

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

Cesium SuperMap问题调研汇总

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

FLIP动画,让元素动起来

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

制作可全局执行的NPM包:批量清理github仓库

2019-06-15
阅读 3 分钟
2.1k
不知什么时候开始,自家github堆满了仓库代码。。。各种demo开头的项目,还有些空仓库,啥都没写的。自然,程序员写的最差的代码就是以前写的代码了,为了维护心中美好的光辉形象,我决定——————

PyQt5 调研(一)

2019-06-05
阅读 2 分钟
2.5k
program选择Qtdesigner.exe的路径, Arguments: $FilePath$, work directory: $FileDir$

Docker打包nodejs项目和数据库

2019-05-07
阅读 3 分钟
5.6k
看这篇文章,必须知道基础的docker, 本文只提供思路和部分代码, 不负责教 所有的命令必须谨慎操作!三思而后行 命令 停止所有运行的容器 {代码...} 删除所有的容器 {代码...} 使用docker-compose启动容器 {代码...} 使用docker-compose关闭容器 {代码...} 查看Log {代码...} 部署mysql docker-compose {代码...} 自动...

puppeteer 多URL爬取

2019-04-23
阅读 3 分钟
3.2k
基本使用 {代码...} 顺序不能变 : await puppeteer.launch() 启动 await browser.newPage() 打开page page.on 监听事件 await page.goto 跳转页面 await browser.close() 关闭 顺序改变,page.on() 监听事件将无法监听 多个URL的使用方法 爬取数组url上的所有图片,并返回其真实宽高. {代码...} 此方法大致参考了overflo...

老框架--Uditor 插件编写

2019-03-20
阅读 5 分钟
3.3k
版本: 1.4 过程 仔细阅读github仓库readme,起手一个demo 阅读开发文档 ,基本插件开发如下: {代码...} 新建js {代码...} 开发API等查看文档 查看插件市场,阅读其他作者的插件源码 表单生成器插件 记录 生成弹窗 {代码...} 弹出 {代码...} $$含义 {代码...} 中的$$含义? 全局查找得知: {代码...} 注册插件形式开发 之前re...

vue实现可视化可拖放的自定义表单

2019-03-20
阅读 2 分钟
15.2k
实现如例子所示的可视化可拖放表单功能。整个页面,分为左中右三栏布局,左栏的部件库的部件(组件)作为key,拖放到中间区域时,往vuex存放数组数据,拖一个就push一个。点击某个组件时,在右栏显示其属性,其实也就是在vuex存放的数据中查找数据迭代属性。

js 宏任务和微任务

2019-03-13
阅读 2 分钟
5.7k
想了解什么是宏任务和微任务,必须得知道JavaScript的执行顺序,JavaScript是单线程,执行时存在各种任务队列。 常见的宏任务 业界流行的认为,可能个别浏览器有差异 类型 浏览器 Node I/O ✅ ✅ setTimeout ✅ ✅ setInterval ✅ ✅ setImmediate ❌ ✅ requestAnimationFrame ✅ ❌ 常见的微任务 业界流行的认为,可能个别浏览器...

一次性理清JavaScript变量等高难度面试问题

2019-02-25
阅读 2 分钟
1.3k
主要是解决JavaScript中比较难懂的部分,当然了,这部分经常在面试题中露面,这篇文章主要是讲解解题思路,对新手会有很大帮助(如果你仔细看的话)。书籍方面,我看的是《你不知道的javascript》,精髓就在里面喽。文章会持续更新( 如果能看到比较刁钻的题目的话, 也欢迎大家将自己遇到的异常难于理解的JavaScript题目...

超火js库: Lodash API例子

2018-12-27
阅读 4 分钟
5.5k
lodash.js是一款超火的js库,在npm上平均周下载量达到了惊人的12,374,096,github start36K!大量框架都用到了lodash,包括拥有123kstart的vue本文对比lodash英文文档,加上一些小栗子和个人的经验~~,希望能帮到你们