View source for Zh/Clock

{{back | Category:Portal level design/zh|传送门关卡制作}}
{{DISPLAYTITLE: 传送门教程-倒计时时钟}}

本教程将展示如何创建在{{portal}}{{L|portal}}的第一个实验室中看到的'''时钟'''。时钟用于显示距离第一个房间中的传送门打开还剩多少时间。

__NOTOC__

==创建==
===第一步===
[[File:Clock model.png|200px|thumb|right|时钟的模型]]
创建一个<code>{{L|prop_dynamic}}</code>实体，并将模型设定为<code>models/props/clock.mdl</code>，将其''Pitch Yaw Roll''改为<code>-90 180 0</code>并将''禁用阴影''设置为<code>yes</code>。
{{clr}}

===第二步===
创建一个对齐最左边的<code>2w*10l*10h</code>笔刷aligned to the left within the clock model. Texture the front side with <code>signage/clock/clock_minutes</code> and press "Fit" to fit the texture on the brush. Tie this brush to a <code>{{L|func_brush}}</code> entity and set its ''Name'' to <code>brush_clock_minutes</code>.

Next create a <code>2w*2l*10h</code> brush right next to the previous brush. Texture the front with <code>signage/clock/clock_dots</code> and fit the texture to the brush. Tie this brush to a <code>{{L|func_detail}}</code> entity.

After that, create another <code>2w*10l*10h</code> brush next to the previous brush and texture the front with <code>signage/clock/clock_seconds</code> and fit the texture to the brush. Tie this brush to a <code>func_brush</code> entity and set its ''Name'' to <code>brush_clock_seconds</code>.

Create another <code>2w*2l*10h</code> brush with the front textured with <code>signage/clock/clock_dots</code> and tie it to a <code>func_detail</code>.

Now create another <code>2w*10l*10h</code> brush and texture the front with <code>signage/clock/clock_centiseconds</code>. Tie it to a <code>func_brush</code> and set its ''Name'' to <code>brush_clock_centiseconds</code>.

Next create another <code>2w*2l*10h</code> <code>func_detail</code> brush with the front textured with <code>signage/clock/clock_dots</code>.

Finally, create another <code>2w*10l*10h</code> with the front textured with <code>signage/clock/clock_milliseconds</code>. Tie it to a <code>func_brush</code> and set its ''Name'' to <code>brush_clock_milliseconds</code>.


<gallery>
File:Clock_brush_minutes.png|The minutes display brush
File:Clock_brush_dots1.png|The first "dots" display brush
File:Clock_brush_seconds.png|The seconds display brush
File:Clock_brush_dots2.png|The second "dots" display brush
File:Clock_brush_centiseconds.png|The centiseconds display brush
File:Clock_brush_dots3.png|The third "dots" display brush
File:Clock_brush_milliseconds.png|The milliseconds display brush
</gallery>

=== Step 3 ===
Create an <code>{{L|env_texturetoggle}}</code> entity. Set its ''Name'' to <code>texturetoggle_clock_minutes</code> and set its ''Target Brush(es)'' to <code>brush_clock_minutes</code>.

Next create another <code>env_texturetoggle</code> and set its ''Name'' to <code>texturetoggle_clock_seconds</code> and set its ''Target Brush(es)'' to <code>brush_clock_seconds</code>.

After that, create a <code>{{L|material_modify_control}}</code> entity. Set its ''Name'' to <code>mmc_clock_centiseconds</code>, set its ''Parent'' to <code>brush_clock_centiseconds</code>, set its ''Material to modify.'' to <code>signage/clock/clock_centiseconds</code>, and set its ''Material variable to modify'' to <code>$frame</code>.

Finally, create another <code>material_modify_control</code> entity and set its ''Name'' to <code>mmc_clock_milliseconds</code>, set its ''Parent'' to <code>brush_clock_milliseconds</code>, set its ''Material to modify.'' to <code>signage/clock/clock_milliseconds</code>, and set its ''Material variable to modify'' to <code>$frame</code>.


<gallery>
File:Clock_texturetoggle_minutes.png|The <code>texturetoggle_clock_minutes</code> entity
File:Clock_texturetoggle_seconds.png|The <code>texturetoggle_clock_seconds</code> entity
File:Clock_mmc_centiseconds.png|The <code>mmc_clock_centiseconds</code> entity
File:Clock_mmc_milliseconds.png|The <code>mmc_clock_milliseconds</code> entity
</gallery>

=== Step 4 ===
Create a <code>{{L|logic_timer}}</code> entity. Set its ''Name'' to <code>timer_clock_minutes</code>, set ''Start Disabled'' to <code>Yes</code> and set its ''Refire Interval'' to <code>1</code>. Next, give it the following outputs:
{| {{OutputsTable}}
| [[File:Io11.png]] || OnTimer || texturetoggle_clock_minutes || IncrementTextureIndex || &nbsp; || 0.00 || No
|-
| [[File:Io11.png]] || OnTimer || timer_clock_minutes || Disable || &nbsp; || 0.10 || No
|}


Next, create another <code>logic_timer</code> entity and set its ''Name'' to <code>timer_clock_seconds</code>, set ''Start Disabled'' to <code>Yes</code>, and set its ''Refire Interval'' to <code>1</code>. Add the following outputs to it:
{| {{OutputsTable}}
| [[File:Io11.png]] || OnTimer || texturetoggle_clock_seconds || IncrementTextureIndex || &nbsp; || 0.00 || No
|-
| [[File:Io12.png]] || OnTimer || counter_clock || Add || 1 || 0.00 || No
|-
| [[File:Io12.png]] || OnTimer || counter_clock_2 || Add || 1 || 0.00 || No
|}


After that, create another <code>logic_timer</code> entity. Set its ''Name'' to <code>timer_clock_centiseconds</code>, set ''Start Disabled'' to <code>Yes</code>, set its ''Refire Interval'' to <code>1</code>, and add the following output to it:
{| {{OutputsTable}}
| [[File:Io11.png]] || OnTimer || mmc_clock_centiseconds || StartFloatLerp || 0 59 1 0 || 0.00 || No
|}


Finally, create another <code>logic_timer</code> entity and set its ''Name'' to <code>timer_clock_milliseconds</code>, set ''Start Disabled'' to <code>Yes</code>, and set its ''Refire Interval'' to <code>.1</code>. Add the following output to it:
{| {{OutputsTable}}
| [[File:Io11.png]] || OnTimer || mmc_clock_milliseconds || StartFloatLerp || 0 9 .1 1 || 0.00 || No
|}


<gallery>
File:Clock_timer_minutes.png|The <code>timer_clock_minutes</code> entity
File:Clock_timer_seconds.png|The <code>timer_clock_seconds</code> entity
File:Clock_timer_centiseconds.png|The <code>timer_clock_centiseconds</code> entity
File:Clock_timer_milliseconds.png|The <code>timer_clock_milliseconds</code> entity
</gallery>

=== Step 5 ===
[[File:Clock counter.png|200px|thumb|right|The <code>counter_clock</code> entity]]
Create a <code>{{L|math_counter}}</code> entity. Set its ''Name'' to <code>counter_clock</code>, set its ''Maximum Legal Value'' to <code>60</code>, and add the following outputs:
{| {{OutputsTable}}
| [[File:Io11.png]] || OnHitMax || timer_clock_seconds || Disable || &nbsp; || 0.00 || No
|-
| [[File:Io11.png]] || OnHitMax || texturetoggle_clock_seconds || SetTextureIndex || 59 || 0.00 || No
|-
| [[File:Io12.png]] || OnHitMax || timer_ticktock1 || Disable || &nbsp; || 0.00 || No
|}
{{clr}}

[[File:Clock counter 2.png|200px|thumb|right|The <code>counter_clock_2</code> entity]]
Next, create another <code>math_counter</code> and set its ''Name'' to <code>counter_clock_2</code> and set its ''Maximum Legal Value'' to <code>59</code>. Now add the following outputs to it:
{| {{OutputsTable}}
| [[File:Io11.png]] || OnHitMax || timer_clock_centiseconds || Disable || &nbsp; || 0.00 || No
|-
| [[File:Io11.png]] || OnHitMax || timer_clock_milliseconds || Disable || &nbsp; || 1.00 || No
|}
{{clr}}

=== Step 6 ===
[[File:Clock sound ticktock1.png|200px|thumb|right|The <code>sound_ticktock1</code> entity]]
Create a <code>{{L|ambient_generic}}</code> entity. Set its ''Name'' to <code>sound_ticktock1</code>, set its ''Sound Name'' to <code>Portal.room1_TickTock</code>, set its ''Volume'' to <code>5</code> and set its ''Max Audible Distance'' to <code>441</code>.
{{clr}}

[[File:Clock timer ticktock1.png|200px|thumb|right|The <code>timer_ticktock1</code> entity]]
Next, create a <code>logic_timer</code> entity, set its ''Name'' to <code>timer_ticktock1</code>, set ''Start Disabled'' to <code>Yes</code>, set its ''Refire Interval'' to <code>1</code> and add the following output to it:
{| {{OutputsTable}}
| [[File:Io11.png]] || OnTimer || sound_ticktock1 || PlaySound || &nbsp; || 0.00 || No
|}
{{clr}}

=== Step 7 ===
[[File:Clock logic auto.png|200px|thumb|right|The <code>logic_auto</code> entity]]
Create a <code>{{L|logic_auto}}</code> entity and add the following outputs to it:
{| {{OutputsTable}}
| [[File:Io11.png]] || OnMapSpawn || mmc_clock_milliseconds || SetMaterialVar || 9 || 0.00 || No
|-
| [[File:Io11.png]] || OnMapSpawn || mmc_clock_centiseconds || SetMaterialVar || 59 || 0.00 || No
|-
| [[File:Io11.png]] || OnMapSpawn || texturetoggle_clock_seconds || SetTextureIndex || 59 || 0.00 || No
|}
{{clr}}

=== Step 8 ===
[[File:Clock relay.png|200px|thumb|right|The <code>relay_start_clock</code> entity]]
Create a <code>{{L|logic_relay}}</code> and set its ''Name'' to <code>relay_start_clock</code>. Add the following outputs to it:
{| {{OutputsTable}}
| [[File:Io11.png]] || OnTrigger || timer_clock_minutes || Enable || &nbsp; || 0.00 || No
|-
| [[File:Io11.png]] || OnTrigger || timer_clock_seconds || Enable || &nbsp; || 0.00 || No
|-
| [[File:Io11.png]] || OnTrigger || timer_clock_centiseconds || Enable || &nbsp; || 0.00 || No
|-
| [[File:Io11.png]] || OnTrigger || timer_ticktock1 || Enable || &nbsp; || 0.00 || No
|-
| [[File:Io11.png]] || OnTrigger || timer_clock_milliseconds || Enable || &nbsp; || 0.90 || No
|}
{{clr}}

The clock is now finished and ready to be implemented in a map.

== Implementation ==
=== Step 1 ===
Position the clock on the wall where it should be in the map.

=== Step 2 ===
Send the ''Trigger'' input to the <code>relay_start_clock</code> relay when the countdown should begin.

[[Category:Portal]]
[[Category:Level Design]]
[[Category:Tutorials]]