欢迎访问昆山宝鼎软件有限公司网站! 设为首页 | 网站地图 | XML | RSS订阅 | 宝鼎邮箱 | 后台管理


新闻资讯

MENU

软件开发知识

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

点击: 次  来源: 时间:2017-03-13

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