Hướng dẫn làm Ảnh ma trận với javascript

Xem: 2604    Tải: 0   Thảo luận: 0   Mục: Javascript   Lĩnh vực: Khác

0 điểm   ( 6 đánh giá ) File đã được kiểm thử


Hôm nay chán chẳng có việc gì làm, ngồi nghịch nghịch chút xíu với cái blog này. Hì. Ngày hôm nay sẽ share cho các bạn một đoạn javascript giúp chúng ta có thể tạo ra được 1 ma trận ảnh động giống trong phim ma trận vậy

Và cũng nhân tiện đây thông báo với các bạn rằng, sắp tới có lẽ blog sẽ phải chuyển nhà một thời gian. Mình cũng rất buồn, hy vọng sang nhà mới, sẽ được sự ủng hộ của các bạn nhiều hơn.
OK không miên man nữa, để các bạn không phải hình dung nhiều, thì mình xin up cái ảnh demo phát nhở

Thực ra cũng không có gì ghê gớm lắm đâu chỉ là vài đoạn javascript nhỏ thôi mà
canvas.height = window.screen.height;
canvas.width = window.screen.width;
 
var columns = []
var character =0;
for (i = 0; i <256; columns[i++] = 1);
 
function step() {
 
canvas.getContext('2d').fillStyle = 'rgba(0,0,0,0.05)';
canvas.getContext('2d').fillRect(0, 0, canvas.width, canvas.height);
 
//green
canvas.getContext('2d').fillStyle = '#0F0';
//for each column
columns.map(function (value, index) {
//draw the character
canvas.getContext('2d').fillText(character, //text
index * 10, //x
value //y
);
if(character==0)
character=1;
else
character=0;
columns[index] = value > 758 + Math.random() * 1e4 ? 0 : value + 10
})
}
 
//1000/33 = ~30 times a second
setInterval(step, 33)
Ngoài ra trong file html các bạn chỉ cần thêm một thẻ vào trong thẻ body là được
<canvas id="canvas">
Chúc bạn thành công, làm xong nhớ quay lại đây comment cảm nhận của mình nhé !

Hướng dẫn làm Ảnh ma trận với javascript

Hướng dẫn làm Ảnh ma trận với javascript Đăng ngày 16-09-2014  Hôm nay chán chẳng có việc gì làm, ngồi nghịch nghịch chút xíu với cái blog này. Hì. Ngày hôm nay sẽ share cho các bạn một đoạn javascript giúp chúng ta có thể tạo ra được 1 ma trận ảnh động giống trong phim ma trận vậy 5/10 2604

Thảo luận:

Để bình luận bạn phải đăng nhập thành viên.

File tương tự

Files cùng mục

 

File tải nhiều nhất

Megacode.vn - Thư viện mã nguồn chia sẻ, tải file cho cộng đồng
Copyright © 2013-2016. All rights reserved. Bản quyền thuộc VinaGon
Địa chỉ: Số 38 Hàng Bè, Hàng Bạc, Hoàn Kiếm, Hà Nội.
Văn phòng giao dịch: Phòng 28, Tầng 6, HH1A Linh Đàm, Hoàng Mai, Hà Nội
Email: info@vinagon.com | Website: www.vinagon.com | Điện thoại: (+844) 6. 32.979.36;
logo megacode

Megacode đã đăng ký với Bộ Công Thương
Thư viện mã nguồn mở lớn nhất Việt Nam.



Hỗ trợ khách hàng trên Megacode
Hỗ trợ kỹ thuật cho thành viên:
Tổng đài: (+844) 6. 32.979.36
Số di động (Hotline): 0969.091.265
Thời gian làm việc:
Sáng: 8h-12h; Chiều: 13h30-17h30
(Nghỉ chiều T7, CN và các ngày lễ, tết)
Chat với Megacode
https://www.facebook.com/megacodevn