搜集并学习threejs的相关知识总结、Demo、站点、书籍等。
搜集并学习threejs的相关知识总结、Demo、站点、书籍等,欢迎有兴趣的小伙伴一起交流学习。
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'},
...
]
}
用如上 Shaders 在线编辑器 可以查看效果 这里查看效果代码
收集整理学习资料。
p5.js Web Editor - p5在线编辑器
OpenProcessing - 各种 demo
wangyasai-亚赛大人,很多好玩的效果,👍.