我想做一个产品展示网页 3D模型文件都有。
用three.js好像需要浏览器支持 用flash好像手机不能看.
不需插件 不需特定浏览器的 可以在手机上也可以看的
请问可以实现吗?
需要哪方面的技术 用什么实现。最好有演示。
比如:https://sketchfab.com/
用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环境下的模型。
我用的Three.js做的效果勉强还行啊,这个不需要什么浏览器支持,只是浏览器的内核不一样,IE内核的需要配置一下。但是交互性不好。目前还在研究交互性怎么更好的实现,
这个是效果图,调用OBJLoad库就行了。有问题互相交流
追问three.js 但是一般的有些用户 根本不会配置阿 还有three.js支持手机浏览么
追答Threejs不用配置 如果不配置的话 普通浏览器渲染的比较慢 加载比较慢;因为Chrome内核的是比较好的;
你自己用ThreeJS来显示三维模型的时候 只需要在程序开头调用里面的库函数就行,比如
src=“你需要的库函数”。即可。
目前的话我做的是PC端,没有试过手机端,但是显示的问题一般都属于渲染,手机支持的。
我用360 IE 9.0 根本打不开three.js的 而且我不是要做单一几个产品的展示 我想做几百几千个产品的展示 效果还不是重点 重点是比较好转换 比较好套用 比较方便浏览。比如https://sketchfab.com/
追答是这样的,可能你没有理解或者我表述的有问题,Three.js只是一个帮助三维模型显示的库函数,本身是不能显示的。你在你的代码里Load进去你需要的库函数即可,比如:
这是我在代码中引用的需要的库函数(three.js-dev是在官网下载的Three.js库),一个是显示,一个是导入模型,具体代码你还可以去Three.js库中查看源码。
另一个关于浏览器显示的问题,Chrome的没问题吧,如果你非用IE内核的,那么你在代码里添加浏览器兼容性代码,把IE内核的兼容进去,这样用户就不需要设置什么了啊。
最后一个关于你说的展示问题,这个属于你的布局问题,比如你在整个页面设置div,以及图片排列,一个网页显示多少个,你自己设置,在每个属性里均调用库函数,你写在代码里,这样展示。至于Three.js的展示效果,目前我实现的是悬浮效果,鼠标可以指示操作,还不能旋转操作。就这些。