threejs学习实战例子?

作者站长头像
站长
· 阅读数 12

背景:对threejs的官方文档入门相关的知识熟悉了一遍之后,想通过示例,更好地直观地熟悉threejs的使用,更贴近实际业务需求。有没有什么好的threejs示例供参考、学习?

回复
1个回答
avatar
test
2024-08-11

threejs只是webgl的封装库,想了解三维的话,也就是计算机图形学,还是得从基础开始。webgl的资料特别少,最好通过opengl来学习, 因为webgl是opengl的子集, 而opengl发展的更早,资料更多。opengl从这个例子入门最好不过:https://learnopengl-cn.github.io/, 不是要安装opengl环境来学习,因为两者的思路完全一致,所以一些实现和代码都一样,将opengl代码转换为webgl实现,这是一个好的实践!因为我就是这么干的.

通过这个网站来学习webgl理论基础 https://webgl2fundamentals.org/webgl/lessons/zh_cn/

webgl现在应该都是webgl2,所以不要去学webgl1了。当前webgl2使用的GLSL版本应该是3.0, 这个是别人归纳的最常使用的函数:https://supergithuber.github.io/openGL/GLSLFunction.html, 当然了想要完整的话,可以看https://docs.gl/el3/all

一个有趣的着色器网站可以让你的实力大增: https://www.shadertoy.com/ 很多图形学大佬,其中会隐藏一些很有用的算法 ^_^

一个让你直观看到GLSL函数图形的网站:https://graphtoy.com/

数学工具:https://www.desmos.com/calculator?lang=zh-CN

造型函数,了解的越多你的shader功夫就越厉害,交互式学习网站:https://thebookofshaders.com/05/?lan=ch

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容