https://github.com/wx-chevalier/three.js-notes

Three.js & WebGL 学习与实践笔记
https://github.com/wx-chevalier/three.js-notes

react-three-fiber three three-js threejs

Last synced: 4 months ago
JSON representation

Three.js & WebGL 学习与实践笔记

• Host: GitHub
• URL: https://github.com/wx-chevalier/three.js-notes
• Owner: wx-chevalier
• License: other
• Created: 2024-07-18T06:05:19.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-09-21T09:29:10.000Z (5 months ago)
• Last Synced: 2024-09-29T05:22:46.295Z (5 months ago)
• Topics: react-three-fiber, three, three-js, threejs
• Language: JavaScript
• Homepage: https://ng-tech.icu/
• Size: 11.8 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Three.js

如今浏览器的功能越来越强大，而且这些功能可以通过 JavaScript 直接调用。你可以用 HTML5 标签轻松地添加视频和音频，而且可以在 HTML5 画布上创建各种交互组件。现在 这个功能集合里又有了一个新成员，即支持 WebGL。通过 WebGL，你可以直接使用显卡的 计算资源，创建高性能的二维和三维计算机图形，然后在 JavaScript 里直接使用 WebGL 编 程，创建三维场景并生成动画，这个过程非常复杂，而且容易出错。Three.js 库可以简化这 个过程。Three.js 可以帮助我们的地方如下：

- 创建简单的和复杂的三维图形

- 在三维场景中生成动画、移动物体

- 在物体上应用纹理和材质

- 从三维建模软件中加载图形

- 创建基于样条曲线的二维图形

## Three.js vs WebGL

Three.js 经常会和 WebGL 混淆；Three.js 其实是使用 WebGL 来绘制三维效果的。WebGL 是一个只能画点、线和三角形的非常底层的系统. 想要用 WebGL 来做一些实用的东西通常需要大量的代码，这就是 Three.js 的用武之地。它帮我们处理了像场景、灯光、阴影、材质、贴图、空间运算、几乎所有你需要自己通过 WebGL 来实现的东西。

# Links

- https://threejsfundamentals.org/threejs/lessons/zh_cn/threejs-responsive.html