[CANVAS] Phaser CANVAS - Save sang IMage

Anh em - nên test thử để làm cái này http://www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/ Hiện tuần này sẽ sắp xếp làm thử 1 cái.

canvas.toDataURL();

Game dạng như: kéo các items vào 1 hình ảnh có sẵn (hình chụp tự upload vào / hình của game)

Kéo item vào (ví dụ như râu, ria mép).
Sau khi kéo xong => thấy ưng ý (ấn nút save) có nút save (tức là save canvas => sang dạng hình ảnh)
Lưu hình vào photos (trong android/ios). @lamanhdai @thanhtungtnt Dĩ nhiên là ko có AI gì ở đây để tự detect vào vị trí mũi, cằm......Người dùng tự drag vào vị trí bất kỳ là được rồi => họ click ấn save là sẽ save được canvas tổng thể ở vị trí đó.

Ứng dụng làm các game:

Thay râu / ria mép / kính..... trang trí cho tấm hình
Trang trí nhà cửa / bánh trái / nhà cửa búp bê/....cho trẻ em.
Sắp sếp/giải đố cho trẻ em (ví dụ banh đặt ở vị trí nào thì đạt điểm) => khi chơi xong ra result bé sẽ lưu lại hình để khoe với người lớn.
Game thay số áo/ tên cho cầu thủ => in hình áo ra => khoe
Game gắn thử tatoo vào hình của cơ thể (mặt, mũi, tay chân) => khoe mặt có xăm tatoo. .....

nvminhtu / LearnPhaser