请选择 进入手机版 | 继续访问电脑版
查看: 1199|回复: 2

二十七个WEBGL动态实例和视频资源让你快速体验WEBGL的世界

[复制链接]

699

主题

738

帖子

4802

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
4802
发表于 2017-11-11 22:18:17 | 显示全部楼层 |阅读模式
本站提供的WEBGL高级在线学习教程:WEBGL中英文资源视频:【传送门】【版主力推】
【如果觉得教程不错,可以加入QQ群78925824一起交流】:

目前关于实例的代码已经全部打包上传,有需要的亲们请直接打包下载学习:链接: https://pan.baidu.com/s/1UY_QO-bLTColGyCAVeZZeQ 密码: 5q5t


网络上的一些经典的WebGL资源网站和WebGL开源引擎整理:



WEBGl学习网站:
5.Cg Standard Library Documentation:http://http.developer.nvidia.com/Cg/index_stdlib.html

WEBGL开源网站:
网络上的一些经典的WebGL资源网站和WebGL开源引擎整理
http://www.babylonjs.com/
http://threejs.org/
http://www.finalmesh.com/webglexamples.htm
http://www.glge.org/category/demos/
http://www.visualiser.fr/index.php
http://www.babylonjs.com/Demos/Retail/
http://oos.moxiecode.com/blog/index.php/experiments/javascript-webgl/
http://developer-autodesk.github.io/

【温馨提示】如果你的当前网络无法访问部分网站或者Google 搜索,请参考:科学上网新突破【持续更新】一文配置本地网络!
WEBGL综合案例DEMO:



A星寻路算法 3D 模拟:http://www.hightopo.com/demo/astar/astar.html


3D 汉诺塔算法演示:http://www.hightopo.com/demo/hanoi_20151106/index.html

3D 热力图:http://www.hightopo.com/guide/guide/plugin/forcelayout/examples/example_heatmap3d.html


Box2D 物理碰撞 3D 例子:http://www.hightopo.com/demo/box2djs/ht-box2d-demo.html

设备管理 EMS 系统:http://www.hightopo.com/guide/guide/core/databinding/examples/example_ems.html

Easing 动画类型:http://www.hightopo.com/guide/guide/plugin/form/examples/example_easing.html

3D 网络拓扑图:http://www.hightopo.com/guide/guide/plugin/forcelayout/examples/example_forcelayout3.html

书架场景,亮点自寻:http://www.hightopo.com/guide/guide/plugin/modeling/examples/example_bookshelf.html

灯光舞台流动场景:http://www.hightopo.com/guide/guide/core/lighting/examples/example_flowing.html

2D 和 3D 模型联动的可编辑房间场景:http://www.hightopo.com/guide/guide/plugin/modeling/examples/example_csgshape.html

各种样式的茶杯座椅场景:http://www.hightopo.com/guide/guide/plugin/modeling/examples/example_custommodel.html


一百行代码实现的 3D 贪吃蛇游戏:http://www.hightopo.com/demo/snake_20151106/GreedySnake.html

带可控制端口的 3D 服务器演示:http://www.hightopo.com/demo/hp5406/hp5406-rotation.html

脑洞打开了吧,其实纯 3D API 还是能做很多效果的,更多例子参考:http://www.hightopo.com/demos/index.html。另外你也可以采用 HT 辅助的 3D 编辑器所见即所得的快速搭建出三维场景:

当然不同的行业客户也会根据自己需要打造更适合自己项目的 3D 编辑器:

但纯 API 的方式对于复杂的模型就很难实现了,所以对于复杂的模型我们就可以利用主流的 3D 设计工具如 3DMaxs,Maya 或 Blender 等进行设计,然后导出 OBJ 格式供 HT 读入使用,可参考《HT for Web 的 OBJ 手册http://www.hightopo.com/guide/guide/plugin/obj/ht-obj-guide.html ,HT 手册中也有众多采用 OBJ 的应用例子:

可控指针的燃气表记:http://www.hightopo.com/guide/guide/plugin/obj/examples/example_meter.html

飞机飞行轨道例子:http://www.hightopo.com/guide/guide/plugin/obj/examples/example_path.html

摩托车模型结合灯光例子:http://www.hightopo.com/guide/guide/core/lighting/examples/example_pointlight.html

可开关复杂 3D 门窗:http://www.hightopo.com/guide/guide/plugin/obj/examples/example_room.html

跑道飞驰汽车:http://www.hightopo.com/demo/media/index.html

笔记本模型例子:http://www.hightopo.com/guide/guide/core/schedule/examples/example_network.html


可控燃气监控系统 http://www.hightopo.com/guide/guide/core/serialization/examples/example_exportimport.html

并且 OBJ 导入的模型依然可以进行数据绑定和动态实时驱动,这个话题后续我再以服务器扇叶旋转为例子展开详细介绍,本篇先到此为止,大家可玩下电信网管 3D 机房监控系统场景中,常见的服务器机柜和带风扇旋转功能的例子:http://www.hightopo.com/demo/fan3d/demo-enhanced.html







08.jpg




上一篇:快速撤回群里面的消息,再也不怕群广告咯
下一篇:功守道无水印版,看看大佬们在干啥
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案; 如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】。

0

主题

17

帖子

38

积分

新手上路

Rank: 1

积分
38
发表于 2018-8-9 18:38:06 | 显示全部楼层
这个webgl资源不错啊
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案; 如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】。
回复

使用道具 举报

699

主题

738

帖子

4802

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
4802
 楼主| 发表于 2018-8-10 18:35:04 | 显示全部楼层
目前关于实例的代码已经全部打包上传,有需要的亲们请直接打包下载学习:链接: https://pan.baidu.com/s/1UY_QO-bLTColGyCAVeZZeQ 密码: 5q5t
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案; 如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

微信扫一扫

我爱科技论坛(www.52tech.tech)旨在打造全网最大的免费资源共享平台。目前论坛包括考研资料、编程学习、黑科技/科学上网、开源软件等资源模块,竭力服务于正在学习道路上的每一个人。我爱科技论坛,爱科技,更爱分享。致力于营造一个资源丰富、内容完善的大型网络学习交流资源共享平台!

QQ|Archiver|手机版|小黑屋|我爱科技论坛 快乐学习交流

(请勿发布违反中华人民共和国法律法规的言论,会员观点不代表我爱科技论坛的官方立场)

Powered by Discuz! X3.4© 2001-2013 Technology Inc.

返回顶部 返回列表