素材牛VIP会员
当前位置： 首页 » 网页特效 » 利用three-js实现3D全景图

利用three-js实现3D全景图

 所属分类：网页特效-图片特效

 浏览：7260次  评论：2次  更新时间：2019-01-19
牛币素材VIP可免积分下载
利用three-js实现3D全景图兼容IE10
 查看演示  立即下载 收藏
利用three-js实现3D全景图
 查看演示  立即下载
积分说明：注册即送10牛币，每日签到可获得5牛币，成为VIP会员可永久免牛币下载！   充值积分   充值会员   更多说明»
素材描述：利用threejs实现3D全景图，使用简单方便。
 标签：three3d全景图

详细介绍

实现代码不多，重要地方有注释。主要是图片的处理。

文件目录结构

  • images
    • ┝ negx.jpg
    • ┝ negy.jpg
    • ┝ negz.jpg
    • ┝ posx.jpg
    • ┝ posy.jpg
    • ┝ posz.jpg
  • ┝ index.html
  • js
    • ┝ CSS3DRenderer.min.js
    • ┝ index.js
    • ┝ three.min.js
展开查看全部

相关素材 - 图片特效

利用three-js实现3D全景图
利用three-js实现3D全景图
利用threejs实现3D全景图，使用简单方便。
 图片特效
 2    7260
环形图片展示轮播效果3D背景插件模板
环形图片展示轮播效果3D背景插件模板
环形图片展示轮播效果3D背景插件模板是一款将图片以3D效果的方式旋转展示，点击任意图片立即切换至当前首张图片。
 图片特效,图片滚动
 2    2892
jQuery可拖拽的3D万花筒图片旋转展示特效
jQuery可拖拽的3D万花筒图片旋转展示特效
这是一款通过jQuery跟CSS3 transform来实现在用户鼠标按下时，万花筒图片可以跟随鼠标进行3D旋转动画展示。
 图片特效
 0    3731
jQuery全景3D图片展示插件Theta Viewer
jQuery全景3D图片展示插件Theta Viewer
3d全景效果插件Theta Viewer,拖动可全方位查看全景图各个方位，真正的3D全境展示。
 图片特效
 0    3826
HTML5超炫酷的图片3D轮播幻灯片效果
HTML5超炫酷的图片3D轮播幻灯片效果
一款HTML5 3D幻灯片轮播特效代码推荐，过渡效果有极酷的3D特效，带有缩略图预览和加载进度条提示
 焦点图/幻灯片
 3    3333
html5电子书插件3D翻页效果电子书特效
html5电子书插件3D翻页效果电子书特效
html5适用于手机端3D电子书特效，3D翻页电子书。
 焦点图/幻灯片,图片特效
 1    3808
炫酷的元素周期表特效源码下载
炫酷的元素周期表特效源码下载
炫酷的元素周期表采用 Canvas绘制而成、这是一个炫酷的元素周期表特效，炫酷的3D效果亮瞎你的眼睛。
 动画效果
 3    2811
CSS3 鼠标经过3D翻转动画
CSS3 鼠标经过3D翻转动画
CSS3鼠标经过3D翻转动画
 图片特效,触屏/拖拽/下拉,动画效果,鼠标/悬停/点击
 2    2049

讨论这个素材（2）回答他人问题或分享使用心得会奖励牛币

Lv2 入门
he***ao  
2019年07月02日

这个我找了好久，CSS实现的，我要好好研究一下，谢谢分享

回复
Lv4 码徒
古***场  
2019年12月13日

好喜欢

回复
 文明上网，理性发言！   😉 阿里云幸运券，戳我领取
热门推荐 / HOT
最新发布 / NEW
我的牛币余额：0
所需牛币：5 开始下载

牛币获取：签到、评论、充值    » 在线充值（10牛币=1元）

此素材VIP可免积分下载  » 查看详情
联系我们关于我们获取牛币版权说明
客服标签
Copyright 2016-2022 © 素材牛（www.sucainiu.com）鄂公网安备 42090202000075号 - 鄂ICP备2021002952号-1