three.jsをThirdPartyに追加

[webglgame/webgl_framework.git] / webglFramework / Thirdparty / three.js-master / editor / js / Sidebar.js

diff --git a/webglFramework/Thirdparty/three.js-master/editor/js/Sidebar.js b/webglFramework/Thirdparty/three.js-master/editor/js/Sidebar.js
new file mode 100644 (file)
index 0000000..0338df2
--- /dev/null
+++ b/webglFramework/Thirdparty/three.js-master/editor/js/Sidebar.js
@@ -0,0 +1,81 @@
+/**
+ * @author mrdoob / http://mrdoob.com/
+ */
+
+var Sidebar = function ( editor ) {
+
+       var container = new UI.Panel();
+       container.setId( 'sidebar' );
+
+       //
+
+       var sceneTab = new UI.Text( 'SCENE' ).onClick( onClick );
+       var projectTab = new UI.Text( 'PROJECT' ).onClick( onClick );
+       var settingsTab = new UI.Text( 'SETTINGS' ).onClick( onClick );
+
+       var tabs = new UI.Div();
+       tabs.setId( 'tabs' );
+       tabs.add( sceneTab, projectTab, settingsTab );
+       container.add( tabs );
+
+       function onClick( event ) {
+
+               select( event.target.textContent );
+
+       }
+
+       //
+
+       var scene = new UI.Span().add(
+               new Sidebar.Scene( editor ),
+               new Sidebar.Properties( editor ),
+               new Sidebar.Animation( editor ),
+               new Sidebar.Script( editor )
+       );
+       container.add( scene );
+
+       var project = new UI.Span().add(
+               new Sidebar.Project( editor )
+       );
+       container.add( project );
+
+       var settings = new UI.Span().add(
+               new Sidebar.Settings( editor ),
+               new Sidebar.History( editor )
+       );
+       container.add( settings );
+
+       //
+
+       function select( section ) {
+
+               sceneTab.setClass( '' );
+               projectTab.setClass( '' );
+               settingsTab.setClass( '' );
+
+               scene.setDisplay( 'none' );
+               project.setDisplay( 'none' );
+               settings.setDisplay( 'none' );
+
+               switch ( section ) {
+                       case 'SCENE':
+                               sceneTab.setClass( 'selected' );
+                               scene.setDisplay( '' );
+                               break;
+                       case 'PROJECT':
+                               projectTab.setClass( 'selected' );
+                               project.setDisplay( '' );
+                               break;
+                       case 'SETTINGS':
+                               settingsTab.setClass( 'selected' );
+                               settings.setDisplay( '' );
+                               break;
+               }
+
+       }
+
+       select( 'SCENE' );
+
+       return container;
+
+};