#WebGL

WebGL(全写Web Graphics Library)是一种3D绘图协议

分享一个WebGL开发的网站-用JavaScript + WebGL开发3D模型

Jerry Wang @SAP

SAP · Developer (已认证)

今天我要给大家分享一个用WebGL开发的网站,感兴趣的朋友可以在Chrome开发者工具里调试它的源码来学习WebGL。

9450

WebGL2系列之引言

用户3158888

时光荏苒岁月如梭,不知不觉间,青丝变白发,哦不是,应该是WebGL已经发展到了2.0阶段:WebGL2,WebGL2相比WebGL增加了很多新的特性,这些新的特...

10720

canvas高效绘制10万图形,你必须知道的高效绘制技巧

用户3158888

最近的一个客户项目中,简化的需求是绘制按照行列绘制很多个圆圈。需求看起来不难,上手就可以做,写两个for循环。

8130

WebGL2系列之实例数组(Instanced Arrays)

用户3158888

实例化是一种只调用一次渲染函数却能绘制出很多物体的技术,它节省渲染一个物体时从CPU到GPU的通信时间。 实例数组是这样的一个对象,使用它,可以把原来的的uni...

9830

WebGL2系列之图元重启

用户3158888

在使用WebGL绘制图形的时候,大多数情况下,绘制一个图形的时候,其各个图元都是相连的。 但是在一些情况下,我们需要绘制图元不相连的图形,如果绘制的模式是gl....

8730

WebGL2系列之顶点数组对象

用户3158888

通过VAO可以简化缓冲区的绑定过程,即可以减少代码的调用次数,也提升了WebGL状态切换的效率。

9430

WebGL2系列之从WebGL1迁移到WebGL2

用户3158888

WebGL1中,有很多扩展功能,在WebGL1中使用这些功能,首先需要加载扩展,然后调用,而在WebGL2中,WebGL1的很多扩展功能可以直接在使用。

9730

干货分享:如何选择HTML5引擎?至关重要!

Layabox Charley

原生手游市场已是红海,腾讯、网易等寡头独霸天下,H5游戏市场成为下一个风口。然而,有一些H5游戏开发团队由于选择引擎不慎导致项目甚至团队夭折。如...

9030

LayaAir引擎入门教程:一篇学会用AS3语言开发HTML5(FlashDevelop开发环境)

Layabox Charley

开启WebGL模式后,在支持WebGL的环境下,会优先采用WebGL 3D模式渲染,在不支持WebGL的环境下,会自动切换为Canvas 2D渲染模式。

7640

LayaAir引擎入门教程:一篇学会用AS3语言开发HTML5(Flash Bulider开发环境)

Layabox Charley

开启WebGL模式后,在支持WebGL的环境下,会优先采用WebGL 3D模式渲染,在不支持WebGL的环境下,会自动切换为Canvas 2D渲染模式。

11740

入门教程:一篇学会LayaAir引擎开发HTML5(面向JS开发者)

Layabox Charley

开启WebGL模式后,在支持WebGL的环境下,会优先采用WebGL 3D模式渲染,在不支持WebGL的环境下,会自动切换为Canvas 2D渲染模式。

8640

LayaAir引擎入门教程:一篇学会用TypeScript语言开发HTML5

Layabox Charley

开启WebGL模式后,在支持WebGL的环境下,会优先采用WebGL 3D模式渲染,在不支持WebGL的环境下,会自动切换为Canvas 2D渲染模式。

15730

LayaAir引擎率先支持微信应用号,揭底微信小程序开发!

Layabox Charley

LayaAir引擎之所以能快速支持微信小程序的开发,得益于小程序框架支持画布模式,实现了画布的常规功能。而LayaAir的设计是基于画布和WebGL的,遗憾的是...

9620

基于 HTML5 WebGL 的计量站三维可视化监控系统 Web 组态工控应用 顶

HT_hightopo

得益于 HTML5 WebGL 技术的成熟,从技术上对工控管理的可视化,数据可视化变得简单易行!完成对工控设备的管理效率,资源管理,风险管理等的大幅度提高,同时...

10220

基于 HTML5 WebGL 的地铁站 3D 可视化系统 顶

HT_hightopo

工业互联网,物联网,可视化等名词在我们现在信息化的大背景下已经是耳熟能详,日常生活的交通,出行,吃穿等可能都可以用信息化的方式来为我们表达,在传统的可视化监控领...

11330

LayaAir引擎放弃Canvas API,打造次世代3D引擎与云游戏引擎,提供AI赋能!

Layabox Charley

2015年,Layabox在研发第二代引擎LayaAir的时候 ,率先推出了WebGL与Canvas同时兼容的模式,并且对引擎进行了极致优化设计,所以整体性能有...

9720

Layabox谢成鸿:我与程序之道

Layabox Charley

记得1998年打电话给余雪松,我兴奋的说,我已经将游戏中设计元素精简统一了。世界只有两个基础概念:元素、树结构。窗口、菜单、按钮这些概念,通通去掉。...

9150

H5行业的裸跑游戏顶级大作《梦幻家园》最新数据大曝光!

Layabox Charley

H5大型游戏能裸跑,除了引擎的极致优化,也离不开WebGL的底层支持。通过《梦幻家园》的测试数据,我们发现在Android系统的WebGL的不支持率在15%左右...

7520

HTML5的时代来了,LayaAir引擎API、同屏500动画性能DEMO及源码首度曝出!

Layabox Charley

2、FPS后的(3D)表示为WebGL模式渲染,(2D)表示Canvas模式渲染,LayaAir引擎产品在不支持WebGL的浏览器中,会自动切换为Canvas模...

9220

Layabox解读微信全面升级X5 Blink内核,H5游戏行业重大利好

Layabox Charley

在Layabox之前的公众号报道里提出一个数据,那就是微信的安卓系统版本,对于WebGL的不支持率达到15%,如今TBS 2.0的推出,将使微信的WebGL的不...

7040

扫码关注云+社区

领取腾讯云代金券