webgl 全景 开源插件 HWebgl [问题点数:40分]

Bbs1
本版专家分:0
结帖率 0%
Bbs10
本版专家分:187929
Blank
进士 2009年 总版技术专家分年内排行榜第七
Blank
金牌 2009年9月 总版技术专家分月排行榜第一
Blank
银牌 2009年8月 总版技术专家分月排行榜第二
Blank
红花 2011年11月 Web 开发大版内专家分月排行榜第一
2009年10月 Web 开发大版内专家分月排行榜第一
2009年9月 Web 开发大版内专家分月排行榜第一
2009年8月 Web 开发大版内专家分月排行榜第一
2009年7月 Web 开发大版内专家分月排行榜第一
2009年6月 Web 开发大版内专家分月排行榜第一
2007年7月 Web 开发大版内专家分月排行榜第一
2007年6月 Web 开发大版内专家分月排行榜第一
WebGL的兼容性插件内容
我们经常看见老外的项目里面会带有<em>webgl</em>-utils.js这个文件。这个文件是google出品的对<em>webgl</em>兼容性处理的<em>插件</em>,里面带有可以判断当前的设备兼容以及浏览器兼容。 并且最后对requestAnimFrame方法也做了兼容性处理。下面是我加注释后的代码,大家看一下,基本上都懂: /* 版权警告 * Copyright 2010, Google Inc. * All rights re...
WebGL如果不带脚本可以打包发布,带脚本发布就报错
-
WebGL Inspector chrome插件 crx格式
WebGL Inspector编译版本。WebGL调试工具 ,chrome浏览器<em>插件</em> ,crx格式离线安装。
WebGL入门——WebGL支持检测
最近,越来越多的WebGIS平台使用WebGL进行开发,包括Leaflet、Openlayers、ArcGIS等,作为一个GIS人,连接WebGL太有必要了,一起来学习WebGL吧。 目前支持 WebGL 的浏览器有:Firefox 4+, Google Chrome 9+, Opera 12+, Safari 5.1+ 和 Internet Explorer 11+。 可以使用下面的代码检测...
用图片合成360全景webgl源码工程
使用6张照片即可合成360度<em>全景</em>浏览,<em>webgl</em> 技术开发,里面有图片拼接合成,空间图像模型生产,互动操作位置窗口成像。
VR播放器研究: 基于 javascrip 和webGL初探
上次看到jwplayer的3D播放,于是决定研究一下类似播放器如何实现的,具体关于jwplayer的3D播放器可以参考: https://developer.jwplayer.com/jw-player/demos/innovation/3d-cube/ https://developer.jwplayer.com/jw-player/demos/innovation/360-vi
html5+webgl 三维街景的渲染
因为前期做了北京街景的采集软件,手中有很多街景图片;又看到google街景和soso街景效果很炫,就产生了小试牛刀的想法,我何不把手头的图片变成渲染成三维街景放到网上呢。于是开始搜集相关信息,经过5天的尝试,终于有了初步的效果;         首先,感谢http://www.hi<em>webgl</em>.com/?p=42网站提供的WebGL的教程和源代码;         提到3D渲染,就不得不说到三维
项目总结——基于WebGL的点云全景可视化
1.项目简介 这个项目是我2016年研一上学期的个人项目,目的是使用<em>webgl</em>在浏览器端渲染点云和<em>全景</em>数据,要求流畅高效,能够实现海量点云和<em>全景</em>数据的可视化,以及基于点云的简单量测功能(使用ThreeJS库,也涉及到简单的前端、数据库知识)。这个项目是在我的本科毕业设计的基础上进行的,本科毕设做的是基于<em>webgl</em>的点云可视化(点云网络可视化示例),研一上做的是用多分辨率八叉树建立点云索引,并增加
WebGL笔记(六)_Three.js渲染obj模型并同时渲染全景
基本思路简述:一个模型的渲染的流程是,创建一个场景,并将模型和相机放到场景中合适的位置;然后就会呈现出一个3D模型在屏幕上。<em>全景</em>图的呈现其实就是在创建一个场景、相机、几何球。模型和<em>全景</em>同时被呈现在屏幕上就会出现模型被放在<em>全景</em>环境下的样子。 第一步:创建一个demo.html文件将必要的js文件导入。 three.js:渲染模型的必要类库,去threejs官网下载即可。 OrbitContro...
WebGL框架:Three.js和Babylon.js的比较
今天的web浏览器已经走了很长的路。由于出色的JavaScript WebGL api ,现代浏览器完全有能力在没有第三方<em>插件</em>帮助的情况下呈现先进的2 d和3 d图形。利用专用的图形处理器的性能,WebGL使我们访问的网页实现动态阴影和现实的物理。正如你可能已经猜到的,如此强大的api通常有一个缺点。WebGL当然也不例外,其缺点是形式的复杂性。不要害怕,然而,当我们探索两个完全有能力框架的目标是,
二、H5全景图-朋友圈全景图-720°全景-VR ---- 项目简单分析
H5<em>全景</em>图-朋友圈<em>全景</em>图-720°<em>全景</em>-VR 之 项目简单分析
如何在WebGL全景图上做标记
    WebGL可以用来做3D效果的<em>全景</em>图呈现,例如故宫的<em>全景</em>图。但有时候我们不仅仅只是呈现<em>全景</em>图,还需要增加互动。故宫里边可以又分了很多区域,例如外朝中路、外朝西路、外朝东路等等。我们需要在3D图上做一些标记表示某个小的区域。当点击这个标记时,界面切换到对应标记区域的<em>全景</em>图。下图是实现此功能的一个小DEMO:    如何实现这样的功能?通过本篇的介绍,我们可以了解到以上交互过程的代码实现...
webgl播放球型全景
预览请搭建一个站点或放在已存在的站点下面,然后浏览器访问。本地模式浏览器有限制。原始js,使用<em>webgl</em>播放<em>全景</em>图,非使用threejs。
基于WebGL架构的3D可视化平台—实现小车行走路线演示
刚接触[ThingJS](http://www.thingjs.com/guide/?m=sample)的时候,写的一个小车开进小区的演示,今天又看了教程中有movePath这个方法就重新写了一遍,其中也遇到了一些问题,尤其突出的问题就是小车过弯的尴尬表现。
360°全景影像移动端类库--PanoramaGL
介绍         本指南将介绍一个PanoramaGL 0.1类库的简单用法,更多的细节请签出HelloPanoramaGL示例查看。 细节 1如何导入PanoramaGL类库? 1.1从源代码中导入 a下载PanoramaGL_0.1.zip或从代码仓库下载源代码 b如果你下载zip文件然后解压该文件 c在Eclipse中导入PanoramaGL项目: 点击“File”选择“
测试WebGL支持的网址
http://<em>webgl</em>report.com/?v=1
WebGL for IE 软件
想让你的IE浏览器支持IE吗,请用安装这款软件吧
如何启用WebGL
在支持mono-design的过程中,还是有些用户不是很清楚如何启动WebGL,尤其是在XP的环境下,所以简单总结了下,WebGL在主流的浏览器上如何设置,但是对于IE没有详细介绍,由于IE11才支持WebGL,IE6-10只能使用其他办法,所以后期用单独一篇介绍IE的情况 要运行WebGL,必须有一个支持它的浏览器。先来看看在桌面平台上有哪些设备和平台已经支持WebGL了 Googl
浏览器中实现3D全景浏览
<em>全景</em>图共分为三种: ①球面<em>全景</em>图    利用一张<em>全景</em>图围成一个球,自身位置位于球体内。由于图片是矩形,所以最上和最下的缝合处很明显就能够看得出来。    球面<em>全景</em>图是最接近人眼的构建模式,若利用多个立面构建,拼接方法繁琐,性能消耗高。    因此,本文介绍的是上述通过一张<em>全景</em>图构成的球面<em>全景</em>图。 ②立方体<em>全景</em>图    一个立方体,有六个面组成,所以就需要六张图片啦。自身的位置位于立方体
Facebook开源全景投影转换项目Transform360移植与二次开发
    之前一直在从事VR/<em>全景</em>视频的相关工程工作,也追随学习了一段时间的JVET的360°<em>全景</em>视频标准。    约在去年12月份左右,开始研究部Facebook关于VR方面的<em>开源</em>项目,研究方向主要是Surround360和Transform360。前者是360°<em>全景</em>采集和拼接<em>开源</em>方案,后者是360°<em>全景</em>视频投影转换<em>开源</em>项目。受限于设备,对Surround360的主要研究止步于构建测试软件与测试序...
实现WebView显示360°全景H5的库
实现WebView显示360°<em>全景</em>H5的库,解决部分机型不支持显示360°<em>全景</em>
JS版的全景播放器
基于JavaScript的360度<em>全景</em>播放器,支持MP4,图片的播放,需要有JS基础
HTML5全景播放器
HTML5<em>全景</em>播放器
mxreality.js 免费开源全景图/全景视频/VR 直播播放器介绍
[2018-10-20 重要更新] 支持VR直播功能 支持<em>全景</em>视频poster 支持<em>全景</em>图和视频和场景之间随意切换 <em>全景</em>模式切换回默认主视角 播放列表 优点: 1、<em>全景</em>图支持<em>全景</em>模式和VR模式 2、支持网页端<em>全景</em>图补天功能,有效去除顶部和底部拼接留下的痕迹、做出真正完美的产品 3、<em>全景</em>VR图是<em>全景</em>VR视频支持小行星效果,还提供控制效果测试,可以根据自己需要控制快慢,方向等。 ...
刚刚,阿里开源600页技术全景图,看完少走10年弯路!
如果你不甘心一直在写增删改查,希望看到更广的技术世界,阿里技术团队重磅发布的《阿里技术参考图册》,总计600余页,现已开放下载,将为你呈现阿里技术<em>全景</em>,走进各个技术领域的...
leaflet可视化平台搭建
leaflet-vizLeaflet可视化平台leaflet是一个<em>开源</em>的前端地图交互类库,比较轻量级,支持移动端。而且有丰富的<em>插件</em>资源可供我们使用。Echarts是百度<em>开源</em>的前端可视化类库,提供丰富的前端可视化图表,平台中重要的一部分是我们要将leaflet和Echarts结合在一起。该平台是基于leaflet及其<em>插件</em>搭建的一个方便可用的可视化平台。详细参见[示例Demo]。(https://zry
基于Leaflet 的Web地图客户端应用程序开发框架
MarsGIS for Leaflet地图框架 是火星科技研发的一个Web地图开发平台系统,是火星科技团队成员多年GIS开发和Leaflet使用的技术沉淀。基于Leaflet和现代Web技术栈全新构建, 集成了领先的<em>开源</em>地图库、可视化库,提供了全新的大数据可视化、实时流数据可视化功能,通过本产品可快速实现浏览器和移动端上美观、流畅的地图呈现与空间分析。 框架主要目的是升级Leaflet的基础功能和...
360player全景图播放器-附源码
开发了一个<em>全景</em>图播放器,自带<em>全景</em>展示、背景音乐、重力感应等功能,不用写代码,通过配置文件就可以展示<em>全景</em>图片。 360plyaer使用说明 1.360player是基于浏览器的<em>全景</em>图播放器,浏览器需要支持webGL; 2.<em>全景</em>图尺寸要求是2的N次方,宽高比为2:1,如2048*1024,格式为.jpg .png; 3.修改<em>全景</em>图需要将要展示的图片上传至360player文件夹下,打开list...
用AS3把球形全景图转成4X3或3X4的天空盒Skybox图片
用AS3把球形<em>全景</em>图转成4X3或3X4的天空盒Skybox图片
Webgl展示Revit模型——框选放大
框选放大,最好用个div作为框。然后放大的功能可以调用zoomCamera.setViewOffset();但是后面要及时清除掉这个裁剪框。camera.clearViewOffset()。我这里的div有点丑。 qq技术交流254033230...
UE4超简单导出全景插件
效果如下,上图,(图为笔者在引擎世界发的帖子图) 下面直接分享<em>插件</em>和视频教程,10分钟学会导出<em>全景</em>图: 链接:https://pan.baidu.com/s/1CygxweW_o0J_KulQRMHZfQ 密码:1q0s 如果你对Unity,Unreal4,人工智能感兴趣,请关注我的公众号,后续会分享更多好玩的东西,你的一个点赞就是我坚持写下去的动力: ...
leaflet开源地图库源码解析
一、leaflet的源码地址:https://github.com/Leaflet/Leaflet。下载完成后看了下源码的结构,目录的截图如下:                                                   Leaflet目录底下有几个文件夹,分别的作用为: build:是预编译的文件夹,包含bower.json(前端包管理器,相当于no
leaflet常用插件地址整理
        最近在研究leafletjs地图框架,发现在地图这块功能还是强大,而且支持<em>插件</em>扩展和自定义开发。虽然leafletjs源码很小,功能精简,但是框架优势在于,<em>插件</em>自定义开发和扩展这部分设计,而且<em>开源</em>。        现在发现只要项目用得到的,在leaflet<em>插件</em>中都可找到应用或者类似应用,给开发带来很大方便。笔者之前做arcgis js api,刚开始更换leaflet有很大的抵触情...
从Mapbox的开源工具看Web GIS的发展
mapbox一直是我很喜欢的公司之一。它的自由开放态度,前沿研究方向,让很多GISer眼前一亮,让他们找到学习或者工作的方向。 其实,mapbox.js是leaflet.js的一个超集,所以不要再问我“leaflet好用还是mapbox好用?”这样的愚蠢的问题。而mapbox现在也在开发关于Web GL的地图业务,当然它也不能将所有的业务都一口气将瓦片地图转移至Web GL底图,因为现在瓦片地图
揭开全景相机创业真相:国外一开源国内就自主
今年以来<em>全景</em>相机有了一个大爆发,国外Google、三星、诺基亚等大厂都进入了这个领域,国内也有很多厂商推出了<em>全景</em>相机。 Bubl<em>全景</em>相机   国外一<em>开源</em>,国内就自主。这在VR(虚拟现实)领域体现的淋漓尽致——Google的Cardborad一<em>开源</em>,国内就有数百家厂商蜂拥做了各种插手机的VR盒子。到了<em>全景</em>相机,这一幕似乎又开始重演。   <em>全景</em>拍摄算不上特别新鲜的事物,智能手机都有<em>全景</em>拍
网页播放全景视频和全景图片
现在360度<em>全景</em>视频和图片很热,公司也想弄个在网页上。 先找到一家叫得图的,提供sdk,但是,试验后发现,那个sdk在本机测试播放本地视可以,但是在网络上播放本地视频出错。貌似,只能播放得图的视频。 然后,mozila提供了一解决的, https://github.com/aframevr/aframe 用的是aframe,然后,里面有一个播放<em>全景</em>视频的例子,代码也还简
一款非常好用的全景生成,全景标记编辑插件
一款非常好用的<em>全景</em>生成,<em>全景</em>标记编辑<em>插件</em>!
iOS开发,利用PanoramaGL生成360度全景预览图,附选择本地全景图片并生成全景预览...
前言 初做<em>全景</em>项目,涉及到了360度<em>全景</em>展示(也可以是720度的旋转),查找了很多资料,很多都是用PanoramaGL这个库实现的,本人也踩了一下坑,下面我简单的总结一下。 初识PanoramaGL 此处先提供一个可以在Xcode8运行的 Demo (包含PanoramaGL库)。你下载下来看一下,运行,没有太大问题,只是第一张图加载不出。 从Demo可以...
html5_3d_webgl_全景小点
html5_3d_<em>webgl</em>_<em>全景</em>小点,请在服务器环境下,使用html5浏览器并开启gpu硬件加速,然后打开。 html5浏览器硬件加速开启方法: chrome浏览器地址栏输入: about:flags chrome://flags/ 覆盖软件渲染列表 覆盖内置的软件渲染列表,并对不支持的系统配置启用 GPU 加速。 启用
GitHub上的WebGL库调研
1.three.js  star: 32.9K   更新速率:频繁   这个无需多说,当下最流行的WebGL库, 轻量级,容易使用,很多<em>webgl</em>库都是基于它来构建。 官网地址:https://threejs.org/ GitHub地址:https://github.com/mrdoob/three.js2.phaser.js  star: 15.3k   更新速率:频繁   Pha
分享一个WebGL开发的网站-用JavaScript + WebGL开发3D模型
这张图每位程序员应该都深有感触。 人民心目中的程序员是这样的:坐在电脑面前噼里啪啦敲着键盘,运键如飞。 现实中程序员是这样的:编码5分钟,调试两小时。 今天我要给大家分享一个用WebGL开发的网站,感兴趣的朋友可以在Chrome开发者工具里调试它的源码来学习WebGL。 WebGL(Web Graphics Library)是3D绘图协议的一种,该技术的特色是将万能的JavaScr...
分享一些精彩的webGL示例
WebGL 是一项在网页浏览器呈现3D画面的技术,有别于过去需要安装浏览器<em>插件</em>,通过 WebGL 的技术,只需要编写网页代码即可实现3D图像的展示。WebGL 可以为 Canvas 提供硬件3D加速渲染,这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了。在这篇文章中20个不可思议的 WebGL 示例来增强你对于这个新技术的理解。 1. Aquarium
webgl开源三维引擎的选择
<em>webgl</em>发展的很快,可谓日新月异,所以下面的这些引擎过一个月,半年可能就不是现在这样了,对应的连接地址以方便查看比较。 一。小场景的<em>开源</em>三维js引擎 1.babylonjs:http://www.babylonjs.com/(当前在用) 优点:有微软背景,有不少的demo,有供测试的平台,有提供3dsmax转换模型的<em>插件</em>, 缺点:中文资料很少,没有系统的中文教程,如从入门到精通都可以
在WebGL场景中使用2DA-寻路
这篇文章将讨论如何在一个自定义的地面网格上进行简单的2D寻路,以及确定路径后如何使用基于物理引擎的运动方式使物体沿路径到达目标地点。读者需要预先对WebGL和Babylonjs知识有一些了解,可以参考我录制的WebGL入门视频教程和翻译的官方入门文档,当然也可以用自己喜欢的其他方式来学习。   文章主要分成如下几部分:   1、自定义地面网格与寻路矩阵   2、生成Babylon格式3D模型
全景自动拼接源码Github资源
<em>全景</em>自动拼接源码Github资源源码,可以对照代码学习opencv的拼接方法使用,可以结合论文查看相关算法原理,更为直观迅速
OpenPano:如何编写一个全景拼接器
本文全文翻译自http://ppwwyyxx.com/2016/How-to-Write-a-Panorama-Stitcher/。这是一个关于作者如何编写OpenPano算法的一个总结,OpenPano是一个<em>开源</em>的<em>全景</em>拼接软件。相关代码在github上。SIFT FeatureLowe 的SIFT[1]算法实现放在feature/目录下。这个算法的流程和一些结果在这一章里做简单的介绍。Scale
【笔记】unity 用Helios3D制作全景VR视频
1、导入Helios<em>插件</em> 2、在场景中加入Helios-prefabs-Helios3D预制体到Hierarchy面板 3、设置文件保存位置WorkingFloder,勾选Camera Armed,运行可录制场景视频,其他参数按需设置 部分参数解释:  ——General Settings(基本设置): Quality:录制出来的<em>全景</em>照片的各像素选项 Antialiasing:抗锯齿(如有...
UE4中采集360°全景图片和视频
本文记录了如何在UE4中导出<em>全景</em>图片和视频。是导出而不是渲染。
WEBGL学习【十五】利用WEBGL实现三维场景的一般思路总结
实现三维场景载入操作的实现步骤: 主要知识点:着色器,纹理贴图,文件载入 实现思路: 获取canvas,初始化WEBGL上下文信息。 主要是实现WEBGL上下文的获取,设置视的大小,此时gl存储了WEBGL的上下文信息 初始化着色器 初始化的过程中也在这里获得了顶点着色器和片元着色器中的变量存储的地址信息。
关于cesium,超图webgl,等一些开源三维框架的理解。
由于工作原因,自身又开始鼓捣起来cesium,并使用cesium, webpack, electron搭建了一个桌面端的三维js开发框架,其中踩过的坑此次就不提,重点写一下自身使用的感触以及对框架的理解。从使用上来讲,个人使用cesium原生框架比较多,对相关API比较熟悉,源码的各个部分也比较熟悉,在问题发生后可以直接对源码进行更改,这是它的优点。缺点为国内很多三维空间分析的必要功能如量测,通视...
9个令人震惊的WebGL示例
1.  WebGL Water This incredible demo is as fluid as you could believe.  Raise and drop the ball into the water to see realistic, beautiful splashing of the water.  You can also just click the water
webGL开源
Three.JS 网站:http://mrdoob.github.io/three.js/ GLGE 网站:http://www.glge.org/ SceneJS 网站:http://scenejs.org/ CubicVR 网站:http://www.cubicvr.org/ KickJS 网站:http://www.kickjs.org/ CopperLicht 网
路线图---基于WebGL的H5 3D游戏引擎BabylonJS
路线图这是下次更新我们 可能 添加到babylon.js里的内容:后继版本: 反射式探头[V2.3] 材质库(水,火,正交)[v2.3] 基于对数的深度缓冲区 球形照明光光源 变形目标 精灵碰撞 使用webworkers的八叉树连续更新
基于WebGL架构的3D可视化平台—消防救援进攻路线模拟演练
消防官兵在日常训练中经常会进行沙盘推演,相比传统的沙盘推演利用3D模拟更加直观,效率更高。 第一步,利用CampusBuilder搭建模拟火灾场景。CampusBuilder的模型库有各种各样的模型,使我们搭建出的场景更逼真。 //加载场景代码 var app = new THING.App({ // 场景地址 &amp;amp;amp;amp;amp;quot;url&amp;amp;amp;amp;amp;quot;: &amp;amp;amp;amp;amp;quot;
GoogleVR全景制作过程
Google VR SDK下载官方GitHub下载:https://github.com/googlevr/gvr-unity-sdk<em>全景</em>实现过程: 导入下载好的SDK,两个文件夹(GoogleVR,Plugin),,, 创建一个Sphere 并将其放大3-5倍左右,然后将主摄像机方到球的中心(操作方法:将主摄像机做为球的子物体,Reset一下然后在将主摄像机拖拽出来)而后创建出一个shader
webgl来绘制二维点云吧
原链接: https://community.bwbot.org/topic/54做图形化程序web是非常方便的。最近做了一个项目就是用<em>webgl</em>来绘制二维点云,运行效果还是不错的。下面简单介绍一下<em>webgl</em>的使用方法和二维点云的绘制方法。首先什么是<em>webgl</em>?opengl大家一定都知道,就是 open graphic library. <em>webgl</em> 就相当于web中的opengl实现。利用<em>webgl</em>
webGl相关框架和网站
(1)three.js 官网:https://threejs.org/ 中文文档:http://techbrood.com/threejs/docs/ (2)RequestAnimationFrame.js(requestAnimationFrame()函数兼容性组件) github地址:https://github.com/paulirish/jquery-request
学习 WebGL 的开源库 Three.js
百度 第一个词条是:   http://he<em>webgl</em>.com/      然后就照着学习呗  , 后面是需要花钱的! 开发环境搭建  VS Code(编辑器)  + python(自带的文件服务器)  + Three.js(WebGL)  库 1、新建一个空的文件夹  “ThreeWebglProject”
只懂JavaScript也可以开发VR/AR内容了!
Rodin的目标是让一切尽量简单而直接起来,于是它决定使用模板模式作为开发模式,其中有漫画素材、控制板按键素材、物品素材和其它很多元素。Rodin可以在Mac和PC上的Chrome、Safari和火狐浏览器里运行。
VR开发 入门 使用Three.js 开发的WebVR demo
VR开发 three.js
Html5的局: 手把手写一个100行的VR程序
摘要: #紧接上文WebVR扩展了WebGL的标准,增加了HMD、PS等组件,让开发者可以在H5上开发VR程序。高级VR设备往往拥有了比手机更高精度的传感器、显示器、GPU等,让用户可以更加真实的感受虚拟世界。本节是《Html5的局》最后一节,我们手把手的写一段VR代码,感受WebVR的便捷。#本次Demo所需二维码用户可以本地启动HTTP服务,将URL填写到播放路径![1478017 紧接上文
基于ThingJS开发的WebGL H5停车场三维可视化管理Demo
前言 随着社会的发展,城市中的汽车越来越多。车辆集中存放管理的场所被人类提出车辆进出的秩序、车辆存放的安全性、车辆存放管理的有偿性等要求。停车场系统应用现代机械电子及通讯科学技术,集控制硬件、软件于一体。随着科技的发展,停车场管理系统也日新月异,目前最为专业化的停车场系统为免取卡停车场。下面我们就用ThingJs平台来搭建一个3d可视化的停车场管理系统。 点击查看:DEMO    效果 ...
开源的WebVR直播播放器
给大家推荐一款好用<em>开源</em>的VR直播播放器,地址https://github.com/guoguicheng/mxreality.js   [2018-10-20 重要更新] 支持VR直播功能 支持<em>全景</em>视频poster 支持<em>全景</em>图和视频和场景之间随意切换 <em>全景</em>模式切换回默认主视角 播放列表 ...
基于HTML5的WebGL技术电信3D机房漫游源代码
基于HTML5的WebGL技术电信3D机房漫游源代码
360vr全景通旗舰破解版源码
360vr<em>全景</em>通旗舰破解版源码 <em>全景</em>摄影展示 bs软件
Web端720°VR全景新手入门踩坑记录:three.js+photo-sphere-viewer.js
如果对three.js一无所知的同学可以先看一篇关于three.js的介绍(什么是three.js): https://blog.csdn.net/doupi520/article/details/53907179 photo-sphere-viewer介绍可以直接看官网: https://photo-sphere-viewer.js.org/ 依赖包: doT.js JS模板语言,...
Three.JS学习 9:WEBVR 入门demo
本文参考文档主要来源: https://www.sitepoint.com/bringing-vr-to-web-google-cardboard-three-js/本文内容是介绍基于Three.js创建一个可以使用谷歌眼镜演示的WEB虚拟现实网页。准备工作首先需要准备一些js 下载项目: https://github.com/sitepoint-editors/VRWeatherPartic
webvr技术之three.js
three.js 使用javascript书写的运行在浏览器端的3D引擎,目前推出了webvr的包,如果要使用安装火狐浏览器的nightly
全景视频播放器(VR播放器)
UtoVR电脑版(<em>全景</em>视频播放器),全视角观看视频;突破原始视频观看新体验,360°全视角还原真实场景。全方位观看视频;开启设备陀螺仪播放功能,任意方向。移动,视频画面从此随心而动。开启陀螺仪,<em>全景</em>视
android制作室内或室外实景全景地图开源sdk和演示demo
android制作室内或室外实景<em>全景</em>地图<em>开源</em>sdk和演示demo 1、支持手势拖动 2、支持点击进入下一个场景附加动画效果 3、支持手势缩放场景 4、数据可存放在本地或服务器
数据可视化的实现技术和工具比较(HTML5 canvas(Echart)、SVG、webGL等等)
http://www.cnblogs.com/zhangdi/p/3690284.html?utm_source=tuicool&utm_medium=referral 友盟的指数报告页面的统计图表,用的就是SVG 最近一直在研究数据可视化的相关理论和实现方案,相关实现技术和工具也了解使用了不少,需要写篇综述性的文章做整理。由于本人之前主要是做web开发的,故而我所找到的数据可
three.js 全景手控和带陀螺仪效果
three.js<em>全景</em>手控和带陀螺仪效果,需要在服务器下看效果
轻量级WebGL库lightgl样例
WebGL (Web Graphic Library) is a standard for 3D graphic on web, and it is completely controlled by the web browser. Lightgl.js provides a quickly prototype WebGL applications. Here is a simple exa...
java 实现基于opencv全景图合成
因项目需要,自己做了demo,从中学习很多,所以分享出来,希望有这方面需求的少走一些弯路,opencv怎么安装网上教程多多,这里不加详细说明,我安装的opencv-3.3.0  如上图所示,找到相应的jar包,这里讲一下如何这个jar如何导入Maven仓库mvn install:install-file -Dfile=D:\opencv-3.0.0\opencv\build\java\opencv...
关于WebAR
最近换了份新工作,来了一家创业公司,主要是做AR以及VR内容,但是来了之后和想象的并不一样。之前一直从事unity的手机游戏开发,来到这里让我学起了web前端,制作WebAR。对于我自己来说,还是想从事unity相关的工作,分享下这两天对于WebAR的学习心得吧。本来是准备从最基础的前端开始学起,感觉长路漫漫。在这两天收集资料以及学习的过程中。发现了很多很好的Demo以及<em>开源</em>的<em>插件</em>。附几条链接:1...
webVR全景图多种方案实现
前言   有一篇文章我说了H5实现<em>全景</em>图预览,<em>全景</em>视频播放的原理,有需要的小伙伴可以自行去看一下   今天我就拿出我的实践干货出来,本人实测实测过 需求   老板:我需要可以上传<em>全景</em>图片,然后手机网站上都可以360度看<em>全景</em>图 需求分析   一个上传功能   一个<em>全景</em>360度预览功能 正文   H5 上传功能就不说了,或下一篇文章说。   H5 有几种方式实现呢?  第一种方案...
使用pano2vr生成html5全景页面
首先下载pano2vr 4.5.3 破解版,下载完成后打开软件,如下图所示 拖动一张<em>全景</em>图片到上图左上角的区域,然后我们在下图红色方框区域选择html5 点击增加 在弹出的对话框内直接选择确定,然后就会在你指定的路径下生成html5的<em>全景</em>页面了 下图展示了生成的目录下所有的文件 pano2vr生成的html5<em>全景</em>页面是支持移动端的,pano2vr的功能不仅于此,添加皮肤和热点都是非常强大的功
Three.js 的 WebVR 示例解析
2016 年 9 月 23 - 24 日,由 CSDN 和创新工场联合主办的“MDCC 2016 移动开发者大会• 中国”(Mobile Developer Conference China)将在北京• 国家会议中心召开,来自 iOS、Android、跨平台开发、产品设计、VR 开发、移动直播、人工智能、物联网、硬件开发、信息无障碍10个领域的技术专家将分享他们在各自行业的真知灼见。 ...
js实现全景图预览
&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt; &amp;amp;amp;lt;html lang=&amp;amp;quot;en&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;head&amp;amp;amp;gt; &amp;amp;amp;lt;meta charset=&amp;amp;quot;utf-8&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;m
全景虚拟漫游实现(three.js)
<em>全景</em>虚拟漫游其实看到很多例子,比如地图上的<em>全景</em>,校园的<em>全景</em>,之前在朋友圈流行转发的公司<em>全景</em>。但真的想起来要去研究或者实现一下,是前几日说工作上可能会有这样的一个需求。觉悟来得太晚,好奇心也不够重,这么好玩新奇的东西怎么一开始没想到去尝试呢?
推荐几款非常棒的 jQuery 全景图片展示插件
jquery.cyclotron.js 一款非常简单的 jQuery <em>全景</em>图片展示<em>插件</em>,拖动鼠标即可进行<em>全景</em>浏览。 在线演示   源码下载   Panoramic Photo Viewer 移动鼠标即可进行平滑的<em>全景</em>浏览,这款<em>插件</em>还可以用于制作导航效果。 在线演示   源码下载   jQuery Spherical Panorama Viewer 这是一款立体<em>全景</em>展示<em>插件</em>
facebook开源项目全景投影转换Transform360
本篇文章主要是本人实操facebook<em>开源</em>棱锥投影项目的笔记。 关于facebook的棱锥(立方体cubemap)投影,相关介绍请参考以下博客: 已完成Transform360<em>开源</em>项目的编译、搭建、测试。 项目的git地址:https://github.com/facebook/transform36
三维气象要素场--WebGL篇
多年前,曾用VC+OpenGL写过三维云图和三维气象要素场软件。 http://blog.csdn.net/hzgjf/article/details/5754851 最近才知道,浏览器也支持3d了。使用WebGL+ThreeJS试了试,效果不错 1、先显示一个地球,加上星空,加上旋转缩放平移代码:(球顶上的小箭头是调试用的) 2、再看看要显示的卫星云图,Mic
Hadoop: The Definitive Guide下载
OReilly.Hadoop.The.Definitive.Guide.June.2009.RETAiL.eBOOk-sUppLeX Description Apache Hadoop is ideal for organizations with a growing need to process massive application datasets. Hadoop: The Definitive Guide is a comprehensive resource for using Hadoop to build reliable, scalable, distributed sys 相关下载链接:[url=//download.csdn.net/download/ljw_whhit/1491868?utm_source=bbsseo]//download.csdn.net/download/ljw_whhit/1491868?utm_source=bbsseo[/url]
Thinking In C++中文版pdf下载
Thinking In C++中文版pdf。Thinking In C++中文版pdf。 相关下载链接:[url=//download.csdn.net/download/wzqcongcong/3265623?utm_source=bbsseo]//download.csdn.net/download/wzqcongcong/3265623?utm_source=bbsseo[/url]
access数据库课件下载
讲述了表,查询,窗体,报表,宏,页,模块等等。 相关下载链接:[url=//download.csdn.net/download/P3AE1/2126282?utm_source=bbsseo]//download.csdn.net/download/P3AE1/2126282?utm_source=bbsseo[/url]
文章热词 设计制作学习 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 web全景视频教程 区块链开源
我们是很有底线的