minx js - 腾讯云开发者社区

文章/答案/技术大牛

发布

高质量编码-克里金插值地图可视化(后台缓存优化)

前面在使用kriging.js进行克里金插值可视化时，计算分为三个步骤：模型训练(kriging.train) 网格生成(kriging.grid) 绘制结果(kriging.plot) 实际在web.../jquery-1.11.0.min.js"> js/...underscore.js"> js">...js/china.js"> <script type="text/javascript"..., maxX], [minY, maxY], colors0); canvasImg= canvas.toDataURL(); backupImgs.push({'minX':minX

2.1K2 0

高质量编码-克里金插值地图可视化(前端代码)

下面介绍一下前端JavaScript代码各函数的逻辑功能: 在介绍js函数前，首先介绍一下后台web接口的数据结构：数据接口： 1.GET方法的/api/stations image.png 使用$.../jquery-1.11.0.min.js"> js/...underscore.js"> js">...js/china.js"> <script type="text/javascript"..., maxX], [minY, maxY], colors0); addOverlay([minX, minY], [maxX, maxY], canvas);

1.2K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

通过「解救人质」小游戏教你学会碰撞检测

5.接下来新建 Bullet.js 脚本挂载到 bullet 节点下，编辑脚本如下，主要在 update 方法内实现了子弹的移动和销毁，以及碰撞回调函数（注：使用碰撞检测之前一定要获取碰撞检测，且碰撞回调函数名称固定...： // Bullet.js cc.Class({ extends: cc.Component, properties: { mSpeed: 300, },...6.然后编写 gun 节点的控制逻辑脚本 ControlGun.js： // ControlGun.js cc.Class({ extends: cc.Component, properties...= -this.node.parent.width / 2 + this.node.width / 2; let maxX = Math.abs(minX); let...this.node.parent; bullet.setPosition(currentPos); } }); 7.最后编写 enemy 的移动脚本： // ControlEnemy.js

1.2K1 0

WebGL简易教程(九)：综合实例：地形的绘制

因为JS处理tif稍微有点麻烦，我这里预先将其处理成DEM.dem，这是一个文本格式： ?.../lib/webgl-utils.js"> js"> js"> js"> js"> 在HTML的代码中，..., maxX, minY, maxY, minZ, maxZ) { this.minX = minX; this.maxX = maxX; this.minY = minY; this.maxY

1.8K2 0

借助神器TensorFlow.js，200行代码教你“隐身”，GitHub标星3k+

== 0) { if(x minX) { minX = x; } if(y minX; var height = maxY - minY; 同时，为了应对可能出现的假阴性，定义一个1.3的比例参数。...var offsetX = (newWidth - width) / 2; var offsetY = (newHeight - height) / 2; var newXMin = minX...https://codepen.io/jasonmayes/ TensorFlow.js能做的远不止让你“消失” 作者整个项目的核心是TensorFlow.js提供的身体分割模型，TensorFlow.js...TensorFlow.js是一个使用JavaScript进行机器学习开发的库，允许使用JavaScript进行机器学习模型的开发，并可以直接在浏览器或Node.js中使用机器学习模型。

9401 0

WebGL简易教程(七)：绘制一个矩形体

示例改进上一篇教程的JS代码，得到新的代码如下： // 顶点着色器程序 var VSHADER_SOURCE = 'attribute vec4 a_Position;\n' + // attribute...void main() {\n' + ' gl_FragColor = v_Color;\n' + '}\n'; //定义一个矩形体：混合构造函数原型模式 function Cuboid(minX..., maxX, minY, maxY, minZ, maxZ) { this.minX = minX; this.maxX = maxX; this.minY = minY; this.maxY...gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, indices, gl.STATIC_DRAW); return indices.length; } 这段代码的流程与上一篇的JS...//定义一个矩形体：混合构造函数原型模式 function Cuboid(minX, maxX, minY, maxY, minZ, maxZ) { this.minX = minX; this.maxX

2K3 0

Github 3.4k星，200余行代码，让你实时从视频中隐身

近日，充满奇思妙想的 Mayes 又使用 TensorFlow.js 制作了一个仅用 200 余行代码的项目，名为 Real-Time-Person-Removal。...下图中，上半部分是原始视频，下半部分是使用 TensorFlow.js 对人像进行消除后的视频。可以看到，除了偶尔会在边缘处留有残影之外，整体效果还是很不错的。...项目运行机制 Mayes 开发的这个人像消除程序背后的运行机制十分简单，他使用了 TensorFlow.js 中提供的一个预训练的 MobileNet，用于人像分割。...TensorFlow.js 提供的部分计算机视觉预训练模型。 MobileNet 是谷歌在 2017 年针对移动端和嵌入式设备提出的网络，针对图像分割。...== 0) { if(x minX) { minX = x; } if(y < minY) { minY =

6244 0

WebGL或OpenGL关于模型视图投影变换的设置技巧

解决方案 1) Cube.html 2) Cube.js 3) 运行结果 3. 详细讲解 1) 模型变换 2) 视图变换 3) 投影变换 4) 模型视图投影矩阵 4. 存在问题 1....它的最大最小范围为： //包围盒范围 var minX = 399589.072; var maxX = 400469.072; var minY = 3995118.062; var maxY = 3997558.062..."> js"> js"> js"> js"> </html...var minY = 3995118.062; var maxY = 3997558.062; var minZ = 732; var maxZ = 1268; //包围盒中心 var cx = (minX

1.3K1 0

Github 3.4k星，200余行代码，让你实时从视频中隐身

近日，充满奇思妙想的 Mayes 又使用 TensorFlow.js 制作了一个仅用 200 余行代码的项目，名为 Real-Time-Person-Removal。...下图中，上半部分是原始视频，下半部分是使用 TensorFlow.js 对人像进行消除后的视频。可以看到，除了偶尔会在边缘处留有残影之外，整体效果还是很不错的。...项目运行机制 Mayes 开发的这个人像消除程序背后的运行机制十分简单，他使用了 TensorFlow.js 中提供的一个预训练的 MobileNet，用于人像分割。...architecture: 'MobileNetV1', outputStride: 16, multiplier: 0.75, quantBytes: 4 }; TensorFlow.js...== 0) { if(x minX) { minX = x; } if(y < minY) { minY =

4406 0

WebGL的颜色渲染-渲染一张DEM(数字高程模型)

解决方案 1) DEM数据.XYZ文件 2) showDEM.html 3) showDEM.js 4) 运行结果 3. 详细讲解 1) 读取文件 2) 绘制函数 3) 使用缓冲区对象 4...."> js"> js"> js"> js"> <body...; } // var minX = verticesColors[0];...= Math.min(minX, verticesColors[i * 6]); maxX = Math.max(maxX, verticesColors[i

1.4K1 0

200余行代码，Github 3.4k星，让你实时从视频中隐身

7642 0

Super于的虚拟摇杆组件，拿来就用，让你一劳永逸！

3.之后编写脚本如下，代码中已经尽可能详细做好了备注，如果仍有不清楚的小伙伴可以后台私信我，看到后我会及时回复的： // Rocker.js cc.Class({ extends: cc.Component...this.playerNode.x += sx; this.playerNode.y += sy; let windowsSize = cc.winSize; let minX...= -windowsSize.width / 2 + this.playerNode.width / 2; // 最小X坐标 let maxX = Math.abs(minX);...); // 最大Y坐标 let currentPos = this.playerNode.getPosition(); if (currentPos.x minX...) { currentPos.x = minX; } else if (currentPos.x > maxX) { currentPos.x

9513 1

WebGL简易教程(八)：三维场景交互

实例改进上一篇教程的JS代码，得到新的代码如下： // 顶点着色器程序 var VSHADER_SOURCE = 'attribute vec4 a_Position;\n' + // attribute...void main() {\n' + ' gl_FragColor = v_Color;\n' + '}\n'; //定义一个矩形体：混合构造函数原型模式 function Cuboid(minX..., maxX, minY, maxY, minZ, maxZ) { this.minX = minX; this.maxX = maxX; this.minY = minY; this.maxY...return (this.minZ + this.maxZ) / 2.0; }, LengthX: function () { return (this.maxX - this.minX...可以使用JS的requestAnimationFrame()函数进行定时重绘刷新操作。其函数定义如下： ?

1.2K3 0

WebWorker 在文本标注中的应用

polylabel(polygon, precision, debug) { precision = precision || 1.0; // 精度 // 计算多边形的最小包围盒 var minX...i || p[0] minX) minX = p[0]; if (!i || p[1] < minY) minY = p[1]; if (!...i || p[1] > maxY) maxY = p[1]; } var width = maxX - minX; var height = maxY - minY; // 网格尺寸.../ 2; // 优先级队列 var cellQueue = new Queue(null, compareMax); // 划分初始网格，全部入队 for (var x = minX.../blob/master/rollup.config.js

6.8K6 0

WebGL简易教程(十一)：纹理

并放到与HTML和JS同目录下。用图像查看软件打开图像的显示效果为： ? 注意，在大部分浏览器（如chrome）中，基于安全策略是不允许访问本地文件的。...实例基于《WebGL简易教程(九)：综合实例：地形的绘制》中的JS代码进行改进： // 顶点着色器程序 var VSHADER_SOURCE = 'attribute vec4 a_Position...gl_FragColor = texture2D(u_Sampler, v_TexCoord);\n' + '}\n'; //定义一个矩形体：混合构造函数原型模式 function Cuboid(minX..., maxX, minY, maxY, minZ, maxZ) { this.minX = minX; this.maxX = maxX; this.minY = minY; this.maxY...准备纹理在WebGL中，由于JS的异步特性，需要在JS加载图片完成之后，再把图片当做纹理传入着色器进行绘制，所以首先这里定义了一个boolean全局变量initTexSuccess来标识纹理图像是否加载完成

1.4K4 0

遥感影像的镶嵌（初试）

get_extent(fn): ds=gdal.Open(fn) height=ds.RasterYSize weight=ds.RasterXSize gt=ds.GetGeoTransform() minx...=gt[0] maxy=gt[3] maxx=gt[0]+gt[1]*weight miny=gt[3]+gt[5]*height res=gt[1] return(minx,maxy,maxx,miny...,res) in_files=os.listdir('C:/pytemp/modismosictemp/modis3kre') minx,maxy,maxx,miny,resb=get_extent('...=min(minXa,minx) maxY=max(maxYa,maxy) maxX=max(maxXa,maxx) minY=min(minYa,miny) resmin=min(resa,resb)...C:/pytemp/modismosictemp/modis3kre/'+in_files[0]) a=in_ds.ReadAsArray() yk,xk=a.shape x1,y1=int(abs(minx-minX

8503 0

VBA实战技巧22：调整XY图表缩放比例以获取正确的宽高比

Sub ScalePlot() Dim Cht As Chart, Ser As Series, AxX As Axis, AxY As Axis Dim XVals, YVals, MinX...YDiff1 Dim Buffer Dim WdScale, HtScale Set Cht = ActiveChart With Cht '遍历所有系列确定MinX.../Y的值 MaxX = MaxX + Buffer * XDiff MinX = MinX - Buffer * XDiff MaxY = MaxY +...= WorksheetFunction.Min(MinX,XVals) MaxX = WorksheetFunction.Max(MaxX,XVals) MinY =...+Buffer * XDiff MinX = MinX -Buffer * XDiff MaxY = MaxY +Buffer * YDiff MinY = MinY -Buffer * YDiff

2.6K3 0

【HTML5 Canvas】计算元件显示对象经过Matrix变换后在上级舞台上的bounds（边界矩形rect）

, minY, maxX - minX, maxY - minY); }; 这里做了一个变化，如果bounds（也就是边框Rect）有x/y偏移，就把这个偏移转加到Matrix上，把rect简化为...= tx, maxX = tx, minY = ty, maxY = ty; if ((x = x_a + tx) minX) { minX = x; } else if (x...> maxX) { maxX = x; } if ((x = x_a + y_c + tx) minX) { minX = x; } else if (x > maxX) { maxX...= x; } if ((x = y_c + tx) minX) { minX = x; } else if (x > maxX) { maxX = x; } if..., minY, maxX-minX, maxY-minY); }; 两个函数看起来相差很大，但如果大家有心思慢慢计算一下，会发现其实是一样的。

9683 0

P2216 理想的正方形（二维RMQ）

n=-x:n=x; 18 } 19 int maxx[MAXN][MAXN]; 20 int minx[MAXN][MAXN]; 21 int n,m,kuan; 22 int a[MAXN][MAXN...[x][y],minx[x+kuan-(1<<logn)][y+kuan-(1<<logn)]); 32 mi=min(mi,minx[x][y+kuan-(1<<logn)]); 33...mi=min(mi,minx[x+kuan-(1<<logn)][y]); 34 return mx-mi; 35 } 36 void pre() 37 { 38 for(int k=0...[i][j]=min(minx[i][j],minx[i+(1<<k)][j]); 45 minx[i][j]=min(minx[i][j],min(minx[i...+(1minx[i][j+(1<<k)])); 46 47 } 48 } 49 int main

1.3K6 0

【剑指offer】二维数组中的查找

=0,miny=0; while(array[(maxx+minx)/2][(miny+maxy)/2]!...=minx||maxy!...=miny)){ if(array[(maxx+minx)/2][(miny+maxy)/2]>target){ maxx=(maxx+minx)...){ minx=(maxx+minx)/2; miny=(maxy+miny)/2; }else{...return true; } if(array[(maxx+minx)/2-1][(miny+maxy)/2]==target||array[(maxx+

8464 0

点击加载更多

高质量编码-克里金插值地图可视化(后台缓存优化)

高质量编码-克里金插值地图可视化(前端代码)

通过「解救人质」小游戏教你学会碰撞检测

WebGL简易教程(九)：综合实例：地形的绘制

借助神器TensorFlow.js，200行代码教你“隐身”，GitHub标星3k+

WebGL简易教程(七)：绘制一个矩形体

Github 3.4k星，200余行代码，让你实时从视频中隐身

WebGL或OpenGL关于模型视图投影变换的设置技巧

Github 3.4k星，200余行代码，让你实时从视频中隐身

WebGL的颜色渲染-渲染一张DEM(数字高程模型)

200余行代码，Github 3.4k星，让你实时从视频中隐身

Super于的虚拟摇杆组件，拿来就用，让你一劳永逸！

WebGL简易教程(八)：三维场景交互

WebWorker 在文本标注中的应用

WebGL简易教程(十一)：纹理

遥感影像的镶嵌（初试）

VBA实战技巧22：调整XY图表缩放比例以获取正确的宽高比

【HTML5 Canvas】计算元件显示对象经过Matrix变换后在上级舞台上的bounds（边界矩形rect）

P2216 理想的正方形（二维RMQ）

【剑指offer】二维数组中的查找

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐