截图tensorspace three webgl
Three.js中实现碰撞检测
## 1. 引言 碰撞检测是三维场景中常见的需求，Three.js是常用的前端三维JavaScript库，本文就如何在Three.js中进行碰撞检测进行记述 主要使用到的方法有： - 射线法Raycaster - 包围盒bounding box - 物理引擎Cannon.js ## 2. Rayca ......
WebGL的剪裁空间
WebGL剪裁空间（clipping space）是指在WebGL中进行3D图形渲染时可见部分的区域。它是通过一系列坐标变换和计算来定义的，在渲染管线的过程中充当着重要的角色。 ......
2D应用开发是选择WebGL 还是选择Canvas？
WebGL和Canvas在功能、应用领域、性能表现等方面存在差异，但也可以互补地使用，为Web开发者提供了丰富的图形处理选择。 ......
WebGL和OpenGL之间的差异
推荐：使用NSDT场景编辑器助你快速搭建可二次编辑的3D应用场景 WebGL和OpenGL是与图形处理有关的技术标准，它们在计算机图形中扮演着重要的角色。本文将介绍WebGL和OpenGL的区别，并重点介绍"WebGL"和"OpenGL"的特点。 一、WebGL简介 WebGL（Web Graphi ......
项目中多次调用百度地图组件然后页面出现自动刷新的问题——Too many active WebGL contexts. Oldest context will be lost
最近在项目中遇到这么一个奇怪的问题，在调用百度地图组件之后页面会不定期的自动刷新，后来经过排查发现问题是因为内存泄漏的原因： Too many active WebGL contexts. Oldest context will be lost。 是因为chrome浏览器对单个页面能运行的WebGL ......
了解WebGL：在浏览器中实现高性能3D图形渲染的基础知识
WebGL是一种基于OpenGL ES 2.0标准的3D图形渲染技术，它可以在浏览器中实现高性能的3D图形渲染。本文将介绍WebGL的基础知识，包括其应用场景、工作原理和常见的编程工具。 ......
开源项目自荐：截图工具（小、快、功能丰富）
我最近开发了一款截图程序，在GitHub开源： https://github.com/xland/ScreenCapture 基础的功能该有的都有了，而且有些功能还更好，大家想要什么功能可以提Issue，我看响应的人多，我就做。 当然如果发现了BUG，也请提Issue，谢谢啦。 下面是这个程序的一 ......
C# Windows登录界面进行截图，控制鼠标键盘等操作实现（三）
在Windows登录界面进行截图，目前尝试到的以下的截图方法可以截取到图，其它的方式要么卡住，要么截出来是黑屏的，直接上代码： /// <summary>使用Graphics方式捕获桌面截图（效率低于DesktopCapture，主要用户登录界面截图）</summary> internal clas ......
C# Windows登录界面进行截图，控制鼠标键盘等操作实现（二）
上一篇：C# Windows登录界面进行截图，控制鼠标键盘等操作实现（一） - log9527 - 博客园 (cnblogs.com) 我们了解了要实现在Windows登录界面进行截图等操作必须满足的条件，这一篇我们主要通过代码实现这些条件。 首先先建一个项目A 下面一些windows自带非托管dl ......
C# Windows登录界面进行截图，控制鼠标键盘等操作实现（一）
首先常规的账户进程是没办法获取登录界面的信息的，因为登录界面已经不在某个账户下了，登录界面显示了每一个账户的切换。所以得使用System权限的进程。 那么Windows系统究竟是怎么将登录界面与用户桌面隔离开的呢？首先先通过一些Windows操作系统基础知识了解一下。 Windows窗口工作站（Wi ......
判断浏览器是否支持webgl(在vue项目中)
vue项目中嵌入cesium地球，个别浏览器(例:360安全浏览器)访问时地球会无法加载，页面提示错误信息： 该浏览器不支持webgl，webgl是一种3D绘图协议，可以为HTML5 Canvas提供硬件3D加速渲染，这样就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航 ......
自动化进入页面后截图保存
from selenium import webdriverfrom time import sleepfrom selenium.webdriver.common.by import By# 通过ID来定位driver = webdriver.Chrome()driver.maximize_win ......
vue3部分学习复习截图
网络上的一些基础视频教的很好，特学习参考记录一下 vue3组合式api vue3优势 vue3新的脚手架 使用create-vue创建项目 目录和关键文件 setup基本使用 setup小结 reactive ref reactive与ref小结 computed watch vue2与vue3生命 ......
Unity Addressable 打包 WebGL 报错
1. 现象： PC 端打包正常，Web 平台打包后报错 2. 原因分析 服务器的 MIME类型 没有 .bundle 3. 解决方案 在 web.config 配置文件中加上对应的配置项，如下所示： <?xml version="1.0" encoding="UTF-8"?> <configurat ......
一个简单利用WebGL绘制频谱瀑布图示例
## 先看效果  还是比较节省性能的，这个还是包含了生成测试数据的性能，实际应用如果是直接通信获得数据应该还能少几毫秒吧 ......
WEB自动化-Allure报告-使用钩子函数 进行失败截图
Allure报告中 支持使用钩子函数进行失败截图 使用pytest_runtest_makereport钩子函数实现allure报告添加用例失败截图（函数名固定的） Hook函数又称为钩子函数，它的作用可以理解成钩住自己喜欢的东西（在window中，喜欢的东西可理解为消息），然后对自己喜欢的东西单独 ......
记录--使用 JS 实现基本的截图功能
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 思路分析 在开始动手之前，分析一下整个功能的实现过程： 根据图片大小创建 canvas1 画布，并将原图片直接定位在 canvas1 上； 在画布上添加一个蒙层，以区分当前 canvas 图像是被裁剪的原图像； 在蒙层上方，对裁剪区域（鼠 ......
three.js学习2-性能监测工具stats.js
1.安装 npm i stats.js 2.组件引入 import * as Stats from 'stats.js' 3.使用，requestAnimationFrame循环调用的函数中调用方法update()，来刷新时间 //创建性能检测 let stats = new Stats() sta ......
后台屏幕截图
import os from ctypes import windll import win32gui import win32ui from PIL import Image import const import logs import utils hwnd_title = dict() # h ......
three.js学习1（vue3）
1.引入threejs npm install --save three 在组件内 import * as THREE from 'three' 2.创建容器 创建canvas标签，为3D渲染建立容器 <template> <div> <canvas id="three"></canvas> </d ......
我用WebGL打造了一款动态壁纸
# 我用WebGL打造了一款动态壁纸 ## 简述 最近在给自己电脑换壁纸的时候发现了一张很有特点的图（就是下面这张），于是我突发奇想，要是能把这张图变成一张动态的壁纸。那该多好。于是我打算用threejs开发一个3D的动态壁纸网页。  .... 查询发现是库文件中 const string = ShaderChunk[ in ......
Three.js使用InstancedMesh实现性能优化
## 1. 引言 有这么一种场景：需要渲染一座桥，桥有很多桥柱，桥柱除了位置与倾斜角度不完全相同外，其他均相同，由于桥柱数量很大，使用three.js绘制较为卡顿，如何优化？注意，要求后续能选中某个桥柱 ## 2. 概念 ### 2.1 合并几何体 three.js官方教程里提到，[大量对象的优化 ......
vue 2 接入three.js
1、安装three.js npm i three@0.128.0 2、在vue中引用(可以测试一下，是否ok，下面测试) 1）、新建index.js import * as THREE from 'three'; // 引入Three.js扩展库 import { OrbitControls } f ......
three.js报错依赖，原因：three版本过高
vue版本 "devDependencies":{ "webpack": "^3.6.0", "webpack-bundle-analyzer": "^2.9.0", "webpack-dev-server": "^2.9.1", "webpack-merge": "^4.1.0" } "depen ......
WebGL +three创建地球横向滚动动画
WebGL +jquery创建地球横向滚动动画代码示例 <script> let camera, scene, renderer; let earthMesh; init(); animate(); function init() { // 创建相机 camera = new THREE.Persp ......
WebGL初接触
有感于在不少jd中看到关于WebGL的内容，想起来之前在高程中还没看完的canvas，就匆匆把剩余的一点看完了，高程中的内容还是皮毛，就属于很基础的、概念性的东西。 ### WebGL 画布的3D上下文。不是W3C制定的标准，而是Khronos Group的标准。 作为浏览器中WebGL基础的Ope ......
Hackthebox Three 靶机（starting point）
题目显示的难度是very easy，但对我来说是difficult，废话少数，来看一下怎么做吧。 先完成引导的题目，除了flag，其他题目难度都不大，只是在使用aws s3工具时比较迷茫，例如不知道需要加--endpoint=http://s3.thetoppers.htb 参数。 有了工具并能连接 ......
【WebGL系列-01】获取WebGL上下文
# 获取WebGL上下文 ## 获取上下文 WebGL上下文是从``标签中获取到的，通过`canvas`对象的`getContext()`函数可以获取`WebGLRenderingContext`。 跟据参数的不同，`getContext()`函数可以获取不同种类的渲染上下文。 ### 接口 **` ......