‘壹’ 如何3d模型在web网页显示展示用什么技术
用threejs很容易做到,加载模型到网页上显示出来。要想添加点击效果,再加些代码来判断点击到哪个模型,要弹窗什么东西。
Threejs是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精彩的演示。
不过,这款引擎还处在比较不成熟的开发阶段,其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度(尤其是文档的匮乏)three.js的代码托管在github上面。
3d模型就是三维的、立体的模型,D是英文Dimensions的缩写。
3D模型也可以说是用三维软件建造的立体模型,包括各种建筑、人物、植被、机械等等,比如一个大楼的3D模型图。3D模型也包括玩具和电脑模型领域。
3D模型也分为:人物,交通运输,建筑装饰,家具电器,机械,动物、怪物、植物,服装,饰品,日常用品,乐器,艺术品等等。
譬如,欧式家具3D模型沙发座椅、床、餐椅、居室灯具、衣柜、电器等。欧式3D模型在室内设计表现风格中常用到,一般常用3D模型欧式沙发类,见图1-欧式沙发3D模型。
发展历史:
互联网的形态一直以来都是2D模式的,但是随着3D技术的不断进步,在未来的5年时间里,将会有越来越多的互联网应用以3D的方式呈现给用户,包括网络视讯、电子阅读、网络游戏、虚拟社区、电子商务、远程教育等等。甚至对于旅游业。
3D互联网也能够起到推动的作用,一些世界名胜、雕塑、古董将在互联网上以3D的形式来让用户体验,这种体验的真实震撼程度要远超的2D环境下的模型。
‘贰’ 怎样在网页中展示3d模型
如果要仔细回答的话,估计得需要很多篇论文来详细解说才行了。
按照制作路线简单说一下:
1、把3D模型准备好,需符合webgl上实时渲染规则(模型面数、材质模式、贴图规范、灯光及相机调整)
2、网页的UI设计稿到位
3、程序人员开始编写网页代码
4、网页开发完成提测
5、测试通过之后正式发布
以上就是大体的在网页上呈现实时渲染的3D模型(可360度旋转、缩放查看模型),是不是觉得有些脑袋大,需要3D美术、UI设计、程序开发、测试人员等通力配合才行,而且所耗时间也不少。
其实现在国内外已经有在线工具网站可以直接让3D美术快速完成一个模型在网页上的渲染呈现而且不需要UI和程序人员介入,免费使用的比如:sketchfab、Google poly、playcanvas、动动三维、腾讯磨坊等等