基于Babylonjs自制WebGL3D模型编辑器-

一、总述
　　当代WebGL编程所使用的3D模型大多是从3DsMax模型或Blender模型转化而来，这种工作模式比较适合3D设计师和3D程序员分工配合的场景。但对于单兵作战的WebGL爱好者来讲这种模式过于沉重：且不说转化插件本身存在的各种bug严重降低了转化的成功率，光是为了生成一个简单的模型就需要系统的学习3DsMax或Blender的使用方法就让人感觉得不偿失。
　　基于以上考虑，我计划编写一个基于Babylonjs的简单WebGL模型编辑器，供自己和其他有同样需求的WebGL爱好者使用。编辑器命名为Newland，意为通过自己的努力建立一个更好的世界，现已完成了第一阶段的网格调整和纹理设置功能。测试程序基于MIT协议发布在github上，可以通过http://ljzc002.github.io/Newland/HTML/index_newland.html访问。
　　因为代码过多，这里主要介绍使用方法和设计思路，完整代码可以在https://github.com/ljzc002/ljzc002.github.io/tree/master/Newland上查看。具体使用或修改代码需要一定的3D编程基础，可以参看我录制的3D编程入门视频教程：http://www.bilibili.com/video/av8248516/、http://www.bilibili.com/video/av8834942/、http://www.bilibili.com/video/av9234256/、http://www.bilibili.com/video/av9546734/，也可以自己寻找渠道了解。

二、界面和基本操作

　　程序基于新版的Chrome浏览器编写和调试，需要设备上具有独立或集成显卡，并且需要用户具有通过浏览器调用显卡的权限。目前测试可以在windows7和Centos7操作系统上运行。

　　程序主界面如下图所示：

　　因为纹理图片其他区域都是白色，所以模型的其他区域也都是白色。

五、总结

　　在未来的世界，不懂编程等于文盲。

　　当然，只要遵守别人设置好的规则，文盲也可能生活的很好。但如果一个人想要对所生活世界的运行方式有所了解，甚至加以影响，他就不可能安于做一个文盲。

　　在各种编程形式中，3D编程具有最为直观的表现力和影响力，而Javascript则是一门简单易用又受众广泛的编程语言，作为二者结合的WebGL编程技术正是业余编程爱好者涉猎编程技术的最佳途径之一。

　　而对于专业的3D编程人员来讲，当代3D编程技术正处在向GPU加速运算和多终端3D呈现转变的三叉路口，WebGL技术作为多终端3D呈现方向的核心技术之一，也值得专业程序员深入研究。

　　限于时间，Newland编辑器的介绍就到这里，以后有新的进展会继续更新。希望大家能在评论区里和我交流意见和建议，您的正面评论将是对我的巨大鼓励。

　　谢谢。

以上就是基于Babylonjs自制WebGL3D模型编辑器 的详细内容，更多请关注 第一PHP社区 其它相关文章！