X-Git-Url: http://git.osdn.net/view?a=blobdiff_plain;f=webglFramework%2FThirdparty%2Fthree.js-master%2Feditor%2Fjs%2FSidebar.js;fp=webglFramework%2FThirdparty%2Fthree.js-master%2Feditor%2Fjs%2FSidebar.js;h=0338df265195468ce1347bfa42623842209b35d7;hb=05b15e87b35a7cc0c848c07b0e0550d0befd0c73;hp=0000000000000000000000000000000000000000;hpb=9b45f1a137e35166eaa9062f6a7078bd551704d6;p=webglgame%2Fwebgl_framework.git

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
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;
+
+};