15 (Thêm) Thử nghiệm HTML5 đầy cảm hứng
Trừ khi bạn sống dưới một tảng đá, bạn sẽ nghe về HTML5. Bây giờ nó chỉ ở khắp mọi nơi, nhờ vào sự thúc đẩy của Apple CEO Giám đốc điều hành cũ Steve Jobs và một số nhà phát triển nhất định tin rằng HTML5 có thể chiếm lĩnh Flash.
Thực tế, chúng ta chưa thấy tình huống này xảy ra, nhưng HTML5 thực sự kỳ diệu khi tham khảo các khả năng video, minh họa canvas và hoạt hình hoạt động rất tốt và mượt mà. Thực tế là nó rất hứa hẹn rằng các dự án đang xuất hiện ở khắp mọi nơi đã được thực hiện như một cách để kiểm tra ranh giới của HTML5.
Dù tin hay không, chúng tôi sẽ giới thiệu cho bạn 15 thí nghiệm khai sáng giúp sử dụng HTML5 tốt nhất và đoán xem, bạn có thể trải nghiệm lực hấp dẫn, hoạt hình dựa trên âm nhạc và kết xuất các sinh vật hoạt động giống như sinh vật! Có thời gian vui vẻ với họ và rất tiếc, họ được phục vụ tốt nhất với phiên bản Mozilla Firefox và Google Chrome mới nhất.
Chỉ trong trường hợp bạn không hài lòng với những trò vui HTML5 này, chúng tôi có nhiều hơn cho bạn!
- HTML5: 48 Bản trình diễn giết chết tiềm năng
- HTML5: 19 Ứng dụng web tiềm năng
Chu kỳ vải
Một nỗ lực hợp tác giữa nghệ sĩ Mark Ferrari và lập trình viên Joseph Huckaby, đây là một bộ sưu tập tuyệt đẹp gồm những cảnh thiên nhiên chuyển động như rừng vào mùa đông, cảnh biển và núi bão. Họ đang thư giãn để nhìn và thực sự tuyệt đẹp, với âm thanh được gắn vào hình ảnh. Nếu bạn muốn có một chút thời gian để thư giãn với công việc, bạn có thể xem qua những bức ảnh này và cảm thấy sự căng thẳng của bạn tan biến.
Trọng lực của Google
Một số khác của Mr Doob tuyệt vời, cái này ít tương tác hơn cái đầu tiên nhưng vẫn rất tuyệt. Nó cung cấp một bản sao cơ bản của trang tìm kiếm chính của Google. Nhưng khi bạn trỏ con trỏ, toàn bộ trang bắt đầu 'rơi' cho đến khi tất cả chúng bị sập ở phía dưới. Logo Google hoạt động như một liên kết hoạt động làm mới trang. Một trò chơi hay cho những công ty tuyệt vời ghét Google, có thể là.
Cây vải
Được tạo bởi Kenneth Jorgenson, đây có thể là nơi duy nhất bạn có thể thấy cụm từ 'Làm mới cho nhiều cây ngon hơn :)'. Nó chính xác như những gì nó nói: bạn nhấp vào trang web và nó đưa bạn đến một nền trắng. Một bản vẽ mực đen của cây sẽ bắt đầu 'phát triển' trong khi tính xem có bao nhiêu nhánh đang diễn ra. Bạn có thể làm mới để xem bao nhiêu lần tùy ý.
Từ tính
Đây là một niềm vui và gây nghiện cho bạn thưởng thức. Về cơ bản, bạn bắt đầu với một vài "nam châm" có thể được kéo xung quanh màn hình. Các hạt của quỹ đạo ánh sáng xung quanh chúng và nếu bạn thay đổi vị trí, bạn có thể thay đổi hình dạng chúng tạo ra. Nếu bạn muốn có nhiều nam châm và hạt hơn, bạn chỉ cần nhấp đúp chuột và kéo chúng đến nơi bạn muốn. Vâng, đó là tất cả về nam châm và vật lý!
Biểu đồ thu nhập của người nổi tiếng
Bạn muốn xem một đại diện trực quan của bao nhiêu người nổi tiếng truyền hình kiếm được mỗi tập phim? Đây là một biểu đồ nhỏ thú vị cho thấy các thanh màu sắc thể hiện mức độ mà một người nổi tiếng cụ thể kiếm được khi ghi một chương trình truyền hình (hoặc được thực hiện, trong các trường hợp như Charlie Sheen). Nó được thực hiện như một trong nhiều dự án và thử nghiệm của Daniel Rapp.
Ruy băng vải
Paul Truong đã tạo ra ứng dụng thú vị này cho phép bạn vẽ bằng cách sử dụng một dải ruy băng nhiều màu liên tục di chuyển trên màn hình. Nó làm cho hình dạng và thiết kế, và hiệu ứng là khá đẹp. Tất cả bạn phải làm là kéo nó trên màn hình, nói về sự đơn giản.
Nước WebGL
Ở đây có một bản demo tuyệt vời bằng cách sử dụng WebGL (Thư viện đồ họa dựa trên web), được phục vụ tốt nhất với Google Chrome. Với bản demo, bạn có thể vẽ trên mặt nước để tạo ra những gợn sóng hoặc kéo quả cầu để di chuyển xung quanh và nhấn một số phím bàn phím để đặt hướng ánh sáng và chuyển trọng lực, tất cả để chứng kiến cách vật thể di chuyển tương tác sống động với môi trường, một cách đáng sợ thực tế.
Chrysaora
Một bản demo tuyệt vời khác áp dụng phép thuật của WebGL, bạn có thể thấy một nhóm sứa cực kỳ đẹp và quan trọng nhất là những con sứa sống động di chuyển trong nước, được chiếu bởi tia sáng mặt trời như mơ. Chứng kiến khoảng thời gian mà HTML5 và WebGL làm cho web trở nên sống động, được xem tốt nhất với Google Chrome.
Mưa Voxel
Mưa Voxel có nghĩa là các hộp 3D nhiều màu hạ xuống để tạo thành một khối lớn xoay tròn. Nó giống như thể hiện khả năng của máy tính vào những năm 1990, và bây giờ nó đến với trình duyệt web bằng cách sử dụng sức mạnh của HTML5, kỷ nguyên sáng nhất của internet không còn xa nữa.
Hiệu ứng văn bản HTML5
Thông thường, nhà thiết kế web của chúng tôi tự hỏi có bao nhiêu khả năng HTML5 thực sự có thể giúp chúng tôi đột phá về kiểu chữ web và bản demo này cho bạn câu trả lời, hơn bao giờ hết! Bạn có thể chọn chứng kiến hiệu ứng lập thể, hiệu ứng neon hoặc thậm chí là hiệu ứng neon chuyển động, tương lai của kiểu chữ web nằm trong tay HTML5.
Quay Logo HTML5
Tôi chỉ không thể nắm giữ vinh quang của HTML5, nó đang quay, nó đang quay, thật tuyệt.
Phác thảo trong 3D
Chán dịch vụ phác thảo 2D dựa trên HTML5? Kiểm tra này. Chỉ cần vẽ một đường và nhấn Space sau đó kéo sang trái hoặc phải và bạn sẽ thấy bản vẽ của mình xoay theo phối cảnh 3D. Phác thảo 3D không phức tạp hơn với HTML5.
dây dẫn mta.me
Nhạc trưởng Mta.me truyền cảm hứng cho bạn bằng cách sinh ra các điểm sẽ di chuyển liên tục để tạo thành các đường và khi các đường “va chạm” với nhau họ sẽ kích hoạt một số tương tác. Tất cả để chứng minh rằng HTML5 không chỉ là về mã mà là sự tương tác và đó là điều người dùng web thực sự quan tâm.
Doogle Gmail
Một trò chơi bắn súng thú vị nhưng anh hùng là Gmail, giải phóng nó khỏi tệ nạn! Giống như trò chơi bắn súng cổ điển, bạn có được cuộc sống, điểm số và chùm tia laser toàn năng. Có lẽ là một trong những bản demo tiềm năng để thể hiện khả năng của HTML5 khi làm trò chơi. Coi chừng, Flash.
Phi công
Đây là một trò chơi gây nghiện đến mức nó phải là bất hợp pháp. Nghiêm túc mà nói, một khi bạn đăng nhập vào một trong các máy chủ của họ, bạn sẽ muốn chơi hàng giờ. Về cơ bản, bạn đang bay xung quanh bắn mọi thứ trong khi tránh bị bắn bởi những người chơi khác. Nó đơn giản và rất thú vị để chơi, và thực tế là nó cho phép trải nghiệm nhiều người chơi là một điểm cộng nghiêm trọng khiến nó vượt lên trên các trò chơi Flash rất phổ biến ngay bây giờ.