实例介绍
使用Three.js做的一个3D书架,书架可以放大,缩小,拖拽和旋转,书架上有书,点击书本可以查看书本信息,想学Three.js的朋友可以下载参考,直接运行"3D书店.html"文件就可以了。
【实例截图】
【核心代码】
3D书店
└── 3D书店
├── 3D书店.html
├── audio
│ └── Shall We Talk.mp3
├── bookshelf1.html
├── bookshelf2.html
├── bookstore
│ ├── pano_b.jpg
│ ├── pano_d.jpg
│ ├── pano_f.jpg
│ ├── pano_l.jpg
│ ├── pano_r.jpg
│ └── pano_u.jpg
├── demo.html
├── images
│ ├── banner.jpg
│ ├── bg.png
│ ├── book_01.jpg
│ ├── book_02.jpg
│ ├── book_03.jpg
│ ├── book_04.jpg
│ ├── book_05.jpg
│ ├── book_06.jpg
│ ├── book_07.jpg
│ ├── book_08.jpg
│ ├── book_09.jpg
│ ├── book_10.jpg
│ ├── book_11.jpg
│ ├── book_12.jpg
│ ├── book_13.jpg
│ ├── book_14.jpg
│ ├── book_15.jpg
│ ├── book_16.jpg
│ ├── book_17.jpg
│ ├── book_18.jpg
│ ├── book_19.jpg
│ ├── book_20.jpg
│ ├── book_21.jpg
│ ├── book_22.jpg
│ ├── book_23.jpg
│ ├── book_24.jpg
│ ├── bs_wood_01_bump.jpg
│ └── bs_wood_01.jpg
├── img
│ ├── 01.jpg
│ ├── 02.jpg
│ ├── 03.jpg
│ ├── 04.jpg
│ ├── 05.jpg
│ ├── 06.jpg
│ ├── 07.jpg
│ ├── 08.jpg
│ ├── 09.jpg
│ ├── 10.jpg
│ ├── 11.jpg
│ ├── 12.jpg
│ ├── a17.png
│ ├── loading.gif
│ ├── t01.png
│ ├── thumb-01.jpg
│ ├── thumb-02.jpg
│ ├── thumb-03.jpg
│ ├── thumb-04.jpg
│ ├── thumb-05.jpg
│ ├── thumb-06.jpg
│ ├── thumb-07.jpg
│ ├── thumb-08.jpg
│ ├── thumb-09.jpg
│ ├── thumb-10.jpg
│ ├── thumb-11.jpg
│ └── thumb-12.jpg
├── jquery.html
├── js
│ ├── CSS3DRenderer.js
│ ├── dat.gui.js
│ ├── Detector.js
│ ├── jquery-1.11.0.min.js
│ ├── jquery-3.1.1.js
│ ├── jssor.slider-21.1.6.mini.js
│ ├── MTLLoader.js
│ ├── OBJLoader.js
│ ├── OBJMTLLoader.js
│ ├── OrbitControls.js
│ ├── share.js
│ ├── three.js
│ └── TrackballControls.js
├── models
│ ├── book_10.json
│ ├── book_11.json
│ ├── book_12.json
│ ├── book_13.json
│ ├── book_14.json
│ ├── book_15.json
│ ├── book_16.json
│ ├── book_17.json
│ ├── book_18.json
│ ├── book_19.json
│ ├── book_1.json
│ ├── book_20.json
│ ├── book_21.json
│ ├── book_22.json
│ ├── book_23.json
│ ├── book_24.json
│ ├── book_2.json
│ ├── book_3.json
│ ├── book_4.json
│ ├── book_5.json
│ ├── book_6.json
│ ├── book_7.json
│ ├── book_8.json
│ ├── book_9.json
│ ├── shelf2.json
│ ├── shelf3.json
│ └── shelf.json
├── pisa
│ ├── nx.png
│ ├── ny.png
│ ├── nz.png
│ ├── px.png
│ ├── py.png
│ └── pz.png
└── vr-btn
├── 0920121066-2620x2620_100x70_0.jpg
├── 0920347439-2619x2619_100x70_0.jpg
├── 0920378152-2615x2615_100x70_0.jpg
├── 0921136891-2635x2635_100x70_0.jpg
├── 11.jpg
├── music_pause.png
├── music_play.png
├── thumb.jpg
├── vr-btn-music.png
└── vr-btn-scene.png
9 directories, 123 files
标签:
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论