本科以下学历速看!!!免试入学,居家就能拿本科!
[38章]Three.js可视化系统课程WebGL(23年10月最新版+700多课时),视频+源码+课件,全网最全系列!
WebGL 是一个 JavaScript API,用于在任何兼容的 Web 浏览器中呈现交互式 3D 图形,而无需使用插件。WebGL 应用程序由用 JavaScript 编写的控制代码和在计算机 GPU 上执行的特殊效果代码组成。WebGL 元素可以与其他 HTML 元素混合,并与页面或页面背景的其他部分组合。
WebGL 浏览器报告检查 Web 浏览器中的 WebGL 支持,生成 WebGL 设备指纹识别,并显示其他 WebGL 和 GPU 功能或多或少相关的 Web 浏览器标识。
WebGL在使用图片上有着比Canvas2D更强的限制,就是说WebGL不能随意使用网络获图像, 还有一点需要注意的是WebGL读取本地数据的速度很快。
WebGL 1 可以看成是OpenGL ES 2 的javascript移植, 类似的,WebGL 2 可以看做是OpenGL ES 3 的javascript移植。所以大部分的特性可以去对应到OpenGL ES 3中的特性,当然有些细节上会有出入(比如texture swizzle是不支持)。
这些新特性除了可以从WebGL 2 spec中找到,也可以去寻找OpenGL ES 3的书籍来大略了解。当然我非常推荐到我们的WebGL 2 Samples Pack去直接寻找新的特性及其用法,一般每个特性都有对应的sample。比较重要的特性有:uniform buffer objectvertex array objecttransform feedbackmultisample fbomultiple render targets一系列texture相关:texture lod, texture 2d array, texture 3d, 压缩格式texture等等。
WebGL是什么
GPU ≠ WebGL ≠ 2D
WebGL是浏览器上的OpenGL
需要一定计算机图形学基础和线性代数基础
WebGL(全写Web Graphics Library)是一种3D绘图协议,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。
显然,WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等等。
和传统的3D方案相比,WebGL具有如下一些优点
。WebGL 是内嵌在浏览器中的,无需安装插件和库就可以直接使用
。可以在多平台上运行 WebGL 程序
。让海量数据的二维可视化成为了可能
。开发环境简单,仅需文本编辑器和浏览器就可以编写三维图形程序
上一篇:遂宁一中历史教师赴成都石室联合中学教研学习
下一篇:【明日主题前瞻】华为打造自主的计算生态 机构指出这类软硬件企业或将受益
最近更新继续教育
- 黄山屯溪区:秋风迎诗意 教研唤灵思
- 给您提个醒!社保待遇资格认证别忘了办,认证时间可以自己挑个好记的日子
- 雄安新区城市鸿蒙生态正式启动!
- 打破规模天花板:复杂科学怎样框定企业幂律增长路线图?
- 根植文化自信 福建师大少数民族学生与艺术名家面对面
- 兰大师生参加第18届锕系及裂片核素在地圈中的化学与迁移行为国际会议
- 祝贺!兰大校友吴照华夺得2023年世界武搏运动会男子刀棍全能金牌
- 以更强信心冲刺决战目标
- 原创突发!记者曝出争议猛料,球迷吐槽:中超联赛就是个天大的笑话
- 观烟台·观商务丨刚刚,烟台在这里温情亮相
- 华中科技大学校长尤政:校友已成为学校的一张亮丽名片,和一笔宝贵财富
- 66年血脉情缘历久弥深,“交大”回来了丨西南交通大学唐山园区正式启用
- 朱钰峰出席第十三届苏港澳青年发展论坛
- 新西兰留学申请
- 自主与合资企业频出招,海外出口成弱势车企“救心丸”
- 托福写作如何得高分
- 海南大学海洋科学与工程学院院长沈义俊:培养海洋科技人才 助力海南海洋强省建设
- 综测推免双第一,保研上财,她用行动创造不凡
- @毕业生:收藏好这份秋招指南 让你“遥遥领先”
- 托福雅思哪个难考
- moto razr 斩获双 11 小折叠多项销量第一,还公布全新智变柔性屏新机
- 着眼国家战略需求培养高素质人才
- 促进贸易畅通 推动经贸合作迈上新台阶
- 双峰县教育系统:厚德仁爱尊老爱贤 凝心聚智共谋振兴
- 郝明金出席上海中华职业教育社第七次代表会议