nunuStudio：一款支持 3D 及 VR 应用的 JS IDE

nunuStudio是一款支持 3D 以及 VR 应用的 three.js 框架，可以直接在浏览器上运行，不需要使用 WebGL 和 WebVR 等额外的插件。它提供了一个可视化的场景编辑器、代码编辑器、可视化工具来编辑纹理、材质、粒子发射器等等。

宗旨为：“3D content that runs everywhere！”

特性

• 可视化应用程序编辑器
• 基于three.js
  
  • 支持实时照明和阴影映射
  • three.js 代码可以在 nunuStudio 脚本中使用
• 支持各种文件格式
• 支持 TTF 字体
• 可直接拖拽文件到对象
• NWJS 和 Cordova 用于简单的桌面和移动设备部署
• 物理引擎(cannon.js)
• SPE 粒子系统
• 支持微软的 Kinect 和 Leap Motion
  
  • 微软的 Kinect 仅支持 Windows 项目
• 兼容 WebVR 1.1

案例

运行

• nunuStudio 应用程序在 web 页面中使用
• web 网页上 nunuStudio 的嵌入式应用程序可使用如下代码
• 全屏然后使用 VR 默认按钮，nunuStudio 可导出整个页面的 web 应用程序。

var app = new NunuApp(); app.setCanvas(canvas); app.load("app.isp"); app.run(); //On exit callback app.onExit(function() {    //TODO <Exit callback> }); //Resize app function resize() {    app.resize(); } //Toggle fullscreen function toggleFullscreen() {    app.setFullscreen();    app.resize(); } //Toggle VR mode (if available) function toggleVR() {    if(app.vrAvailable())    {        app.toggleVR();    } }

技术

nunuStudio 使用了许多开源项目：

• NWJS
  
  • nwjs.io
• three.js
  
  • github.com/mrdoob/three.js
• opentype
  
  • opentype.js.org
• SPE
  
  • github.com/squarefeet/ShaderParticleEngine
• Cannon.JS
  
  • schteppe.github.io/cannon.js
• JSColor
  
  • jscolor.com
• CodeMirror
  
  • codemirror.net
• LeapJS
  
  • github.com/leapmotion/leapjs
• JSHint
  
  • jshint.com
• YUIDocs
  
  • yui.github.io/yuidoc

更多内容，详见 Github：https://github.com/tentone/nunuStudio