-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy path04-zarlar.htm
132 lines (92 loc) · 4.1 KB
/
04-zarlar.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html>
<head>
<title>Zar At</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- DIŞARIDAN YÜKLENEN KÜTÜPHANE DOSYALARI -->
<link rel="stylesheet" type="text/css" href="kutuphane/basic.css">
<script src="kutuphane/basic.js" type="text/javascript" charset="utf-8"></script>
<script>
/*
ALGORİTMA:
- Düğmeye basıldığında, iki zar rasgele olarak değişiyor.
ÇALIŞMA MANTIĞI:
- Zarlar, resim (Image) nesneleridir.
- Her bir sayı için bir zar resmi vardır. zar1.png, zar2.png vb.
- Düğmeye basıldığında, rasgele iki sayı belirlenir
ve o sayıların karşılığı olan resimler, nesnelere yüklenir.
PROJE ANLATIMI:
Projenin, adım adım anlatım videosu.
https://www.youtube.com/watch?v=Ouu2_WYqD9E
*/
// Resim (Image) nesneleri.
var imgZar1
var imgZar2
// Düğme (Button) nesnesi.
var btnZarAt
// İlk çalıştırılan fonksiyon.
var start = function() {
page.color = "whitesmoke"
// Resim nesnelerini oluştur.
imgZar1 = createImage()
imgZar2 = createImage()
// Not: ingilizcede i nin büyük hali I dır. Büyük İ yoktur.
// image (resim) kelimesinin büyük harf ile başyalan hali Image dir.
// Nesnelerin sola olan mesafesi.
imgZar1.left = 175
imgZar2.left = 325
// Nesnelerin yukarıya olan mesafesi.
imgZar1.top = 50
imgZar2.top = 50
// Nesnelerin boyutlarını belirle.
imgZar1.width = 100
imgZar2.width = 100
imgZar1.height = 100
imgZar2.height = 100
// Resimleri dosyadan yükle.
imgZar1.load("resimler/zar1.png")
imgZar2.load("resimler/zar6.png")
// Not: resimler klasörünün içinde, .png uzantılı resim dosyaları.
// Resimlerin açılarını 0 derece olarak belirle.
imgZar1.rotate = 0
imgZar2.rotate = 0
// Button nesnesini oluştur.
btnZarAt = createButton()
// Nesnenin üzerindeki yazıyı düzenle.
btnZarAt.text = "Zar At"
// Nesnenin solo olan mesafesini hesapla.
btnZarAt.left = imgZar1.left + 60
// Nesnenin yukarıya olan mesafesini hesapla.
btnZarAt.top = imgZar1.top + imgZar1.height + 50
// Nesneye basıldığında hangi fonksiyonun çalışacağını belirle.
btnZarAt.onClick(zarAt)
}
// Zar resimlerini rasgele değiştiren fonksiyon.
var zarAt = function() {
// 1 ile 6 arasında rasgele 2 sayı belirle.
var sayi1 = random(1, 6)
var sayi2 = random(1, 6)
// Not: random(sayi1, sayi2) fonksiyonu,
// verilen iki sayı arasından rasgele bir sayı üretir.
// (verilen sayılar dahil)
// Resim dosyalarını yükle.
imgZar1.load("resimler/zar" + sayi1 + ".png")
imgZar2.load("resimler/zar" + sayi2 + ".png")
// Nesneleri, 0 ile 90 arasında rasgele açılarda döndür.
imgZar1.rotate = random(0, 90)
imgZar2.rotate = random(0, 90)
}
/*
GELİŞTİRME ÖNERİLERİ:
- Ekranın bir köşesinde, rasgele atılmış zarların sayı karşılıklarını gösteren
bir etiket (Label) nesnesi olabilir. 5 x 6
- Başka ne geliştirme yapılabilir diye düşünüp, tasarlayın ve geliştirmeye çalışın.
İNGİLİZCE - TÜRKÇE SÖZLÜK:
Anlamını bilmediğiniz ingilizce kelimeler için,
https://translate.google.com/ internet sitesini kullanabilirsiniz.
*/
</script>
</head>
<body></body>
</html>