当前位置： 首页 > news >正文

WebGL渲染与创建2D内容

news 2026/5/20 5:57:12

目录

  • 创建画布
  • 2D渲染
  • 修改顶点着色器
  • 光照
  • 深度测试
  • 混合模式

WebGL是一个强大的工具，可以用来在Web浏览器中创建复杂的3D图形。虽然它的设计初衷是为了3D渲染，但也可以用于创建2D内容。通过巧妙地利用几何、投影和纹理，我们可以构建出各种2D图形。

创建画布

首先，我们需要在HTML中设置一个<canvas>元素，用于承载WebGL渲染的内容：

相关文章：

WebGL渲染与创建2D内容

目录 创建画布2D渲染修改顶点着色器光照深度测试混合模式WebGL是一个强大的工具，可以用来在Web浏览器中创建复杂的3D图形。虽然它的设计初衷是为了3D渲染，但也可以用于创建2D内容。通过巧妙地利用几何、投影和纹理，我们可以构建出各种2D图形。 创建画布 首先，我们需要在H…...

编程日记 2024/9/24 10:08:18

ArcGIS Desktop使用入门（三）图层右键工具——拓扑（下篇：地理数据库拓扑）

系列文章目录 ArcGIS Desktop使用入门&#xff08;一&#xff09;软件初认识 ArcGIS Desktop使用入门&#xff08;二&#xff09;常用工具条——标准工具 ArcGIS Desktop使用入门&#xff08;二&#xff09;常用工具条——编辑器 ArcGIS Desktop使用入门&#xff08;二&#x…...

编程日记 2024/9/24 10:07:17

LeetCode题练习与总结：二叉树的最近公共祖先--236

一、题目描述 给定一个二叉树, 找到该树中两个指定节点的最近公共祖先。 百度百科中最近公共祖先的定义为&#xff1a;“对于有根树 T 的两个节点 p、q&#xff0c;最近公共祖先表示为一个节点 x&#xff0c;满足 x 是 p、q 的祖先且 x 的深度尽可能大&#xff08;一个节点也…...

编程日记 2024/9/24 10:05:14

uni-app 多环境配置

前后端分离模式下&#xff0c;不同的环境如开发环境&#xff08;dev&#xff09;、测试环境&#xff08;test&#xff09;、生产环境&#xff08;prod&#xff09;等&#xff0c;不同环境后端数据库、api地址等可能都不同 。 uni-app中只有development和production两个环境 以配…...

编程日记 2024/9/24 10:04:13

【d48】【Java】【力扣】LCR 123. 图书整理 I

思路 方法1&#xff1a;放进list,将list倒置&#xff0c;利用stream&#xff0c;将list改为int类型 方法2&#xff1a;递归&#xff1a;递归通用思路&#xff1b;明确每一层做什么确定返回值确定什么地方接收下层的返回值 每一层&#xff1a;调用下层&#xff0c;然后把自己…...

编程日记 2024/9/24 10:03:12

【MySQL】InnoDB 索引为什么使用B+树而不用跳表？

在MySQL中&#xff0c;为了加速查询&#xff0c;使用B树来构建索引&#xff0c;将查询性能从O(n)优化到O(log n)。虽然跳表同样提供O(log n)的查询效率并且实现相对简单&#xff0c;但B树更适合MySQL的索引使用&#xff0c;原因包括&#xff1a; B树和跳表的区别 B树和跳表的…...

编程日记 2024/9/24 10:01:09

【学习笔记】TLS/SSL握手之Records

TLS / SSL会话是由记录&#xff08;Records&#xff09;所组成&#xff0c;有4种records HandshakeAlertChange Cipher SpecApplication DataHandshake和Alert Records被分为子类型&#xff08;Subtypes&#xff09;&#xff1a; Handshake&#xff1a;Client HelloHandshake&a…...

编程日记 2024/9/24 10:00:08

【MySQL】创建新账号新数据库并授权

在 MySQL 中创建一个名为 new_user 的用户&#xff0c;并设置密码为 new_pass&#xff0c;然后创建一个名为 new_db 的数据库&#xff0c;并将该数据库的所有权限授予 new_user 用户。 登录 MySQL&#xff1a; mysql -u root -p创建用户&#xff1a; CREATE USER new_userlo…...

编程日记 2024/9/24 9:59:07

Nginx反向代理简介，作用及配置；Nginx负载均衡简介，作用及配置；

一&#xff0c;Nginx反向代理 1.1简介 反向代理服务器位于用户与目标服务器之间&#xff0c;但是对于用户而言&#xff0c;反向代理服务器就相当于目标服务器&#xff0c;即用户直接访问反向代理服务器就可以获得目标服务器的资源。同时&#xff0c;用户不需要知道目标服务器的…...

编程日记 2024/9/24 9:56:04

SAP MIGO M7146不支持移动原因

移动类型 Z91 查看配置&#xff1a;Z91 匹配的原因没有921 倒是Z92的原因里面有921 那解决方案有2种&#xff0c;但是要根据具体业务要求来 1、审视一下是否移动原因用错了 &#xff1f;换一个移动原因 2、确实是这个移动类型 要用到这个移动原因 &#xff0c;那就在上图 移…...

编程日记 2024/9/24 9:54:02

vue使用PDF.JS踩的坑--部署到服务器上显示pdf.mjs viewer.mjs找不到资源

之前项目使用的pdf.js 是2.15.349版本&#xff0c;最近换了一个4.6.82的版本&#xff0c;在本地上浏览文件运行的好好的&#xff0c;但是发布到服务器&#xff08;IIS&#xff09;上打不开文件&#xff0c;控制台提示找不到pdf.mjs viewer.mjs。 之前使用的2.15.349pdf和viewer…...

编程日记 2024/9/24 9:49:57

重型工程车辆数据集

重型工程车辆数据集&#xff0c;内含Bull_dozer&#xff08;推土机&#xff09;, Dumb_truck&#xff08;卡车&#xff09;, Excavator&#xff08;挖掘机&#xff09;, Grader&#xff08;平地机&#xff09;, Loader&#xff08;转载机&#xff09;, Mobile_crane&#xff08…...

编程日记 2024/9/24 9:48:56

【Kubernetes】常见面试题汇总（三十三）

目录 85.简述 kube-proxy 的三种工作模式和原理。 特别说明&#xff1a; 题目 1-68 属于【Kubernetes】的常规概念题&#xff0c;即 “ 汇总&#xff08;一&#xff09;~&#xff08;二十二&#xff09;” 。 题目 69-113 属于【Kubernetes】的生产应用题。 85.简述 kub…...

编程日记 2024/9/24 9:44:51

ubuntu安装无线网卡驱动（非虚拟机版）

本文不是基于虚拟机&#xff0c;是双系统 太夸张了 实验室居然没网线 只有一个师兄留下来的无线网卡 装完了ubuntu结果没网 make都用不了 然后搜了下大概发现是没有预装gcc和make 参考如下 https://zhuanlan.zhihu.com/p/466440088 https://wwsk.lanzouj.com/iAj4t2ao46zc…...

编程日记 2024/9/24 9:43:50

保障电气安全的电气火灾监控系统主要组成有哪些？

电气火灾是什么&#xff1f; 电气火灾一般是指由于电气线路、用电设备、器具以及供配电设备出现故障性释放的热能&#xff1a;如高温、电弧、电火花以及非故障性释放的能量&#xff1b;如电热器具的炽热表面&#xff0c;在具备燃烧条件下引燃本体或其他可燃物而造成的火灾&…...

编程日记 2024/9/24 9:42:49

gitlab集成CI/CD，shell方式部署

目录 1.首先安装好gitlab和gitlab-runner&#xff0c;这两个&#xff0c;看我以往的教程 2.注册新的 Runner 3. 步骤 3.1 Enter the GitLab instance URL (for example, https://gitlab.com/): 3.2 Enter the registration token: 3.3 Enter a description for the runner: 3…...

编程日记 2024/9/24 9:41:48

UE学习篇ContentExample解读-----------Blueprint_Mouse_Interaction

文章目录 总览描述&#xff08;Blueprint_Mouse_Interaction&#xff09;阅览解析1、PlayerControler分析2、拖拽球蓝图分析&#xff1a;3、移动的立方体分析&#xff1a; 新概念总结致谢&#xff1a; 总览描述&#xff08;Blueprint_Mouse_Interaction&#xff09; 打开关卡后…...

编程日记 2024/9/24 9:40:47

得物App荣获新奖项，科技创新助力高质量发展

近日&#xff0c;备受瞩目的2024中国国际服务贸易交易会&#xff08;简称“服贸会”&#xff09;在北京盛大开幕&#xff0c;这一全球唯一的国家级、国际性、综合型服务贸易盛会再次汇聚了全球服务贸易领域的精英与前沿成果。服贸会由商务部和北京市政府携手打造&#xff0c;并…...

编程日记 2024/9/24 9:37:43

傅里叶变换（对称美）

傅里叶变换&#xff08;对称美&#xff09; 冲浪时发现的有趣文章&#xff0c;学习自https://zhuanlan.zhihu.com/p/718139299 摘下来的内容&#xff1a; 傅里叶变换之所以“怪美的嘞”&#xff0c;根本在于它有一种内在的对称性&#xff0c;这一点在上面的图并没有表现出来…...

编程日记 2024/9/24 9:34:38

基于单片机与 PC 机通信的数据采集控制系统设计

摘 要 ： 设计出基于单片机与 PC 机通信的数据采集控制系统方法 。 被控对象经传感器 、 电压变换电路 、 A/D 转换芯片与单片机相连， 可将现场参数信息传送至单片机 ； 单片机经继电器驱动控制被控对象运行 。 单片机与 PC 机经电平转换芯片相连， 实现远程通信功能 。…...

编程日记 2024/9/24 9:32:35

MacOS MySQL安装

1、安装包下载地址 MySQL Community Server&#xff1a;开源版本&#xff0c;适用于个人和小型企业。MySQL Enterprise Edition&#xff1a;商业版本&#xff0c;提供额外的功能和技术支持。MySQL Cluster&#xff1a;分布式数据库系统&#xff0c;适用于高可用性和高并发场景…...

编程新知 2026/5/20 5:14:02

异步分布式k-mer计数算法DAKC解析与优化

1. 异步分布式k-mer计数算法解析 k-mer计数是基因组分析中的基础操作&#xff0c;它统计DNA序列中所有长度为k的子串出现频率。这项技术在基因组组装、宏基因组分析等场景中扮演着关键角色。传统方法在处理大规模数据时面临性能瓶颈&#xff0c;而分布式异步算法DAKC通过创新设…...

编程新知 2026/5/20 4:36:12

从CVE到ATTCK：如何用Elastic Stack构建你的个人安全情报仪表盘

从CVE到ATT&CK&#xff1a;如何用Elastic Stack构建你的个人安全情报仪表盘 在安全运营领域&#xff0c;数据孤岛一直是分析师面临的主要挑战。CVE漏洞数据库、CWE弱点分类、CAPEC攻击模式以及ATT&CK框架各自提供了宝贵的安全情报&#xff0c;但这些数据往往分散在不同…...

编程新知 2026/5/20 3:15:54

影刀RPA工程实战：多店铺环境隔离体系与自动化流程的事务性保障

一个店铺登录态串到另一个店铺&#xff0c;只在一瞬间。 但要真正杜绝它&#xff0c;需要的是一整套工程约束。 上一篇文章聊了浏览器实例池与并发调度&#xff0c;那套东西帮我们扛住了几十个店铺同时跑的稳定性。但很快我们又遇到了一个新问题&#xff1a;店铺之间的环境边界…...

编程新知 2026/5/20 1:24:38

我的第一个CANOpen主站：手把手教你用CanFestival-3源码配置心跳、SYNC和PDO映射

我的第一个CANOpen主站&#xff1a;手把手教你用CanFestival-3源码配置心跳、SYNC和PDO映射 当你第一次面对工业现场总线协议时&#xff0c;那种既兴奋又忐忑的心情我至今记忆犹新。CANOpen作为工业自动化领域的"普通话"&#xff0c;其主站开发往往是工程师进阶路上的…...

编程新知 2026/5/20 1:14:32

Vue3生态系统：打造完整的前端开发体系

Vue3生态系统&#xff1a;打造完整的前端开发体系 前言 大家好&#xff0c;我是前端老炮儿。今天咱们来聊聊Vue3的生态系统。 如果说Vue3是一辆超级跑车&#xff0c;那它的生态系统就是配套的加油站、维修站和改装厂。一个好的框架不仅要有强大的核心能力&#xff0c;还要有…...

编程新知 2026/5/20 1:05:59

技术从业者的时间管理：如何平衡工作、学习和生活

在敏捷开发大行其道、技术迭代日新月异的当下&#xff0c;软件测试从业者正面临着前所未有的时间压力。一边是项目交付的紧迫期限、层出不穷的缺陷排查需求&#xff0c;一边是自动化测试工具、AI测试框架等新技术的学习焦虑&#xff0c;再加上对个人生活品质的追求&#xff0c;…...

编程新知 2026/5/20 0:34:08

如何快速掌握League-Toolkit：英雄联盟玩家的终极辅助工具指南

如何快速掌握League-Toolkit&#xff1a;英雄联盟玩家的终极辅助工具指南 【免费下载链接】League-Toolkit An all-in-one toolkit for LeagueClient. Gathering power &#x1f680;. 项目地址: https://gitcode.com/gh_mirrors/le/League-Toolkit League-Toolkit是一款…...

编程新知 2026/5/20 0:10:03

B站视频转换神器：5分钟掌握m4s到MP4的无损转换

B站视频转换神器&#xff1a;5分钟掌握m4s到MP4的无损转换 【免费下载链接】m4s-converter 一个跨平台小工具&#xff0c;将bilibili缓存的m4s格式音视频文件合并成mp4 项目地址: https://gitcode.com/gh_mirrors/m4/m4s-converter 还在为B站缓存视频无法在其他播放器播…...

编程新知 2026/5/19 22:47:12

从单机到联网：手把手教你用NetCA为Oracle数据库配置‘电话线’（监听程序与本地网络服务）

从单机到联网&#xff1a;手把手教你用NetCA为Oracle数据库配置‘电话线’ 想象一下&#xff0c;你刚搬进一栋新公寓&#xff0c;已经熟悉了家里的水电开关&#xff08;本地Oracle安装&#xff09;&#xff0c;但还没登记电话号码&#xff08;监听程序&#xff09;和录入邻居联…...

编程新知 2026/5/19 22:07:32