Skip to main content

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

Awesome-threejs Github