Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Ablesons
three.js
提交
8382c998
T
three.js
项目概览
Ablesons
/
three.js
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
T
three.js
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
8382c998
编写于
12月 12, 2016
作者:
M
Mr.doob
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Editor: UI improvements.
上级
ba90e754
变更
8
隐藏空白更改
内联
并排
Showing
8 changed file
with
166 addition
and
81 deletion
+166
-81
editor/css/dark.css
editor/css/dark.css
+68
-34
editor/css/light.css
editor/css/light.css
+57
-26
editor/js/Config.js
editor/js/Config.js
+1
-2
editor/js/Sidebar.Geometry.js
editor/js/Sidebar.Geometry.js
+2
-2
editor/js/Sidebar.Material.js
editor/js/Sidebar.Material.js
+4
-4
editor/js/Sidebar.Object.js
editor/js/Sidebar.Object.js
+2
-2
editor/js/Sidebar.Script.js
editor/js/Sidebar.Script.js
+6
-8
editor/js/Toolbar.js
editor/js/Toolbar.js
+26
-3
未找到文件。
editor/css/dark.css
浏览文件 @
8382c998
.Outliner
{
color
:
#868686
;
background
:
#222
;
padding
:
0
;
width
:
100%
;
height
:
140px
;
font-size
:
12px
;
cursor
:
default
;
overflow
:
auto
;
button
{
color
:
#aaa
;
background-color
:
#222
;
border
:
0px
;
padding
:
5px
8px
;
text-transform
:
uppercase
;
cursor
:
pointer
;
outline
:
none
;
}
.Outliner
.option
{
padding
:
4px
;
white-space
:
nowrap
;
button
:hover
{
color
:
#ccc
;
background-color
:
#444
;
}
.Outliner
.option
:hover
{
background-color
:
rgba
(
21
,
60
,
94
,
0.5
);
button
.selected
{
color
:
#fff
;
background-color
:
#08f
;
}
.Outliner
.option.active
{
background-color
:
rgba
(
21
,
60
,
94
,
1
);
}
.Panel.Collapsible.collapsed
.Static
.Button
{
border-left-color
:
#444
;
}
.Panel.Collapsible
:not
(
.collapsed
)
.Static
.Button
{
border-top-color
:
#444
;
input
,
textarea
{
background-color
:
#222
;
border
:
1px
solid
transparent
;
color
:
#888
;
}
input
.Number
{
color
:
#
2A75B7
!important
;
color
:
#
08f
!important
;
font-size
:
12px
;
border
:
0px
;
padding
:
2px
;
cursor
:
col-resize
;
}
select
{
color
:
#aaa
;
background-color
:
#222
;
border
:
0px
;
text-transform
:
uppercase
;
cursor
:
pointer
;
outline
:
none
;
}
select
:hover
{
color
:
#ccc
;
background-color
:
#444
;
}
/* UI */
#viewport
{
position
:
absolute
;
top
:
32px
;
...
...
@@ -154,14 +162,6 @@ input.Number {
vertical-align
:
middle
;
}
#sidebar
input
,
#sidebar
textarea
,
#sidebar
select
{
background
:
#222
;
border
:
1px
solid
transparent
;
color
:
#888
;
}
#sidebar
.Panel
{
color
:
#888
;
padding
:
10px
;
...
...
@@ -219,3 +219,37 @@ input.Number {
#toolbar
button
{
margin-right
:
6px
;
}
.Outliner
{
color
:
#888
;
background
:
#222
;
padding
:
0
;
width
:
100%
;
height
:
140px
;
font-size
:
12px
;
cursor
:
default
;
overflow
:
auto
;
outline
:
none
;
}
.Outliner
.option
{
padding
:
4px
;
white-space
:
nowrap
;
}
.Outliner
.option
:hover
{
background-color
:
rgba
(
21
,
60
,
94
,
0.5
);
}
.Outliner
.option.active
{
background-color
:
rgba
(
21
,
60
,
94
,
1
);
}
.Panel.Collapsible.collapsed
.Static
.Button
{
border-left-color
:
#444
;
}
.Panel.Collapsible
:not
(
.collapsed
)
.Static
.Button
{
border-top-color
:
#444
;
}
editor/css/light.css
浏览文件 @
8382c998
.Outliner
{
color
:
#444
;
background
:
#fff
;
padding
:
0
;
width
:
100%
;
height
:
140px
;
font-size
:
12px
;
cursor
:
default
;
overflow
:
auto
;
button
{
color
:
#555
;
background-color
:
#ddd
;
border
:
0px
;
padding
:
5px
8px
;
text-transform
:
uppercase
;
cursor
:
pointer
;
outline
:
none
;
}
.Outliner
.option
{
padding
:
4px
;
color
:
#666
;
white-space
:
nowrap
;
button
:hover
{
background-color
:
#fff
;
}
.Outliner
.option
:hover
{
background-color
:
rgba
(
0
,
0
,
0
,
0.02
)
;
button
.selected
{
background-color
:
#fff
;
}
.Outliner
.option.active
{
background-color
:
rgba
(
0
,
0
,
0
,
0.04
);
}
input
,
textarea
{
border
:
1px
solid
transparent
;
color
:
#444
;
}
input
.Number
{
color
:
#0
080f0
!important
;
color
:
#0
8f
!important
;
font-size
:
12px
;
border
:
0px
;
padding
:
2px
;
cursor
:
col-resize
;
}
select
{
color
:
#666
;
background-color
:
#ddd
;
border
:
0px
;
text-transform
:
uppercase
;
cursor
:
pointer
;
outline
:
none
;
}
select
:hover
{
background-color
:
#fff
;
}
/* UI */
#viewport
{
position
:
absolute
;
top
:
32px
;
...
...
@@ -147,13 +159,6 @@ input.Number {
vertical-align
:
middle
;
}
#sidebar
input
,
#sidebar
textarea
,
#sidebar
select
{
border
:
1px
solid
transparent
;
color
:
#444
;
}
#sidebar
.Panel
{
color
:
#888
;
padding
:
10px
;
...
...
@@ -207,3 +212,29 @@ input.Number {
#toolbar
button
{
margin-right
:
6px
;
}
.Outliner
{
color
:
#444
;
background-color
:
#fff
;
padding
:
0
;
width
:
100%
;
height
:
140px
;
font-size
:
12px
;
cursor
:
default
;
overflow
:
auto
;
outline
:
none
!important
;
}
.Outliner
.option
{
padding
:
4px
;
color
:
#666
;
white-space
:
nowrap
;
}
.Outliner
.option
:hover
{
background-color
:
rgba
(
0
,
0
,
0
,
0.02
);
}
.Outliner
.option.active
{
background-color
:
rgba
(
0
,
0
,
0
,
0.04
);
}
editor/js/Config.js
浏览文件 @
8382c998
...
...
@@ -18,8 +18,7 @@ var Config = function ( name ) {
'
settings/history
'
:
false
,
'
ui/sidebar/animation/collapsed
'
:
true
,
'
ui/sidebar/script/collapsed
'
:
true
'
ui/sidebar/animation/collapsed
'
:
true
};
if
(
window
.
localStorage
[
name
]
===
undefined
)
{
...
...
editor/js/Sidebar.Geometry.js
浏览文件 @
8382c998
...
...
@@ -96,8 +96,8 @@ Sidebar.Geometry = function ( editor ) {
// uuid
var
geometryUUIDRow
=
new
UI
.
Row
();
var
geometryUUID
=
new
UI
.
Input
().
setWidth
(
'
1
15
px
'
).
setFontSize
(
'
12px
'
).
setDisabled
(
true
);
var
geometryUUIDRenew
=
new
UI
.
Button
(
'
⟳
'
).
setMarginLeft
(
'
7px
'
).
onClick
(
function
()
{
var
geometryUUID
=
new
UI
.
Input
().
setWidth
(
'
1
02
px
'
).
setFontSize
(
'
12px
'
).
setDisabled
(
true
);
var
geometryUUIDRenew
=
new
UI
.
Button
(
'
New
'
).
setMarginLeft
(
'
7px
'
).
onClick
(
function
()
{
geometryUUID
.
setValue
(
THREE
.
Math
.
generateUUID
()
);
...
...
editor/js/Sidebar.Material.js
浏览文件 @
8382c998
...
...
@@ -25,13 +25,13 @@ Sidebar.Material = function ( editor ) {
}
)
);
managerRow
.
add
(
new
UI
.
Button
(
'
Copy
'
).
onClick
(
function
()
{
managerRow
.
add
(
new
UI
.
Button
(
'
Copy
'
).
setMarginLeft
(
'
4px
'
).
onClick
(
function
()
{
copiedMaterial
=
currentObject
.
material
;
}
)
);
managerRow
.
add
(
new
UI
.
Button
(
'
Paste
'
).
onClick
(
function
()
{
managerRow
.
add
(
new
UI
.
Button
(
'
Paste
'
).
setMarginLeft
(
'
4px
'
).
onClick
(
function
()
{
if
(
copiedMaterial
===
undefined
)
return
;
...
...
@@ -71,8 +71,8 @@ Sidebar.Material = function ( editor ) {
// uuid
var
materialUUIDRow
=
new
UI
.
Row
();
var
materialUUID
=
new
UI
.
Input
().
setWidth
(
'
1
15
px
'
).
setFontSize
(
'
12px
'
).
setDisabled
(
true
);
var
materialUUIDRenew
=
new
UI
.
Button
(
'
⟳
'
).
setMarginLeft
(
'
7px
'
).
onClick
(
function
()
{
var
materialUUID
=
new
UI
.
Input
().
setWidth
(
'
1
02
px
'
).
setFontSize
(
'
12px
'
).
setDisabled
(
true
);
var
materialUUIDRenew
=
new
UI
.
Button
(
'
New
'
).
setMarginLeft
(
'
7px
'
).
onClick
(
function
()
{
materialUUID
.
setValue
(
THREE
.
Math
.
generateUUID
()
);
update
();
...
...
editor/js/Sidebar.Object.js
浏览文件 @
8382c998
...
...
@@ -65,8 +65,8 @@ Sidebar.Object = function ( editor ) {
// uuid
var
objectUUIDRow
=
new
UI
.
Row
();
var
objectUUID
=
new
UI
.
Input
().
setWidth
(
'
1
15
px
'
).
setFontSize
(
'
12px
'
).
setDisabled
(
true
);
var
objectUUIDRenew
=
new
UI
.
Button
(
'
⟳
'
).
setMarginLeft
(
'
7px
'
).
onClick
(
function
()
{
var
objectUUID
=
new
UI
.
Input
().
setWidth
(
'
1
02
px
'
).
setFontSize
(
'
12px
'
).
setDisabled
(
true
);
var
objectUUIDRenew
=
new
UI
.
Button
(
'
New
'
).
setMarginLeft
(
'
7px
'
).
onClick
(
function
()
{
objectUUID
.
setValue
(
THREE
.
Math
.
generateUUID
()
);
...
...
editor/js/Sidebar.Script.js
浏览文件 @
8382c998
...
...
@@ -6,16 +6,11 @@ Sidebar.Script = function ( editor ) {
var
signals
=
editor
.
signals
;
var
container
=
new
UI
.
CollapsiblePanel
();
container
.
setCollapsed
(
editor
.
config
.
getKey
(
'
ui/sidebar/script/collapsed
'
)
);
container
.
onCollapsedChange
(
function
(
boolean
)
{
editor
.
config
.
setKey
(
'
ui/sidebar/script/collapsed
'
,
boolean
);
}
);
var
container
=
new
UI
.
Panel
();
container
.
setDisplay
(
'
none
'
);
container
.
addStatic
(
new
UI
.
Text
(
'
Script
'
).
setTextTransform
(
'
uppercase
'
)
);
container
.
add
(
new
UI
.
Text
(
'
Script
'
).
setTextTransform
(
'
uppercase
'
)
);
container
.
add
(
new
UI
.
Break
()
);
container
.
add
(
new
UI
.
Break
()
);
//
...
...
@@ -43,6 +38,7 @@ Sidebar.Script = function ( editor ) {
function
update
()
{
scriptsContainer
.
clear
();
scriptsContainer
.
setDisplay
(
'
none
'
);
var
object
=
editor
.
selected
;
...
...
@@ -56,6 +52,8 @@ Sidebar.Script = function ( editor ) {
if
(
scripts
!==
undefined
)
{
scriptsContainer
.
setDisplay
(
'
block
'
);
for
(
var
i
=
0
;
i
<
scripts
.
length
;
i
++
)
{
(
function
(
object
,
script
)
{
...
...
editor/js/Toolbar.js
浏览文件 @
8382c998
...
...
@@ -14,27 +14,50 @@ var Toolbar = function ( editor ) {
// translate / rotate / scale
var
translate
=
new
UI
.
Button
(
'
translate ( w )
'
).
onClick
(
function
()
{
var
translate
=
new
UI
.
Button
(
'
translate
'
);
translate
.
dom
.
title
=
'
W
'
;
translate
.
dom
.
className
=
'
Button selected
'
;
translate
.
onClick
(
function
()
{
signals
.
transformModeChanged
.
dispatch
(
'
translate
'
);
}
);
buttons
.
add
(
translate
);
var
rotate
=
new
UI
.
Button
(
'
rotate ( e )
'
).
onClick
(
function
()
{
var
rotate
=
new
UI
.
Button
(
'
rotate
'
);
rotate
.
dom
.
title
=
'
E
'
;
rotate
.
onClick
(
function
()
{
signals
.
transformModeChanged
.
dispatch
(
'
rotate
'
);
}
);
buttons
.
add
(
rotate
);
var
scale
=
new
UI
.
Button
(
'
scale ( r )
'
).
onClick
(
function
()
{
var
scale
=
new
UI
.
Button
(
'
scale
'
);
scale
.
dom
.
title
=
'
R
'
;
scale
.
onClick
(
function
()
{
signals
.
transformModeChanged
.
dispatch
(
'
scale
'
);
}
);
buttons
.
add
(
scale
);
signals
.
transformModeChanged
.
add
(
function
(
mode
)
{
translate
.
dom
.
classList
.
remove
(
'
selected
'
);
rotate
.
dom
.
classList
.
remove
(
'
selected
'
);
scale
.
dom
.
classList
.
remove
(
'
selected
'
);
switch
(
mode
)
{
case
'
translate
'
:
translate
.
dom
.
classList
.
add
(
'
selected
'
);
break
;
case
'
rotate
'
:
rotate
.
dom
.
classList
.
add
(
'
selected
'
);
break
;
case
'
scale
'
:
scale
.
dom
.
classList
.
add
(
'
selected
'
);
break
;
}
}
);
// grid
var
grid
=
new
UI
.
Number
(
25
).
setWidth
(
'
40px
'
).
onChange
(
update
);
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录