webgl , three.js 资料收集

本文是作者学习WebGL时梳理知识脉络的产物。WebGL是HTML 5草案一部分,可驱动Canvas渲染三维场景,虽未广泛应用但潜力大。文中还介绍了JavaScript编写的WebGL第三方库Three.js,提供诸多3D显示功能,并分享了相关学习资源和精彩示例。

WebGL 技术储备指南  http://taobaofed.org/blog/2015/12/21/webgl-handbook/

WebGL 是 HTML 5 草案的一部分,可以驱动 Canvas 渲染三维场景。WebGL 虽然还未有广泛应用,但极具潜力和想象空间。本文是我学习 WebGL 时梳理知识脉络的产物,花点时间整理出来与大家分享。 示例WebGL 很酷,有以下 demos 为证: 寻找奥兹国赛车游戏划船的男孩(Goo Engine Demo) 本文的目标本文的预期读者是:不熟悉图形学,熟悉前端,希望了解或系统学习

 

threejs | 暮志未晚-个人博客站  https://www.wjceo.com/blog/threejs/

JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。

 

 

Three.js 现学现卖 https://aotu.io/notes/2017/08/28/getting-started-with-threejs/index.html

 

OpenGL ES着色器语言之内建函数(官方文档第八章)

https://blog.youkuaiyun.com/wangyuchun_799/article/details/7770500

 

 

lambert 和 phong光照原理:

局部光照模型及其BRDF 

https://blog.youkuaiyun.com/silangquan/article/details/45629149

 

以下是精彩示例:

粒子系统示例: http://up.qq.com/act/a20170301pre/index.html

webgl city demo

http://alteredqualia.com/three/examples/webgl_city.html

 

water ball demo

http://madebyevan.com/webgl-water/

 

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值