Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
车家大少爷
three.js
提交
18f7b2ff
T
three.js
项目概览
车家大少爷
/
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,发现更多精彩内容 >>
提交
18f7b2ff
编写于
8月 17, 2017
作者:
M
Mr.doob
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Simplified css3d_molecules example.
上级
a9f0ab32
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
8 addition
and
24 deletion
+8
-24
examples/css3d_molecules.html
examples/css3d_molecules.html
+8
-24
未找到文件。
examples/css3d_molecules.html
浏览文件 @
18f7b2ff
...
...
@@ -11,14 +11,7 @@
body
{
background-color
:
#050505
;
background
:
rgb
(
43
,
45
,
48
);
/* Old browsers */
background
:
-moz-radial-gradient
(
center
,
ellipse
cover
,
rgba
(
43
,
45
,
48
,
1
)
0%
,
rgba
(
0
,
0
,
0
,
1
)
100%
);
/* FF3.6+ */
background
:
-webkit-gradient
(
radial
,
center
center
,
0px
,
center
center
,
100%
,
color-stop
(
0%
,
rgba
(
43
,
45
,
48
,
1
)),
color-stop
(
100%
,
rgba
(
0
,
0
,
0
,
1
)));
/* Chrome,Safari4+ */
background
:
-webkit-radial-gradient
(
center
,
ellipse
cover
,
rgba
(
43
,
45
,
48
,
1
)
0%
,
rgba
(
0
,
0
,
0
,
1
)
100%
);
/* Chrome10+,Safari5.1+ */
background
:
-o-radial-gradient
(
center
,
ellipse
cover
,
rgba
(
43
,
45
,
48
,
1
)
0%
,
rgba
(
0
,
0
,
0
,
1
)
100%
);
/* Opera 12+ */
background
:
-ms-radial-gradient
(
center
,
ellipse
cover
,
rgba
(
43
,
45
,
48
,
1
)
0%
,
rgba
(
0
,
0
,
0
,
1
)
100%
);
/* IE10+ */
background
:
radial-gradient
(
ellipse
at
center
,
rgba
(
43
,
45
,
48
,
1
)
0%
,
rgba
(
0
,
0
,
0
,
1
)
100%
);
/* W3C */
background
:
radial-gradient
(
ellipse
at
center
,
rgba
(
43
,
45
,
48
,
1
)
0%
,
rgba
(
0
,
0
,
0
,
1
)
100%
);
margin
:
0
;
font-family
:
Arial
;
...
...
@@ -286,27 +279,18 @@
//
function
colorify
(
ctx
,
width
,
height
,
color
,
a
)
{
function
colorify
(
ctx
,
width
,
height
,
color
)
{
var
r
=
color
.
r
;
var
g
=
color
.
g
;
var
b
=
color
.
b
;
var
r
=
color
.
r
,
g
=
color
.
g
,
b
=
color
.
b
;
var
imageData
=
ctx
.
getImageData
(
0
,
0
,
width
,
height
);
var
data
=
imageData
.
data
;
for
(
var
y
=
0
;
y
<
height
;
y
++
)
{
for
(
var
x
=
0
;
x
<
width
;
x
++
)
{
var
index
=
(
y
*
width
+
x
)
*
4
;
for
(
var
i
=
0
,
l
=
data
.
length
;
i
<
l
;
i
+=
4
)
{
data
[
index
]
*=
r
;
data
[
index
+
1
]
*=
g
;
data
[
index
+
2
]
*=
b
;
data
[
index
+
3
]
*=
a
;
}
data
[
i
+
0
]
*=
r
;
data
[
i
+
1
]
*=
g
;
data
[
i
+
2
]
*=
b
;
}
...
...
@@ -377,7 +361,7 @@
var
canvas
=
imageToCanvas
(
baseSprite
);
var
context
=
canvas
.
getContext
(
'
2d
'
);
colorify
(
context
,
canvas
.
width
,
canvas
.
height
,
color
,
1
);
colorify
(
context
,
canvas
.
width
,
canvas
.
height
,
color
);
var
dataUrl
=
canvas
.
toDataURL
();
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录