threejs学习网址记录

weixin_44356698

已于 2022-03-08 13:55:29 修改

阅读量1.5k

点赞数

分类专栏： threejs 文章标签： three.js

于 2022-01-11 08:44:37 首次发布

本文链接：https://blog.csdn.net/weixin_44356698/article/details/122423586

版权

threejs 专栏收录该内容

1 篇文章 1 订阅

订阅专栏

14、thingJS：https://www.thingjs.com/guide/city2/?campaign_id=636109562&utm_campaign=ThingJS&utm_medium=SEM&utm_source=baidusem&utm_content=City2&utm_term=UPto_21112631
15、threeJS网站: https://threejs.org/docs/index.html#manual/zh/introduction/Installation
16、 threeJS进阶视频：https://www.bilibili.com/video/BV1vg411G7tB?p=9
17、threeJS文档教程：http://www.hewebgl.com/article/getarticle/26
18、blender模型：https://3d.znzmo.com/cgmoxing.html?keyword=%E5%8E%82&st=0&format=3ds

21、VUE+THREEJS 创建完整会议室三维模型：https://blog.csdn.net/u014328243/article/details/106739561/?ops_request_misc=&request_id=&biz_id=102&utm_term=vue%20threejs&utm_medium=distribute.pc_search_result.none-task-blog-2_allsobaiduweb~default-7-106739561.nonecase&spm=1018.2226.3001.4187
22、3D模型下载：https://www.aigei.com/3d/model/ordinary_human_being/?detailTab=file&page=2
23、ThreeJs做智慧城市项目后记：https://blog.csdn.net/qq_37540004/article/details/102862348?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164005001316780357232444%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=164005001316780357232444&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2_blogfirst_rank_v2~rank_v29-1-102862348.pc_v2_rank_blog_default&utm_term=threejs&spm=1018.2226.3001.4450
24、Three材质透明度，以及自动转换：https://blog.csdn.net/chengmo123/article/details/108192994
25、模型的变换大小、角度、位移控件：https://www.cnblogs.com/enhengenhengNymph/p/15208749.html
26、模型根据特定的轨迹移动：https://blog.csdn.net/weixin_46362563/article/details/119149423?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2_{aggregatepage}first_rank_ecpm_v1~rank_v31_ecpm-1-119149423.pc_agg_new_rank&utm_term=threejs+%E6%A8%A1%E5%9E%8B%E7%A7%BB%E5%8A%A8&spm=1000.2123.3001.4430
27、Three.js THREE.Raycaster 射线拾取详解：https://blog.csdn.net/weixin_41111068/article/details/81707239
28、threejs根据轨迹移动: http://www.yanhuangxueyuan.com/doc/three.js/curverun.html
29、threejs控制移动：https://blog.csdn.net/homula123/article/details/102812731
30、threejs内外模型线框化：https://blog.csdn.net/weixin_41993525/article/details/115012680?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2_{aggregatepage}first_rank_ecpm_v1~rank_v31_ecpm-4-115012680.pc_agg_new_rank&utm_term=threejs+%E6%A8%A1%E5%9E%8B%E7%BA%BF%E6%A1%86&spm=1000.2123.3001.4430
31、threejs博主：https://blog.csdn.net/ztz87/article/details/120109571?spm=1001.2014.3001.5501
32、GLTF模型讲解：https://blog.csdn.net/weixin_43081805/article/details/88672290
33、如何将多个纹理应用于gltf模型：http://ask.sov5.cn/q/W3ca2wXjaO
34、threejs下雨效果：https://www.cnblogs.com/liangtao999/p/13290773.html
35、threejs透明度设置：https://www.cnblogs.com/guxingy/p/11912064.html （glb模型的话：gltf.scene.children[0].material.transparent=true； gltf.scene.children[0].material.opacity = 0.6）
36、threejs粒子效果（下雨、下雪、火焰）：https://blog.csdn.net/baidu_29701003/article/details/118805965
37、threejs零基础入门（电子书）：http://www.yanhuangxueyuan.com/Three.js/
38、模型和贴图：https://www.om.cn/models/pic-396-0-0-0-1-2-0-0-1-0-0-0-0-0.html
39、threejs导入模型出现透明遮挡问题: https://www.cnblogs.com/bugSource/p/14638075.html
40、threejs使用精灵Sprite模型给场景3D模型打标签实例：https://blog.csdn.net/CodingNoob/article/details/109473394?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2_{aggregatepage}first_rank_ecpm_v1~rank_v31_ecpm-17-109473394.pc_agg_new_rank&utm_term=sprite+threejs+%E7%82%B9%E4%BD%8D%E5%81%8F%E7%A7%BB%E9%97%AE%E9%A2%98&spm=1000.2123.3001.4430
41、blender基础教程100集：https://www.bilibili.com/video/BV1fb4y1e7PD?p=4&spm_id_from=pageDriver
42、Threejs 物体闪烁问题：https://blog.csdn.net/biyusr/article/details/116266806
43、blender中building tools插件：https://ranjian0.github.io/building_tools/
44、blender 快捷键：https://blog.csdn.net/u012204304/article/details/89030370
45、blender的building_tools插件安装使用：https://www.bilibili.com/video/BV1ie411W7Fm
46、blender快速搭建城市（building_tools插件）：https://www.bilibili.com/video/BV1DQ4y1d7BT?spm_id_from=333.999.0.0
47、blender全息投影效果：https://www.bilibili.com/video/BV1pg411w7p4?spm_id_from=333.999.0.0
48、Blender 2.92 体积光全息投影效果：https://www.bilibili.com/video/BV1ct4y1Y71S?spm_id_from=333.999.0.0
49、Blender 中文教程：将任何物体变成抽象全息图：https://www.bilibili.com/video/BV1QR4y1g7HQ?spm_id_from=333.999.0.0
50、腾讯硬核干货！如何在页面极速渲染3D模型：https://www.bilibili.com/read/cv4130967
51、threejs快速上手智慧城市：https://www.bilibili.com/video/BV1ob4y1y7o4?spm_id_from=333.999.0.0
52、2022全新Vue3+threejs打造沉浸式商城企业项目实战：https://www.bilibili.com/video/BV15T4y1175F?p=2&spm_id_from=pageDriver
53、模拟楼宇扫光效果(three.js实战12)：https://blog.csdn.net/qw8704149/article/details/119620151?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2_{aggregatepage}first_rank_ecpm_v1~rank_v31_ecpm-1-119620151.pc_agg_new_rank&utm_term=threejs+%E5%8F%91%E5%85%89%E6%95%88%E6%9E%9C&spm=1000.2123.3001.4430
54、threejs单击选中模型高亮显示/选中模型发光：https://blog.csdn.net/qq_15023917/article/details/114366480?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2_{aggregatepage}first_rank_ecpm_v1~rank_v31_ecpm-6-114366480.pc_agg_new_rank&utm_term=threejs+%E5%8F%91%E5%85%89%E6%95%88%E6%9E%9C&spm=1000.2123.3001.4430
55、threejs发光效果自带：webgl_postprocessing_unreal_bloom.html
56、gltf模型详解：https://www.jianshu.com/p/905671909b25
57、glTF vs FBX: 应该使用哪种格式：https://zhuanlan.zhihu.com/p/367981444
58、模型格式的对比与选择：https://zhuanlan.zhihu.com/p/394213581
59、各种三维模型格式介绍：https://www.pianshen.com/article/77981990345/
60、BabylonJs视频教程：https://space.bilibili.com/668421495/channel/seriesdetail?sid=356232
61、git——threejs教程：https://github.com/puxiao/threejs-tutorial/
62、threejs材质讲解（这个博主三篇文章挺不错): https://blog.csdn.net/weixin_50601484/article/details/118968093?spm=1001.2014.3001.5502
63、THREE.JS：物体高亮显示/物体发光显示（附项目文件，亲测可用）
64、threejs动态箭头：https://www.webglstudy.com/article/1002905.html
65、threejs选中原生模型与导入模型：https://blog.csdn.net/weixin_30646315/article/details/98317826?utm_term=three.js%E9%80%89%E4%B8%AD%E5%A4%96%E9%83%A8%E6%A8%A1%E5%9E%8B%E4%B8%AD%E7%9A%84%E7%89%A9%E4%BD%93&utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2_allsobaiduweb~default-0-98317826&spm=3001.4430
66、threejs案例：https://www.wjceo.com/blog/threejs/
67、使用Three.js加载出一个模型，画出一个点、线、面,网格,正方体，综合代码：使用Three.js加载出一个模型，画出一个点、线、面,网格,正方体，综合代码：https://blog.csdn.net/tangdou369098655/article/details/109595131?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164448103116780265423143%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=164448103116780265423143&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2_allfirst_rank_ecpm_v1~rank_v31_ecpm-18-109595131.pc_search_result_cache&utm_term=threejs+%E6%A8%A1%E5%9E%8B%E9%9D%A2&spm=1018.2226.3001.4187
68、threejs色彩空间（sRBG与line）：https://cloud.tencent.com/developer/article/1543647
69、[Threejs]环境光与HDR贴图：https://blog.csdn.net/moxiaomomo/article/details/107612292
70、如何在threejs中制作UI元素：https://zhuanlan.zhihu.com/p/144218344
71、Three.js - 通过粒子实现下雪效果（比郭隆邦博客上的流畅）：https://blog.csdn.net/ithanmang/article/details/81704736
72、threejs着色器案例，以及使用方式：https://blog.csdn.net/liu_lin_sp/article/details/86641873
73、threejs中文文档：https://techbrood.com/threejs/docs/
74、threejs后期处理的基本使用方法之加特效：https://www.jb51.net/article/235732.htm
75、threejs water 模拟水动画：https://blog.csdn.net/qq_41741576/article/details/89474835
76、Three.js - 使用 Sprite 精灵创建文字标签：https://blog.csdn.net/ithanmang/article/details/81774094
77、threeJS RectAreaLight(区域光)：https://blog.csdn.net/qq_42683219/article/details/105768703?ops_request_misc=&request_id=&biz_id=102&utm_term=threejs%20%E6%96%87%E6%9C%AC%E6%A1%86&utm_medium=distribute.pc_search_result.none-task-blog-2_allsobaiduweb~default-2-105768703.nonecase&spm=1018.2226.3001.4187
78、threejs 创建文字：https://www.cnblogs.com/chencarl/p/11725091.html
79、hdr讲解：https://blog.csdn.net/u014291990/article/details/102980318?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164558812816780255284228%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=164558812816780255284228&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2_allfirst_rank_ecpm_v1~rank_v31_ecpm-2-102980318.pc_search_result_control_group&utm_term=threejs+hdr%E4%BA%AE%E5%BA%A6&spm=1018.2226.3001.4187
80、GUI工具的使用：https://blog.csdn.net/weixin_43990650/article/details/121589811
81、阴影教程：https://blog.csdn.net/weixin_43990650/article/details/121681722
82、真实渲染：https://blog.csdn.net/weixin_43990650/article/details/121991461

83、obj转gltf：https://lbs.amap.com/tools/gltf
84、全景图网址：https://polyhaven.com/
85、模型下载网址：https://www.aigei.com/3d/model/ordinary_human_being/?detailTab=file&page=2