相关技术

720yun使用 krpano
glTF格式详解:https://zhuanlan.zhihu.com/p/65264050
blender建模工具:https://www.blendercn.org/
blender教程:http://i.youku.com/u/UMTgzMTA0NDc2MA
Blender官方入门教程:https://www.bilibili.com/video/BV1qW411b7tz?from=search&seid=6690160342750460202

threejs教程

threejs教程:http://www.yanhuangxueyuan.com/
跟我一起学Threejs Web3D系列:http://linhongxu.com/post/view?id=218
代码示例:https://www.wjceo.com/blog/threejs/
threejs教程:https://threejsfundamentals.org/threejs/lessons/zh_cn/
ThreeJs基础入门:https://sq.163yun.com/blog/article/203590884053413888

vr看房

房天下:https://hanzhong.esf.fang.com/chushou/3_155019080.htm
如视VR看房:http://www.realsee.com/website/product/vr
网展:http://www.expoon.com/22986/
房掌柜:https://beyond.3dnest.cn/classic/?m=864d410e_LpCd_b6f9
四方环视:https://www.ivrpano.com/p/f0def02384d7486d?_s=c67097a3237996e9

精选案例

3D展示:http://tmp.linhongxu.com/threeDemo/
优秀案例:https://bruno-simon.com/
上面案例源码:https://github.com/brunosimon/folio-2019
https://zen.ly/zh
https://guillaumegouessan.com/
三维空间中的物体切换:https://chartogne-taillet.com/en
切换交互:https://threejs-journey.xyz/
nike鞋子:https://sketchfab.com/models/cc89c1e265514cbab1234eba999683e1/embed
各种3D效果:https://www.john-keith.cn/index
着色器:https://www.shadertoy.com/browse
百度百科:https://baikebcs.bdimg.com/baike-other/vtour-518/index.html

商业案例

FF91:https://www.faradayfuturecn.com/cn/3D-tour/
BEIJING-X7:https://bqvr.external-st.com/index.html?pageJdVrOrientation=landscape&carId=1001609990026250

工具

gltf查看工具:https://gltf-viewer.donmccurdy.com/

核心概念

天空盒(SkyBox):https://blog.csdn.net/yjr3426619/article/details/81224101
立方体贴图:https://www.cnblogs.com/alps/p/7112872.html
第一视角控制器:https://blog.csdn.net/qq_30100043/article/details/79748825
环境贴图:http://www.yanhuangxueyuan.com/doc/Three.js/envMap.html

待看

奇奇怪怪的网站:https://www.zhihu.com/question/354444082/answer/1037141985
threejs案例:https://freefrontend.com/three-js-examples/
threejs官方案例:https://threejs.org/examples/
krpano官方案例:https://krpano.com/examples
直播相关技术:https://www.hiwebpage.com/t/863b5b56fc9e11ea872d00163e08f115

github

https://github.com/dslming
小程序threejs:https://github.com/wechat-miniprogram/threejs-miniprogram
小程序全景图:https://github.com/sanyuered/WeChat-MiniProgram-AR-3D

笔记

1.物体不显示:检查环境光是否已添加,检查camera.position是否设置有误。
2.物体显示一片黑:检查材质对象的side属性。
3.纹理图片压缩后竟然不能用了
4.阴影的锯齿太明显,可以通过设置光源shadow的分辨率
5.lookAt不生效:lookAt不起作用的原因

备注

前:nz,后:pz,左:px,右:nx,上:py,下:ny。
下(向左旋转180度),上(向左旋转180度)

基础案例

全景


Notice: Undefined variable: ub in /var/www/lordoc/common/function/browserinfo.php on line 232

Notice: Undefined variable: ub in /var/www/lordoc/common/function/browserinfo.php on line 244