前言 本文主要介绍Three.js的开发基础和基本原理,以及如何实现3D全景图。想在web端实现3D全景图的效果,除了全景图片、WebGL外,还需要处理很多细节。据我所知,目前国外3D全景图比较好的是KrPano,国内很多3D全景服务是在使用krpano的工具。 前段时间连续上了一个月班,加班加点完成了一个3D攻坚项目。也算是由传统web转型到webgl图形学开发中,坑不少,做了一下总结分享。 Three.js 基于简化WebGL开发复杂度和降低入门难度的目的,mrdoob)在WebGL标准基础上封装了一个轻量级的JS 3D库—— Three.js。 在我看来,Three.js具有以下特点:
2021-03-08 21:33:30 496KB 3d地图 hr js
1
three.js实现3D全景看房(移动端)。 three.js的基本使用(入门阶段),全景自动展示,以及手动拖拽滑动控制房屋方向角度。
2021-02-27 10:23:58 1.74MB three.js 全景 3d
1
echarts2D地图实现3D阴影效果,以山东省为例。附:最新版山东地图(济南、莱芜合并后)。由于该资源设计get请求,请将该资源放到服务器上运行。
1
用VB+WPF编写的3D地球仪的源代码 程序很简单 可以实现3D地球的一个拖动旋转观看等功能 只是学习中的一个尝试 也参考借鉴了网络上的一些方法,为对WPF的3D功能实现感兴趣的同学们提供一点素材
2020-01-03 11:39:44 1.26MB WPF VB 3D WPF3D
1
使用OpenGL实现的3D小车漫游,场景使用纹理贴图,小车使用封装类。 1.WASD控制方向 2.F12切换全屏 3.V切换视角。 一共有三个视角,固定的世界视角,移动的第三视角,移动的第一视角。 4.pageDown和PageUp拉近拉远镜头 5.右击可以选择车身颜色和轮胎颜色
2019-12-21 21:58:56 3.33MB OpenGL 小车 漫游 3D
1
ViewPager实现3D画廊效果,ViewPager的加载动画,主要介绍了ViewPager的setPageTransformer方法。
2019-12-21 21:24:39 12.84MB ViewPager 3D画廊
1
基于html5+ccs3实现的3D相册功能。此压缩包包含5个相册的demo,是经过集结了删选过最精华的几个案例上传进去。若觉得还不错的话请个给好评
2019-12-21 20:48:32 4.79MB html5+ccs3 3D相册 浪漫表白html
1
文件完毕后,执行npm install,然后再npm install three --save,最后npm start,就能在浏览器窗口输入http://localhost:3000/浏览到3D模型效果
2019-12-21 20:48:19 71.23MB react three.js 3D
1
js实现全景图预览、全景图预览,基于threejs的一款插件
2019-12-21 20:48:12 15.15MB 3d全景
1
OpenGL的一个小Demo,通过摄像机实现3D场景的漫游。鼠标控制包括滑动鼠标进行视角转动,使用滚轮进行缩放。键盘通过WSAD进行前后左右的移动。
2019-12-21 20:05:09 13.94MB OpenGL 3D 漫游
1