当前位置: 首页 > Web前端 > HTML5

BuginWebGLdrawingLine(1)

时间:2023-04-05 13:00:33 HTML5

插入广告(长期有效)MONO需要在武汉招聘JavaScript工程师。几个要求:对于前端技术(JavasScript、HTML、CSS),对于可视化技术(Canvas、WebGL)基础不好可以培养浓厚的兴趣,基础好可以谋大事物。如果您有兴趣,给我发邮件:hr@servasoft.com--------------------------------------------------------------文本分割线----------------------------------------------------------------说点相关的吧今天到WebGL。不知道大家有没有遇到过类似的问题。熟悉WebGL的同学都知道,WebGL的绘制模式分为点、线、面三种;粒子系统可以通过点绘制来实现,一些连接关系可以通过线来绘制;表面很强大。通过表面,我们可以画出我们想要的东西。绘制的所有3D对象。一切看起来都很完美,完美。然而,不幸的是,WebGL在绘制线条时,有一个缺陷,即在某些机器的某些浏览器上(应该是大多数情况下),线宽只能设置为1,而不能设置为其他值。通过网站http://alteredqualia.com/tmp/...,我们可以测试一下我们的电脑是否存在无法设置线宽的bug。下面是我电脑(mac电脑)使用chrome(版本59.0.3071.115)的测试效果:(马蛋,以前mac下的chrome好用,看来病越来越严重了)试试使用firefox:在firefox下好像正常。其实这是一个长期存在的bug,以下地址为证:https://bugs.chromium.org/p/c...很久以前有人提过,但一直没有得到解决。这是一种可以治愈的病,但是那些大浏览器不想给药。只能想一些偏方来治疗自己。食谱是什么?由于Line的线宽是最底层的问题,我们解决起来并不容易;但是,我们可以考虑通过绘制面来模拟线。线的特点是宽度不随镜头的变化而变化。达到仿真的效果。下一篇文章将介绍如何通过三角形(面)来模拟画线。如果你对WebGL感兴趣,可以了解一下我们用WebGL开发的3D机房项目:HTML5,不仅好看(下篇:打造最美3D机房)