Skip to content
搜集并学习threejs的相关知识总结、Demo、站点、书籍等。
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
book init Jul 31, 2018
demo light Nov 10, 2018
docs light Nov 10, 2018
libs loder Aug 17, 2018
.gitignore hello-world Aug 1, 2018
README.md readme Nov 12, 2018
index.html aviator Sep 30, 2018
package.json hello-world Aug 1, 2018

README.md

Awesome-threejs

搜集并学习threejs的相关知识总结、Demo、站点、书籍等,欢迎有兴趣的小伙伴一起交流学习。

Threejs

three.js是以webgl为基础的库,封装了一些3D渲染需求中重要的工具方法与渲染循环。WebGL门槛相对较高,Three.js对WebGL提供的接口进行了非常好的封装,简化了很多细节,大大降低了学习成本。查看官方实例

基础入门

问-学-记

个人学习过程中的疑问记录及demo演示,小白入门开始教程之Hello Threejs。

进阶教程

踩坑经验

分享记录遇到的坑及解决方案

以下经验来自快乐小球球

  • 图片尺寸必须以2的n次方<=1024,如果图片不是2的整数倍数,引擎会自动压缩到2的整数倍数,在chrome控制台中会出提示,粗看没事,但在iphone6Plus下会卡到微信闪退.
  • 用webpack打包模型文件,用各种加载器中的 prase 直接解析即可。模型在 webpack 中以 raw 加载
    module: {
      loaders: [
        {test: /\.dae$/, loader: 'raw'},
        ...
      ]
    }
    

Shader 相关资料

shader 效果

用如上 Shaders 在线编辑器 可以查看效果 这里查看效果代码

网上收集资料

Threejs 相关的库

贴图素材

在线站点

在线DEMO

相关书籍资料

收集整理学习资料。

同类库探索

b4w p5.js

You can’t perform that action at this time.