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度)

相关技术