webGL

webGL

文章 148 浏览 698

WebGL的顶点着色器和片元着色器该怎么理解?

最近我在掘金平台买了一个小册子,《WebGL 入门与实践》我才看了2章,感觉对顶多着色器和片元着色器这两个概念很模糊,给我个人的感觉就是顶点就是在c…

长伴 2022-09-11 18:45:20 15 0

高斯模糊中的水平模糊和竖直模糊指什么?

网上查到高斯模糊简单的说就是将某个点的颜色设定为周围像素点均值,比如取周围最近的八个像素点。这样为什么会有水平模糊和竖直模糊之分?…

凹づ凸ル 2022-09-11 18:20:18 27 0

openGL对纹理坐标系平移旋转后图形被拉伸怎么处理?

想画一个如下所示的近似的椭圆: 我的思路是对一个圆进行旋转缩放。首先我对纹理坐标系进行了变换,uv = 2.0*uv-1.0; 之后对横轴坐标进行缩小:uv.x …

梦醒时光 2022-09-11 18:18:22 37 0

openGL,webGL如何在纹理中间画一个光圈?

如何画在纹理中间画一个光圈,原本代码写成这样: vec2 position = (uv * 2.-1.0) * vec2(1.0, 1.0); float d = abs( length(position) - 0.8) * 5.0…

心作怪 2022-09-11 18:14:34 22 0

threejs里,renderer的size如果不为window的宽高的话,射线拾取就会发生错误,该怎么解决?

我想把threejs的demo嵌到一个div里面,再改变这个renderer的大小来放入我其他的页面里,结果发现renderer的尺寸变化之后,射线拾取好像就发生错误了…

一口甜 2022-09-11 14:57:50 22 0

three.js 怎么点击加载完成的gltf模型?

加载gltf文件的代码如下: function loadGLTF(path, fileName) { var loader = new THREE.GLTFLoader(); loader.load(`${path}${fileName}.gltf`, fu…

少钕鈤記 2022-09-11 14:46:46 20 0

Three.JS制作大量不同对象,如何保证帧数和内存

需用ThreeJS制作物体,但物体的形状无法预测,所以没法事先生成存储。在运动中(依靠setinterval)生成会使帧数很低;而且不知为何明明没运行很长时间…

临风闻羌笛 2022-09-07 23:56:06 40 0

如何用three.js实现无缝轮播横幅效果(有网站示例)?

问题描述 想实现three.js官方示例网站https://www.with.in/中的背景效果。 问题出现的环境背景及自己尝试过哪些方法 尝试了很多方法,目前实现了移动…

一刻暧昧 2022-09-07 22:51:18 22 0

如何用echarts-gl或者threejs绘制三维天线增益效果图

需求描述 最近遇到个需求,要求在web上绘制无线基站上天线的3D增益效果图(天线辐射方向图),绘制完成后的大致效果如下: 数据来源是两组极坐标数据…

放手` 2022-09-07 21:28:19 27 0

为什么更改顶点位置,webGL渲染图像不变化?

代码如下图所示,更改vertexs 绘制彩色三角形 var glCanvas = document.getElementById('glcanvas'); var gl = glCanvas.getContext('webgl'); var v…

彡翼 2022-09-07 21:08:21 19 0

比如我有20个点,平均的分布在球体上,我该如何计算

题目描述 在学习 three.js 的过程中,看到了使用three.js绘制一个球体的过程,其中关键的部分,给出一定数量的点,平均的分布在一个球体上,他的代码…

早茶月光 2022-09-07 20:26:21 29 0

threejs创建的三维曲线如何控制其缓慢增长

问题描述 CatmullRomCurve3 生成的曲线会整条显示,怎么让其慢慢变长 相关代码 var curve = new THREE.CatmullRomCurve3( [ new THREE.Vector3( 0, 0…

荒人说梦 2022-09-07 19:54:33 20 0

如何才能在前端设置三维模型的AABB包围盒呢?

如题,我通过webGL将三维模型加载到页面,但是有些模型的位置,大小,角度等等,不是特别合适,想做一个前端的自动归一化,标准化三维模型的脚本。我…

猫瑾少女 2022-09-07 16:47:48 18 0

layabox该怎么搭建一套合理的目录结构?

太久没写Canvas的h5了,最近都在做页面搭建的活,深感一个好的项目维护起来,合理的目录结构是很重要的。 之前写canvas h5,用的createjs,所有的方法…

桜花祭 2022-09-07 11:52:58 32 0

three.js怎么改变贴图的透明度?

我创建的一个球模型, 再在模型上贴了一张图片, 然后缓慢的让这个球消失,改变透明度没有效果! 求赐教 付完整代码: var w = window.innerWidth - …

把昨日还给我 2022-09-07 11:44:17 26 0
更多

推荐作者

胡图图

文章 0 评论 0

zt006

文章 0 评论 0

z祗昰~

文章 0 评论 0

冰葑

文章 0 评论 0

野の

文章 0 评论 0

天空

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文