Awesome-threejs

搜集並學習threejs的相關知識總結、Demo、 網站、書籍等,歡迎有興趣的小夥伴一起交流學習。

three.js是以webgl為基礎的庫,封裝了一些3D渲染需求中重要的工具方法與渲染循環。WebGL門檻相對較高,Three.js對WebGL提供的介面進行了非常好的封裝,簡化了很多細節,大大降低了學習成本。查看官方實例

基礎入門

問-學-記

個人學習過程中的疑問記錄及demoDemo,小白入門開始教程之Hello Threejs。

進階教程

踩坑經驗

分享記錄遇到的坑及解決方案

以下經驗來自快樂小球球

  • 圖片尺寸必須以2的n次方<=1024,如果圖片不是2的整數倍數,引擎會自動壓縮到2的整數倍數,在chrome控制台中會出提示,粗看沒事,但在iphone6Plus下會卡到微信閃退.

  • 用webpack打包模型文件,用各種載入器中的 prase 直接解析即可。模型在 webpack 中以 raw 載入

    module: {
      loaders: [
        {test: /\.dae$/, loader: 'raw'},
        ...
      ]
    }

Shader 相關資料

shader 效果

用如上 Shaders 在線編輯器 可以查看效果 這裡查看效果程式碼

網上收集資料

Threejs 相關的庫

貼圖素材

在線 網站

在線DEMO

相關書籍資料

收集整理學習資料。

同類庫探索

Last updated