 |
| small basic logo görseli |
Small Basic hakkında küçük ve verimli kodlama örneklerine kaldığımız yerden devam ediyoruz. Small Basic üzerinde bugün basit grafik işlemleri yapabilmesi göreceğiz. Bu sayede ekrana yazacağımız basit komutlar ile grafik çizimleri gerçekleştirebileceğiz.
 |
| small basic kodlama örneği |
Bu uygulama sırasında kullanacağımız bazı komutlar var. Yukarıda yer alan uygulama görselindeki kodların detaylı açıklamalarını sizler için aşağıya ayzıyoruz.
GraphicsWindow.BackgroundColor=”red” : Çalıştıracağımız komut parçalarının uygulama penceresindeki arka planını belirtmeye yarar. Eğer burada red dersek arka plan rengimiz kırmızı, blue dersek arka plan rengimiz mavi olacaktır.
GraphicsWindow.Title=”PROGRAMLAMA HOCAM” : Uygulama ekranında başlık olarak gözükmesini istediğimiz kısmı burada yazmalıyız. Biz kendi ismimizi büyük harflerle buraya yazdık. Siz kendi isminizi de yazabilirsiniz.
GraphicsWindow.Width=200 : Uygulama penceresinin ne kadar genişlik ile oluşturulması gerektiğini burada belirtiyoruz. Bu sayede genişlik her zaman sabit kalacaktır
GraphicsWindow.Height=100 : Uygulama penceresinin ne kadar yüksekliğe sahip olması gerektiğini bu alandan belirliyoruz. Bu sayede yüksekliğimiz her zaman sabit kalacaktır.
GraphicsWindow.Show() : Çalıştır butonuna tıkladıktan sonra yukarıdaki diğer dört komut çalışacaktır. Fakat bunların bizlere yansıması için bu grafiklerin gösterilmesi gerekmektedir. Bu sebeple bu komutu kullanıyoruz.
Kodların tamamını kopyalayabilmeniz için aşağıya bırakıyoruz.
- GraphicsWindow.BackgroundColor=”red”
- GraphicsWindow.Title=”PROGRAMLAMA HOCAM”
- GraphicsWindow.Width=200
- GraphicsWindow.Height=100
- GraphicsWindow.Show()
Small Basic ile Çizgi Yapabilme
Small Basic üzerinde çizgi yapabilmek için çizgiyi çizeceğimiz alanı kodlar ile ifade etmemiz gerekmektedir. Aşağıdaki ekran görüntüsündeki gibi çizgiyi oluşturabilmeniz için kodlarımızı sizlerle paylaşıyoruz. Ardından da kodlarımızın açıklamalarına ulaşabileceksiniz.
 |
| small basic çizgi çizme görseli |
Uygulama komutlarımızın tamamı
- GraphicsWindow.BackgroundColor=”red”
- GraphicsWindow.Title=”Programlama Hocam”
- GraphicsWindow.Width=200
- GraphicsWindow.Height=100
- GraphicsWindow.DrawLine(20,20,100,100)
- GraphicsWindow.DrawLine(100,20,20,100)
- GraphicsWindow.Show()
Yukarıda iki yeni komut ile tanıştık. Bu komutların açıklamalarına aşağıda yer veriyoruz.
GraphicsWindow.DrawLine(20,20,100,100): Bu komut ile dikdörtgen çizimi için gerekli olan çizim noktalarının genişlik ve yüksekliklerini belirtiyoruz. Ardından programımız bunların çizimini yapıyor.
Small Basic’de Elips Çizebilmek
Small Basic içerisinde elips şekilde çizebilmek için özel olarak oluşturulmuş komutlar vardır. Aşağıdaki ekran görüntüsünde bunları inceleyebilirsiniz.
 |
| small basic elips çizme görseli |
 |
| small basic renkli elips çizme görseli |
Yukarıdaki ekran görüntüsünde ise komutlar ile çizilmiş olan bir öğenin için doldurulması için GraphicsWindow.BrushColor=”Blue” komutunu görüyoruz. Bu komut sayesinde her çizdiğimiz öğrenin içerisinde mavi renk otomatik olarak gelecektir. Bunun yanı sıra GraphicsWindow.FillEllipse(20,20,100,100) komutu ile de çizdiğimiz öğenin içeri renkle dolacaktır.