VIẾT PROGRAM PHÒNG THỦ CHỐNG PHI ĐẠN .
Muốn viết program nầy cần phải
học.
1-Học cách vẽ hình của SVG gọi là Scalable
Vector Graphics.
2-Học hai cách làm hình SVG di chuyển .
*transform = “
translate( ... )”
*animate attributeName= “
...”
--------------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<svg
xmlns="http://www.w3.org/2000/svg" width="5000" height="3000">
//vẽ vòng
tròn tô màu xanh có tọa độ dùng làm phi đạn
// và có đương di chuyển như sau.
<g id="bullet"
transform="translate(250,150)">
<circle cx="0" cy="30" r="15"
stroke="green" fill="blue">
<animate attributeName="cx"
dur="2" from="290" to ="50"
begin="B.click" end="S.click"
repeatCount="indefinite"/>
</circle></g>
//vẽ vòng ellipse làm
radar tô màu vàng
// rôi cho ellipse chuyển
động quay tròn
<g id="radar"
transform="translate(175,150)">
<ellipse cx="0" cy="0" rx="40"
ry="35" stroke="red" fill="yellow">
<animate attributeName="transform"
type="rotate"
dur="1" from="0" to ="360"
begin="B.click" end="S.click"
repeatCount="indefinite"/>
</ellipse>
// vẽ cần phát sóng hinh maù đỏ cho quay tròn như sau.
<line x1="0" y1="0" x2="150"
y2="0" stroke="red" stroke-width="2">
<animateTransform attributeName="transform"
type="rotate"
dur="2" from="0" to ="360"
begin="B.click" end="S.click" repeatCount="indefinite"/>
</line>
// xác định nũt START và Nút STOP như sau.
<g id="B">
<text x="-40" y="10" font-size="20">START</g>
<g id="S">
<text x="35" y="15" font-size="20">STOP</g>
// vẽ rocket chận
phi đạn của địch
// rồi tồn trử trong
document như sau
<image x= "45" y="100"
xlink:href="rock.gif"
width="45" height="40">
//cho rocket
chuyển đông như sau
<animateMotion dur="1"
from ="45,100" to ="50,-80" begin="B.click"
end="S.click" repeatCount="indefinite"/>
</image>
</g></svg></html>
-----------------------------
GHI CHÚ.
“rock.gif” là hinh vẽ riêng của
người viết program nầy. Quý bạn phải vẽ hình riêng rồi tồn trử trong
document.
Nếu không muốn vẽ thì viết bất cứ gì tuỳ ý. Thí dụ viết "xaoke.gif" program vẫn chạy tốt.
