Giter Club home page Giter Club logo

nunustudio's Introduction

alt tag

nunuStudio

  • nunuStudio is a three.js based framework for 3D and VR applications that runs direcly on the browser without the need for additional plugins using WebGL and WebVR.
  • nunuStudio provides a visual scene editor, a code editor, visual tools to edit textures, materials, particle emitters, etc.

Documentation

  • Documentation for the scripting API is available on the nunu webpage http://nunustudio.org
  • nunuStudio was documented using YUIDocs

Features

  • Visual application editor
  • three.js based
    • Real time lighting and shadow map support
    • three.js code can be used inside nunuStudio scripts
  • Wide range of file formats supported
  • TTF Font support
  • Drag and drop files directly to objects
  • One file only project export with all assets included
    • No more broken projects because of missing files
  • NWJS and Cordova used for easy desktop and mobile deployment
  • Physics engine (cannon.js)
  • SPE particle system
  • Microsoft Kinect and Leap Motion support
    • Microsoft Kinect only supported in Windows projects
  • WebVR 1.1 compatible

Screenshots

alt tagalt tagalt tag alt tagalt tag

Examples

alt tagalt tagalt tag

ChangeLog

  • V0.8.9.15 Alpha
    • Added font preview in asset explorer
    • Fixed material preview projection
    • Projects can be loaded when dragged anywhere
    • Videos and images can now be exported to files
      • Left click on texture inside the asset explorer and select Export Image/Video
    • Added support for Positional Audio
      • Audio relative to origin
    • Fonts can now be dragged directly to an object
    • Fixed script onResize method
    • Projects can now be run by pressing F5
  • V0.8.9.16 Alpha
    • Fixed file path changing after project export
    • Program rendering settings (Antialiasing, Shadows)
    • Text3D now supports line break with '\n'
    • Text3D panel can be used to edit multiline text
    • Program stores pointer to nunu app (program.app)
    • Added program.sendDataApp and app.setOnDataReceived for app/page communication
    • Renamed NunuRuntime to NunuApp (Makes more sense)
    • Fixed copy/paste inside object panels
  • V0.8.9.17 Alpha
    • Particle editor position, velocity and acceleration delta now shows in different a row
    • Fixed program resources dispose
    • Added support for mouse lock on runtime
    • Added RectArea light support
    • Added MTL loading support
    • Added program, scene and self variables to scripts (can be used without this reference)
    • Generic multi file format 3D model loading
  • V0.8.9.18 Alpha
    • Added geometry properties to geometry panels
    • Camera draw order
    • Fixed OBJ and MTL loading
    • Default app export template loading screen
    • Audio preview
  • V0.8.9.19 Alpha
    • Renamed variables variable_name to variableName
    • Added Texture Editor
    • Documentation page
  • V0.8.9.20 Alpha
    • Cubetexture support
    • Improved material serialization
    • Sort objects in the explorer
  • V0.8.9.21 Alpha
    • Editor standalone version (@Seagat2011)
    • Support for File API loading
    • Added reverse glyphs option to Font asset
    • Improved font preview
    • Added support for Textures as scene background
    • Drag and drop CubeTextures
    • Drag and drop tabs in editor

Runtime

  • nunuStudio apps are meant to be used inside web pages
  • To embed applications made inside nunuStudio in web pages the following code can be used
  • nunuStudio can export full page web apps with a fullscreen and vr buttons by default
 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();
 	}
 }

Tech

nunuStudio uses a number of open source projects to work properly

  • 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

Installation

  • nunuStudio is intended to run with NWJS direcly on the desktop
    • Linux and Windows are supported
    • Download the repository and run the start.bat or start.sh file depending on your OS

License

  • nunuStudio uses a MIT license (Available on GitHub page)

nunustudio's People

Contributors

tentone avatar

Watchers

James Cloos avatar DS avatar 时易创享 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.