原文:使用 ThreeSixty 创建可拖动的 360 度全景图片预览效果

ThreeSixty是生成可拖动的 度预览图像序列的 jQuery 插件。只需要在你的 HTML 页面包引入最新的 jQuery 和 threesixty.js 文件就可以使用了,支持键盘上的箭头键,也支持触摸和移动设备。可以使用 nextFrame 和 prevFrame 绑定 UI 控件。 官方网站 在线演示 插件下载 示例 HTML: lt div class threesixty dat ...

2013-02-25 12:38 0 8003 推荐指数:

查看详情

基于Three.js的360X180全景图预览插件

基于Three.js的360X180全景图预览插件 时间 2015-08-12 10:01:10 HTML5中国 原文 http://www.html5cn.org/article-8621-1.html 主题 Three.js ...

Thu Jul 21 01:51:00 CST 2016 2 10150
Pannellum 360全景图片展示

1、介绍 Pannellum是用于Web的轻量级,免费和开放源代码的360全景图片查看器。它是使用HTML5,CSS3,JavaScript和WebGL构建的,没有插件。 提供了大图片切片工具generate.py Python脚本,可展示多分辨率图片。 2、影像切片 也可以不切 ...

Tue Dec 15 03:30:00 CST 2020 0 813
VUE---VR全景360图片预览【完整代码】

最近遇到一个需求,要实现VR全景360进行图片预览,话不多说,上代码: 第一步:安装three.js 第二步:引入 完整代码: 打完收工! ...

Fri Mar 25 19:39:00 CST 2022 1 1599
HTML5 Canvas实现360全景图

原文:http://blog.csdn.net/jia20003/article/details/17172571 很多购物网站现在都支持360实物全景图像,可以360任意选择查看样品,这样 对购买者来说是一个很好的消费体验,网上有很多这样的插件都是基于jQuery实现的 有收费 ...

Thu Jan 12 22:47:00 CST 2017 0 4852
Three.js制作360全景图

这是个基于three.js的插件,预览地址:戳这里 使用方法: 1、这个插件的用法很简单,引入如下2个js 2、初始化一下,(具体各种参数配置根据情况而定) 配置参数 下面是该全景图插件的所有可用配置参数: 3、上面demo的代码 ...

Tue Nov 29 21:11:00 CST 2016 13 16620
JS+CSS3 360全景图插件 - Watch3D.js

日常闲扯 从上一篇文章到这篇中间快过了一年了,时间真滴过得快。不是在下中间没想过写新的文章,而是自己确实变懒了(体重+1 +1 +1 +1....) 。。OTL。。。不过到最后觉得还是需要写点东西,不然人就真废了,于是便有了这样一个插件(其实是偶然看到别人的一个全景案例不是用webgl写 ...

Wed Apr 29 01:40:00 CST 2020 0 831
360全景图three.js

全景图 一.引入js文件 <script src="three.js-dev/build ...

Tue Nov 28 01:20:00 CST 2017 0 5019
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM