如何3d模型在web网页显示展示?用什么技术

我想做一个产品展示网页3D模型文件都有。用three.js好像需要浏览器支持用flash好像手机不能看.不需插件不需特定浏览器的可以在手机上也可以看的请问可以实现吗?需要... 我想做一个产品展示网页 3D模型文件都有。
用three.js好像需要浏览器支持 用flash好像手机不能看.
不需插件 不需特定浏览器的 可以在手机上也可以看的
请问可以实现吗?
需要哪方面的技术 用什么实现。最好有演示。
比如:https://sketchfab.com/
展开
 我来答
link专注休闲娱乐
高能答主

2021-09-10 · 关注影视娱乐,关心休闲娱乐
link专注休闲娱乐
采纳数:169 获赞数:61130

向TA提问 私信TA
展开全部

用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环境下的模型。

百度网友5ccffc8
2016-10-17
知道答主
回答量:25
采纳率:0%
帮助的人:13.6万
展开全部

我用的Three.js做的效果勉强还行啊,这个不需要什么浏览器支持,只是浏览器的内核不一样,IE内核的需要配置一下。但是交互性不好。目前还在研究交互性怎么更好的实现,

这个是效果图,调用OBJLoad库就行了。有问题互相交流

更多追问追答
追问
three.js 但是一般的有些用户 根本不会配置阿  还有three.js支持手机浏览么
追答
Threejs不用配置 如果不配置的话 普通浏览器渲染的比较慢 加载比较慢;因为Chrome内核的是比较好的;
你自己用ThreeJS来显示三维模型的时候 只需要在程序开头调用里面的库函数就行,比如
src=“你需要的库函数”。即可。
目前的话我做的是PC端,没有试过手机端,但是显示的问题一般都属于渲染,手机支持的。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
人性如此395
2019-01-17 · TA获得超过108个赞
知道答主
回答量:106
采纳率:0%
帮助的人:8.1万
展开全部
其实直接使用网页平台就可以了,自己编写代码,非常的便利,我推荐两个国内外的平台网站。
国外的推荐Sketchfab,上传之后模型效果非常的不错,但是只能在电脑上观看,还需要有VPN,或者说网速及其的快。
国内的推荐动动三维,上传后跟Sketchfab差不多的模型效果,而且在电脑,平板,手机上都可以观看,平板和手机只需要扫描你发布作品后生成的二维码,发布作品之后可以自动生成二维码。
动动三维,也不局限于3D模型展示,还可以制作很多的交互,然后完成一个3DH5的作品,对于商用挺不错的,我在给客户做东西时,就是用的这个。
具体操作我就不详说了,网站上有操作教程,后续需要自己细细专研了。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
CGWANG王氏教育集团
2021-11-11 · 百度认证:广州市王氏教育科技有限公司官方账号
CGWANG王氏教育集团
专注于CG绘画/影视/剪辑/后期/3D模型/游戏设计/短视频制作等职业教育。 官方APP:绘学霸(应用市场搜索) 官网:www.cgwang.com 网校:www.huixueba.net
向TA提问
展开全部
你可以先去【绘学霸】网站找“3d建模”板块的【免费】视频教程-【点击进入】完整入门到精通视频教程列表: www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=307&zdhhr-11y04r-1544186043961294467

想要系统的学习可以考虑报一个网络直播课,推荐CGWANG的网络课。老师讲得细,上完还可以回看,还有同类型录播课可以免费学(赠送终身VIP)。

自制能力相对较弱的话,建议还是去好点的培训机构,实力和规模在国内排名前几的大机构,推荐行业龙头:王氏教育。
王氏教育全国直营校区面授课程试听【复制后面链接在浏览器也可打开】: www.huixueba.com.cn/school/3dmodel?type=2&zdhhr-11y04r-1544186043961294467

在“3d建模”领域的培训机构里,【王氏教育】是国内的老大,且没有加盟分校,都是总部直营的连锁校区。跟很多其它同类型大机构不一样的是:王氏教育每个校区都是实体面授,老师是手把手教,而且有专门的班主任从早盯到晚,爆肝式的学习模式,提升会很快,特别适合基础差的学生。

大家可以先把【绘学霸】APP下载到自己手机,方便碎片时间学习——绘学霸APP下载: www.huixueba.com.cn/Scripts/download.html
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
DoramiHe
推荐于2017-10-19 · 知道合伙人互联网行家
DoramiHe
知道合伙人互联网行家
采纳数:25332 获赞数:59542
2011年中山职业技术学院毕业,现担任毅衣公司京东小二

向TA提问 私信TA
展开全部
可以通过使用three.js实现在网页上显示3D模型,具体操作方法如下:
1、先用proe转成obj格式的文件,再用OBJLoader.js将其载入即可实现。

2、试过转成vtk的格式,在Chrome可以显示,但在ie11没显示。

3、浏览器需Chrome 及 ie11以上。不用装额外插件及flash。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(10)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式