搜索结果
查询Tags标签： WebGL，共有 68条记录-
webgl 图像处理 加速计算
webgl 图像处理webgl 不仅仅可以用来进行图形可视化, 它还能进行图像处理图像处理1---数据传输 webgl 进行图形处理的第一步: 传输数据到 GPU 下图为传输点数据到 GPU 并进行相应渲染的结果数据传输过程创建 canvas 元素, 用来承接 GPU 生成的数据 获取 context, program …
2021/9/18 6:11:28 人评论 次浏览 -
webgl 图像处理 加速计算
webgl 图像处理webgl 不仅仅可以用来进行图形可视化, 它还能进行图像处理图像处理1---数据传输 webgl 进行图形处理的第一步: 传输数据到 GPU 下图为传输点数据到 GPU 并进行相应渲染的结果数据传输过程创建 canvas 元素, 用来承接 GPU 生成的数据 获取 context, program …
2021/9/18 6:11:28 人评论 次浏览 -
webGL入门(1)
1.什么是webGL? webgl就是在网页上绘制和渲染图形(3D图形),并允许用户与之进行交互; 2.我为什么学webGL? 游戏开发中优化性能，它在web上可以开发直接查看效果，便于转化到游戏开发中理解。 3.最简单的webGL程序(清空绘图区) <!DOCTYPE html> <html lang="…
2021/8/4 23:09:33 人评论 次浏览 -
webGL入门(1)
1.什么是webGL? webgl就是在网页上绘制和渲染图形(3D图形),并允许用户与之进行交互; 2.我为什么学webGL? 游戏开发中优化性能，它在web上可以开发直接查看效果，便于转化到游戏开发中理解。 3.最简单的webGL程序(清空绘图区) <!DOCTYPE html> <html lang="…
2021/8/4 23:09:33 人评论 次浏览 -
WebGIS vs WebGL图形编程
本文转自 WebGIS vs WebGL图形编程 请支持原创！目前工作中有不少涉及到地图的项目，我参加了几次技术评审，前端伙伴们在 WebGIS 方面的知识储备稍有不足，这次分享的主要目的是科普一些在前端领域比较常用的 WebGIS 知识。另外，我之前的工作中积攒了一些从零开始搭建 W…
2021/6/17 12:29:44 人评论 次浏览 -
Unity WebGL请求Http接口出现的Cors跨域问题
1.运行环境 （1）WebGL运行浏览器：Firfox Quantum 67.0（64位） （2）服务端API运行环境：IIS，.Net Core 2.1 API2.问题：CORS 头缺少Access-Control-Allow-Origin 问题原因：由于浏览器的同源策略（了解同源策略详见文章结尾的参考资料），不同源（不同域名）之间的交互…
2021/5/19 10:55:18 人评论 次浏览 -
WebGL与Canvas的显存与内存使用分析
随笔～ 分析一下两者的内存使用。 按2048为基准，进行相关测试，现在移动设备基本都达到这个分辨率。 <canvas id="canvas" height="2048" width="2048"></canvas> Canvas模式 如果是纯使用Canvas渲染，不涉及到WebGL,内存占用…
2021/4/27 7:28:22 人评论 次浏览 -
【十天自制软渲染器】DAY 04：Z-buffering
如果你喜欢我的文章，希望点赞👍 收藏 📁 评论 💬 三连一下，谢谢你，这对我真的很重要！在第三天的学习中，我们学会了如何利用重心坐标算法画三角形，并运用三角形绘制算法把人头模型画了出来。虽然最后的渲染结果能看出来这是个脑袋，但是嘴巴处有很明显的穿帮。…
2021/2/9 14:11:15 人评论 次浏览 -
【十天自制软渲染器】DAY 03：画一个三角形（向量叉乘算法 & 重心坐标算法）
前面两天画了点和线，今天我们来画一个最简单也是最强大的面——三角形。本文主要讲解三角形绘制算法的推导和思路（只涉及到一点点的向量知识），最后会给出代码实现，大家放心的看下去就好。本文源码 👉：toyRenderer-day3-draw-triangle1.如何画一个三角形？在正式开…
2021/2/3 5:10:48 人评论 次浏览 -
three.js-WebGL引擎，用于数据3D可视化展示。
` WebGL1.0标准2011年发布以来，至今天2017年，经过了大约6年。现在多数浏览器最新版本已经能够支持WebGL1.0标准，包括移动端浏览器。贫道喜欢把团队用SolidWorks软件设计的机械零件在个人网站解析出来，工程师之间可以随时随地用手机浏览器访问网站，打开零件相互交流，…
2021/1/15 14:08:24 人评论 次浏览 -
【十天自制软渲染器】DAY 01：图形学学习建议与环境搭建
推荐直接阅读博客原文，更新更及时，阅读体验更佳如果你觉得我写的不错，就给我个点个赞吧🌟！谢谢你，这对我真的很重要！「十天自制软渲染器」这个标题我承认标题党了.在对图形学一无所知的情况下想十天自制一个软渲染器，就好似一节课没上过却试图一个晚上看完《30 天…
2021/1/14 14:08:17 人评论 次浏览 -
THREE.js添加多个castShadow的光源报错原因分析
最近使用THREE.js在场景中添加了30个左右castShadow的光源，然后在控制台报错：THREE.WebGLProgram: shader error: 0 35715 false gl.getProgramInfoLog Varyings over maximum register limit 本文记录下这个报错的原因。varying的含义首先看下Varyings over maximum r…
2020/10/16 14:03:44 人评论 次浏览 -
用 WebGL 做一个齿轮动画
原文：Aral Roca翻译：疯狂的技术宅https://aralroca.com/blog/how...未经允许严禁转载本文继续 “WebGL 的第一步” 中的内容，上一篇文章中我讲述了 WebGL是什么以及它是如何工作的，包括：shader、program、缓冲区、如何将数据从 CPU 链接到 GPU 和最终怎样渲染三角形。…
2020/9/22 14:03:48 人评论 次浏览 -
开发WebGL的第一步
作者：Aral Roca翻译：疯狂的技术宅原文：https://aralroca.com/blog/fir...未经允许严禁转载在本文中，我们将了解什么是 WebGL，以及如何通过与 GPU 进行对话来绘制“三角形”。尽管有更好的方法来实现本文中的例子，例如用具有 2d 上下文的 canvas 甚至可以用 CSS，但我…
2020/9/21 14:04:07 人评论 次浏览 -
「译」如何使用 WebGL 进行实时视频处理
原文地址：Realtime video processing with WebGL原文作者：Lea Rosema这是我最近在 CodePen 上制作的 WebGL 演示案例。它可以捕获网络摄像头的数据（或在无法访问网络摄像头时，从 placekitten 获取备用图像），并将其实时转换为 ASCII 图像艺术。为了获得更多的复古性，…
2020/8/30 14:03:36 人评论 次浏览
