Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
车家大少爷
three.js
提交
43dd9cff
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,发现更多精彩内容 >>
提交
43dd9cff
编写于
3月 03, 2017
作者:
J
Jost Schmithals
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
additions to animation docs modified after review, page.css reverted (for extra PR)
上级
1020fda4
变更
7
隐藏空白更改
内联
并排
Showing
7 changed file
with
45 addition
and
56 deletion
+45
-56
docs/api/animation/AnimationAction.html
docs/api/animation/AnimationAction.html
+18
-29
docs/api/animation/AnimationClip.html
docs/api/animation/AnimationClip.html
+2
-1
docs/api/animation/AnimationMixer.html
docs/api/animation/AnimationMixer.html
+1
-1
docs/api/animation/AnimationObjectGroup.html
docs/api/animation/AnimationObjectGroup.html
+1
-1
docs/api/animation/KeyframeTrack.html
docs/api/animation/KeyframeTrack.html
+1
-1
docs/manual/introduction/Animation-system.html
docs/manual/introduction/Animation-system.html
+16
-16
docs/page.css
docs/page.css
+6
-7
未找到文件。
docs/api/animation/AnimationAction.html
浏览文件 @
43dd9cff
...
...
@@ -16,7 +16,7 @@
Note: Most of AnimationAction's methods can be chained.
<br
/><br
/>
For an overview o
ver
the different elements of the three.js animation system see the
For an overview o
f
the different elements of the three.js animation system see the
"Animation System" article in the "Next Steps" section of the manual.
</div>
...
...
@@ -30,8 +30,8 @@
[page:AnimationClip clip] - the *AnimationClip* that holds the animation data for this action.
<br
/>
[page:Object3D localRoot] - the root object on which this action is performed.
<br
/><br
/>
Note: Instead of calling this constructor directly you
can
instantiate an AnimationAction with
[page:AnimationMixer.clipAction].
Note: Instead of calling this constructor directly you
should
instantiate an AnimationAction with
[page:AnimationMixer.clipAction]
since this method provides caching for better performance
.
</div>
...
...
@@ -40,17 +40,16 @@
<h3>
[property:Boolean clampWhenFinished]
</h3>
<div>
If *clampWhenFinished* is set to true, [page:.paused paused] will automatically be switched to
true, when the last loop of the action has finished. Therefore the last frame of the animation
will be hold as the final state.
<br
/><br
/>
If *clampWhenFinished* is set to true the animation will automatically be [page:.paused paused]
on its last frame.
<br
/><br
/>
If *clampWhenFinished* is set to false, [page:.enabled enabled] will automatically be switched
to false
,
when the last loop of the action has finished, so that this action has no further
to false when the last loop of the action has finished, so that this action has no further
impact.
<br
/><br
/>
Default is false.
<br
/><br
/>
Note: *clampWhenFinished* has no impact
,
if the action is interrupted (it has only an effect if
Note: *clampWhenFinished* has no impact if the action is interrupted (it has only an effect if
its last loop has really finished).
</div>
...
...
@@ -58,11 +57,11 @@
<div>
Setting *enabled* to *false* disables this action, so that it has no impact. Default is *true*.
<br
/><br
/>
When the action is re-enabled, the animation continues from its current
point of
[page:.time time]
When the action is re-enabled, the animation continues from its current [page:.time time]
(setting *enabled* to *false* doesn't reset the action).
<br
/><br
/>
Note: Setting *enabled* to *true* doesn’t automatically restart the animation. Setting *enabled*
to *true* will only restart the animation immediately
,
if the following condition is fulfilled:
to *true* will only restart the animation immediately if the following condition is fulfilled:
[page:.paused paused] is *false*, this action has not been deactivated in the meantime (by
executing a [page:.stop stop] or [page:.reset reset] command), and neither [page:.weight weight]
nor [page:.timeScale timeScale] is 0.
...
...
@@ -85,16 +84,6 @@
<div>
Setting *paused* to *true* pauses the execution of the action by setting the effective time scale
to 0. Default is *false*.
<br
/><br
/>
Setting *paused* to *true* doesn’t reset the action. The action can be continued from this point
of time by setting *paused* to false afterwards. Unlike setting [page:.enabled enabled] to false
the current frame will be shown statically during pausing.
<br
/><br
/>
Note: Setting *paused* to *false* doesn’t automatically restart the animation. Setting *paused* to
*false* will only restart the animation immediately, if the following condition is fulfilled:
[page:.enabled enabled] is *true*, this action has not been deactivated in the meantime (by executing
a [page:.stop stop] or [page:.reset reset] command), and neither [page:.weight weight] nor
[page:.timeScale timeScale] is 0.
</div>
<h3>
[property:Number repetitions]
</h3>
...
...
@@ -230,10 +219,10 @@
<h3>
[method:Boolean isRunning]()
</h3>
<div>
Returns true
, if this action is not only activated in the mixer, but really playing (as opposed
to
[page:.isScheduled isScheduled]).
<br
/><br
/>
Returns true
if this action is activated in the mixer and currently playing (as opposed to
[page:.isScheduled isScheduled]).
<br
/><br
/>
In addition to
the activation
in the mixer the following conditions must be fulfilled:
In addition to
being activated
in the mixer the following conditions must be fulfilled:
[page:.paused paused] is equal to false, [page:.enabled enabled] is equal to true,
[page:.timeScale timeScale] is different from 0, and there is no scheduling for a delayed start
([page:.startAt startAt]).
...
...
@@ -280,8 +269,8 @@
<div>
Sets the [page:.timeScale timeScale] and stops any scheduled warping. This method can be chained.
<br
/><br
/>
If [page:.paused paused] is false, the effective time scale (an internal property) will be set
to this value
, too
; otherwise the effective time scale (directly affecting the animation at
If [page:.paused paused] is false, the effective time scale (an internal property) will
also
be set
to this value; otherwise the effective time scale (directly affecting the animation at
this moment) will be set to 0.
<br
/><br
/>
Note: .*paused* will not be switched to *true* automatically, if .*timeScale* is set to 0 by
...
...
@@ -292,9 +281,9 @@
<div>
Sets the [page:.weight weight] and stops any scheduled fading. This method can be chained.
<br
/><br
/>
If [page:.enabled enabled] is true, the effective weight (an internal property) will
be set to
t
his value, too; otherwise the effective weight (directly affecting the animation at this
moment)
will be set to 0.
<br
/><br
/>
If [page:.enabled enabled] is true, the effective weight (an internal property) will
also be set
t
o this value; otherwise the effective weight (directly affecting the animation at this moment)
will be set to 0.
<br
/><br
/>
Note: .*enabled* will not be switched to *false* automatically, if .*weight* is set to 0 by
this method.
...
...
@@ -320,7 +309,7 @@
<div>
Tells the mixer to deactivate this action. This method can be chained.
<br
/><br
/>
The action will be immediately stopped and completely
resetted (calling [page:.reset reset] internally)
.
<br
/><br
/>
The action will be immediately stopped and completely
[page:.reset reset]
.
<br
/><br
/>
Note: You can stop all active actions on the same mixer in one go via
[page:AnimationMixer.stopAllAction mixer.stopAllAction].
...
...
docs/api/animation/AnimationClip.html
浏览文件 @
43dd9cff
...
...
@@ -12,7 +12,8 @@
<div
class=
"desc"
>
An AnimationClip is a reusable set of keyframe tracks which represent an animation.
<br
/><br
/>
For an overview over the different elements of the three.js animation system see the
For an overview of the different elements of the three.js animation system see the
"Animation System" article in the "Next Steps" section of the manual.
</div>
...
...
docs/api/animation/AnimationMixer.html
浏览文件 @
43dd9cff
...
...
@@ -15,7 +15,7 @@
multiple objects in the scene are animated independently, one AnimationMixer may be used for
each object.
<br
/><br
/>
For an overview o
ver
the different elements of the three.js animation system see the
For an overview o
f
the different elements of the three.js animation system see the
"Animation System" article in the "Next Steps" section of the manual.
</div>
...
...
docs/api/animation/AnimationObjectGroup.html
浏览文件 @
43dd9cff
...
...
@@ -12,7 +12,7 @@
<div
class=
"desc"
>
A group of objects that receives a shared animation state.
<br
/><br
/>
For an overview o
ver
the different elements of the three.js animation system see the
For an overview o
f
the different elements of the three.js animation system see the
"Animation System" article in the "Next Steps" section of the manual.
</div>
...
...
docs/api/animation/KeyframeTrack.html
浏览文件 @
43dd9cff
...
...
@@ -16,7 +16,7 @@
which are composed of lists of times and related values, and which are used to animate a
specific property of an object.
<br
/><br
/>
For an overview o
ver
the different elements of the three.js animation system see the
For an overview o
f
the different elements of the three.js animation system see the
"Animation System" article in the "Next Steps" section of the manual.
<br
/><br
/>
In contrast to the animation hierarchy of the
...
...
docs/manual/introduction/Animation-system.html
浏览文件 @
43dd9cff
...
...
@@ -24,9 +24,9 @@
To achieve all this in one homogeneous system, the three.js animation system
[link:https://github.com/mrdoob/three.js/issues/6881 has completely changed in 2015]
(be aware of outdated information
s
!), and it has now an architecture similar to
Unity/Unreal Engine 4.
Here is a short overview over its main components and how
they work together:
(be aware of outdated information!), and it has now an architecture similar to
Unity/Unreal Engine 4.
This page gives a short overview of the main components of the
system and how they work together.
</div>
...
...
@@ -41,9 +41,9 @@
properties of the loaded mesh should be an array named "animations", containing the
[page:AnimationClip AnimationClips] for this model (see a list of possible loaders below).
<br
/><br
/>
Each *AnimationClip* usually holds the data for a certain activity of the object.
For
example there can be one AnimationClip for a walkcycle, a second for a jump, a third for
sidestepping and so on (assumed the object is a character)
.
Each *AnimationClip* usually holds the data for a certain activity of the object.
If the
mesh is a character, for example, there may be one AnimationClip for a walkcycle, a second
for a jump, a third for sidestepping and so on
.
</div>
...
...
@@ -60,8 +60,8 @@
Assumed the model has [page:Geometry.morphTargets morph targets] (for example one morph
target showing a friendly face and another showing an angry face), each track holds the
information
, how the [page:Mesh.morphTargetInfluences influence] of a certain morph target
changes during the performance of the clip.
information
as to how the [page:Mesh.morphTargetInfluences influence] of a certain morph
target
changes during the performance of the clip.
</div>
...
...
@@ -69,10 +69,10 @@
<div
class=
"desc"
>
The stored data form only the basis for the animations
. Of course a playback software is
needed, too: in three.js this is the [page:AnimationMixer]. You can imagine this not only
as a
player for animations, but as a simulation of a hardware like a real mixer console,
which can control several animations
simultaneously, blending and merging them.
The stored data form only the basis for the animations
- actual playback is controlled by
the [page:AnimationMixer]. You can imagine this not only as a player for animations, but
as a
simulation of a hardware like a real mixer console, which can control several animations
simultaneously, blending and merging them.
</div>
...
...
@@ -84,8 +84,8 @@
can be controlled by the [page:AnimationAction AnimationActions]. By configuring an
*AnimationAction* you can determine when a certain *AnimationClip* shall be played, paused
or stopped on one of the mixers, if and how often the clip has to be repeated, whether it
shall be performed with a fade or a time scaling, and some
things more (like crossfading or
synchronizing)
.
shall be performed with a fade or a time scaling, and some
additional things, such crossfading
or synchronizing
.
</div>
...
...
@@ -93,7 +93,7 @@
<div
class=
"desc"
>
If you want
that a group of objects receives
a shared animation state, you can use an
If you want
a group of objects to receive
a shared animation state, you can use an
[page:AnimationObjectGroup].
</div>
...
...
@@ -102,7 +102,7 @@
<div
class=
"desc"
>
Note that not all model formats include animation (OBJ notably does not), and that only some
THREE
.js loaders support [page:AnimationClip AnimationClip] sequences. Several that
<i>
do
</i>
three
.js loaders support [page:AnimationClip AnimationClip] sequences. Several that
<i>
do
</i>
support this animation type:
</div>
...
...
docs/page.css
浏览文件 @
43dd9cff
...
...
@@ -40,11 +40,11 @@ h3 {
font-size
:
16px
;
font-weight
:
normal
;
margin-top
:
4
0px
;
margin-top
:
3
0px
;
}
div
{
padding-left
:
30px
;
/* padding-left: 30px; */
margin-bottom
:
20px
;
}
...
...
@@ -56,7 +56,6 @@ pre, code {
margin-top
:
20px
;
margin-bottom
:
20px
;
}
code
{
display
:
block
;
width
:
-webkit-calc
(
100%
-
40px
);
...
...
@@ -103,10 +102,10 @@ strong {
opacity
:
0.5
;
}
#button
:hover
{
cursor
:
pointer
;
opacity
:
1
;
}
#button
:hover
{
cursor
:
pointer
;
opacity
:
1
;
}
a
.permalink
{
float
:
right
;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录