HTML5 Canvas Giriş

HTML5 in web sayfalarına getirdiği önemli yeniliklerden biri olan canvas elementi derslerinin ilkine hoşgeldiniz. Canvas elementi hakkında birkaç bilgi ile dersimize başlayalım.

• Canvas elementi html sayfasında 2D ve hatta 3D grafikleri işlemenize olanak sağlar.
• Canvas elementinin kullanımını destekleyen tarayıcılarda 2D apisi ile 2D grafikler oluşturabilirsiniz. 
• OPENGL ES 2.0 üzerine temellendirilmiş olan webGL ile uyumlu web tarayıcılarında 3D grafikler oluşturabilirsiniz.
• Mevcut web tarayıcılarının son sürümleri canvas ı destekliyor. [http://caniuse.com/canvas]
• 2D apisi ile yazılmış oyun motorları ile basit 2D oyunlar yapabilirsiniz. [http://craftyjs.com/]
• webGL kütüphaneleri arasında en yaygını olan Three.js ile 3D grafikleri kolayca oluşturabilirsiniz. [http://threejs.org/][https://www.google.com/logos/2014/rubiks/rubiks.html]

Ve basit bir örnekle dersimizi bitirelim. Sonraki derslerimizde geometrik şekillerin çizimlerini,mouse etkileşimlerini,renk ve kenar kalınlığı gibi şeylerin kullanımlarını göreceğiz. Sonraki dersimizde görüşmek üzere.