Kumpulan Informasi Tentang Kuliah

Tuesday, July 28, 2015

Web Game Elemen Canvas

11:24:00 AM Posted by Abdul Rohman No comments
Elemen Canvas merupakan elemen baru pada teknologi HTML 5. Keungggulan elemen ini adalah dapat dilakukan proses rendering sehingga memungkinkan untuk membuat animasi dan game berbasis web. Untuk membuat elemen Canvas menggunakan tang <canvas> dan ditutup atau diakhiri dengan </canvas>. Atribut yang dipakai adalah tag id, widht, dan height. Atribut id pada canvas dapat digunakan oleh JavaScript untuk melakukan kontrol dan pengaturan animasi.

Contoh:
<html>
    <head>
        <style>
        canvas {
            border-width: 1px;
border-style: solid;
        }
        </style>
        <script>

            window.onload = function(){
                var canvas = document.getElementById("myCanvas");
                var context = canvas.getContext("2d");

                // lakukan animasi, render, di sini
            };

        </script>
    </head>
    <body>
<center>
        <canvas id="myCanvas" width="640" height="480">
</canvas>
</center>
    </body>
</html>

Hasilnya:












.

0 komentar:

Post a Comment

close
==[ Klik disini 1X ] [ Close ]==