📄 bump.html
字号:
<p><font size="3">This applet gives an effect of a moving
light source over a bumpy surface, that casts shadow
onto a selected image. You can use two separate images
for the screen and the bumpy filter respectively. Or,
alternatively, use a single image for both purposes.
The latter can reduce the necessary download file size
quite effectively, although good use of two separate
images can create a stunning effect. </font></p>
<p><font size="3">[For more <a href="../Applet/bump/anfybump.txt">technical
information</a> about the available parameters, click
<a href="../Applet/bump/anfybump.txt">here</a>.]</font></p>
<hr width="90%">
<p><font size="3">Most parameters are self-explanatory
and you can always see brief description of each parameter
by moving the mouse pointer over <a href="wizard.html">the
wizard</a>. </font></p>
</td>
</tr>
<tr>
<td>
<table width="100%" border="0">
<tr>
<td width="41%"><img src="images/bump3.gif" width="235" height="107"></td>
<td width="59%">
<p>First, look at the left picture, there are two
fields in which you specify image files.</p>
</td>
</tr>
<tr>
<td width="100%" colspan="2">
<p><font size="3">The lower file entering space
is enabled only when you check "<b>Alternative
bumpmap image</b>" box. So, these upper and
lower images represent the screen and the bumpy
filter respectively. If you want to reduce the
total download size, leave "<b>Alternative
bumpmap image</b>" box unchecked. </font></p>
<p><font size="3">Next, decide the power of the
bumpy filter by selecting a number from the "<b>bump
height</b>" pull-down menu. A higher value
results in a bumpier shadow cast over the screen.</font></p>
</td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td width="42%"><img src="images/bump2.gif" width="148" height="131"></td>
<td width="58%"><font size="3">The applet "<b>Width</b>"
and "<b>Height</b>" are automatically
entered when you specify the screen image and a
"<b>Resolution</b>" value. "<b>Resolution</b>"
is a zooming parameter. </font></td>
</tr>
<tr>
<td colspan="2">
<p><font size="3">For instance, the value 2 gives
twice as large an applet size as the screen size,
while the value 1 changes nothing.</font></p>
<p><font size="3">Then you decide if textscroll
function is enabled by checking "<b>Enable
textscroll</b>" box.</font> You can also
check "<b>Interactive mode</b>" box,
if you would like the light source controlled
by the mouse pointer.</p>
</td>
</tr>
<tr>
<td colspan="2">
<table width="100%" border="0">
<tr>
<td width="45%"><img src="images/bump4.gif" width="151" height="185"></td>
<td width="55%"><font size="3">Secondly, you
define light source values. An integral value
<b>n</b> (>1) for "<b>Light size</b>"
gives the size of the light source as <b>n</b>th
power of 2. For instance, If your choice of
the value is 9, the light source would be
2^9 * 2^9, i.e., 512 * 512 pixels in size.</font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" height="2">
<p><font size="3">Once you select a "<b>Light
power</b>" value from 1 to 100, you need
to set the contrast at "<b>light Max</b>"
and "<b>Light Min</b>". "<b>Light
Max</b>" and "<b>Light Min</b>"
take values ranging between 1 and 511. Choose
values so that the difference of them is very
high.</font></p>
<p><font size="3"><b>Note</b>: A value for "<b>Light
Max</b>" must be higher than a value for
"<b>Light Min</b>".</font></p>
<p><font size="3">Finally, set the light source
angle at "<b>AngleX</b>" and "<b>AngleY</b>".
These parameters represent the velocity of light
source movement relative to respective XY co-ordinates.
Higher values mean higher speed.</font></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="94%" height="122">
<table width="100%" border="0" align="center">
<tr>
<td>
<hr>
</td>
</tr>
<tr>
<td height="91">
<p><font size="3">We have only discussed about the bump
specific parameters. For generic parameters, please
read <a href="wizard.html">wizard</a> section.</font></p>
<p><font size="3">Proceed to<a href="wizard.html#4"> the
textscroll menu</a> if you have checked the textscroll
box; otherwise go to <a href="wizard.html#5">the expert
menu</a>.</font></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td ROWSPAN="3" WIDTH="10%"></td>
</tr>
<tr>
<td ALIGN=CENTER VALIGN=TOP WIDTH="80%" height="67">
<table width="95%" border="0">
<tr>
<td>
<table width="99%" border="1" bordercolor="#9999FF">
<tr>
<td bordercolor="#009933" bgcolor="#009933">
<div align="center"><b><a href="http://www.anfyteam.com/ajdownl.html">DOWNLOAD</a></b></div>
</td>
<td bordercolor="#CCCCCC">
<div align="center"><b><a href="quickstart.html">QUICK
START</a></b></div>
</td>
<td bordercolor="#FF0000" bgcolor="#FF0000">
<div align="center"><b><a href="shop.html">PURCHASE</a></b></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td ALIGN=CENTER VALIGN=BOTTOM WIDTH="80%"> </td>
</tr>
</table>
<br> </td>
<td ALIGN=RIGHT VALIGN=TOP><img SRC="images/curve3.gif" ALT="" height=16 width=16></td>
<td VALIGN=TOP BGCOLOR="#000000"><img SRC="images/bit.gif" ALT="" height=1 width=1></td>
</tr>
<tr>
<td ALIGN=RIGHT VALIGN=BOTTOM BGCOLOR="#000000"><img SRC="images/bit.gif" ALT="" height=1 width=1></td>
<td VALIGN=BOTTOM BGCOLOR="#009933"><img SRC="images/curve2g.gif" ALT="" height=16 width=16></td>
<td ALIGN=RIGHT VALIGN=BOTTOM BGCOLOR="#FF0000"><img SRC="images/curve4r.gif" ALT="" height=16 width=16></td>
<td VALIGN=BOTTOM BGCOLOR="#000000"><img SRC="images/bit.gif" ALT="" height=1 width=1></td>
<td VALIGN=BOTTOM><img SRC="images/curve2.gif" ALT="" height=16 width=16></td>
<td ALIGN=RIGHT VALIGN=BOTTOM><img SRC="images/curve4.gif" ALT="" height=16 width=16></td>
<td ALIGN=RIGHT VALIGN=BOTTOM BGCOLOR="#000033"><img SRC="images/bit.gif" ALT="" height=1 width=1></td>
</tr>
<tr>
<td COLSPAN="6" BGCOLOR="#000033">
<table width="100%" border="0">
<tr>
<td>
<div align="right"><font color="#AAAAAA"><font size="2" face="Times New Roman, Times, serif">
</font><font size="2"> </font></font></div>
</td>
</tr>
</table>
</td>
<td VALIGN=TOP BGCOLOR="#000033">
<table width="100%" border="0">
<tr>
<td><font color="#AAAAAA"><font size="2" face="Times New Roman, Times, serif">
</font></font></td>
</tr>
</table>
<font color="#AAAAAA"></font></td>
<td COLSPAN="2" BGCOLOR="#000033">
<table width="100%" border="0">
<tr bgcolor="#000033">
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -