홈페이지 » 코딩 » 15 (더보기) HTML5 실험 감동

    15 (더보기) HTML5 실험 감동

    너가 바위의 밑에 살면 않는 한 너는 HTML5에 관하여 들었을 것이다. Apple의 홍보 덕분에 지금은 어디에서나 볼 수 있습니다. 최고 경영자 전 CEO 스티브 잡스와 HTML5가 플래시를 대신 할 수 있다고 믿는 특정 개발자.

    글쎄 사실 우리는 아직 이런 상황이 발생하지는 않는다고 생각합니다. 그러나 HTML5는 비디오 기능, 캔버스 일러스트레이션 및 애니메이션과 관련하여 정말 훌륭하게 매끄럽게 작동합니다. 사실은 프로젝트가 HTML5의 경계를 테스트하는 방법으로 만들어진 모든 곳에서 나타나고 있다는 것은 매우 유망한 것입니다..

    그 힘을 믿거 나 말거나, 우리는 HTML5를 최대한 활용하는 15 가지 실험을 보여 주며, 중력, 음악 기반 애니메이션 및 생물처럼 작동하는 생물체 렌더링을 경험할 수 있는지를 추측합니다! 그들과 즐거운 시간을 보내십시오. Mozilla Firefox와 Google Chrome의 최신 버전이 가장 좋습니다..

    이러한 HTML5 재미에 만족하지 못하는 경우를 대비하여 더 많은 것을 제공합니다.!

    • HTML5 : 잠재적 인 플래시 킬링 데모 48 개
    • HTML5 : 19 가지 잠재적 웹 애플리케이션

    캔버스 사이클

    아티스트 Mark Ferrari와 코더 Joseph Huckaby와의 공동 작업으로, 겨울철의 숲, 바다 풍경, 폭풍우 같은 산들과 같은 자연 경관을 모아 놓은 멋진 컬렉션입니다. 그들은 그림에 붙어있는 소리와 더불어,보고, 정말로 충격적인 휴식을 취하고있다. 일을 마치고 잠시 쉬고 싶다면이 그림들을 통해 긴장감을 느낄 수 있습니다..

    구글 그래 비티

    놀라운 Doob 씨의 또 다른 하나 인이 책은 첫 번째 책보다 상호 작용이 적지 만 여전히 시원합니다. Google의 기본 검색 페이지의 기본 사본을 제공합니다. 그러나 커서를 가리키면 모든 페이지가 바닥에 떨어질 때까지 전체 페이지가 '떨어지기'시작합니다. Google 로고는 페이지를 새로 고치는 활성 링크로 작동합니다. Google을 싫어하는 위대한 회사를위한 좋은 게임은.

    캔버스 나무

    Kenneth Jorgenson이 만든 '더 맛있는 나무를위한 새로 고침 :)'이라는 문구가 유일한 장소 일 수 있습니다. 웹 사이트를 클릭하면 흰색 배경으로 이동합니다. 나무의 검은 색 도면은 얼마나 많은 가지가 진행되고 있는지를 세기면서 '성장'하기 시작할 것입니다. 원하는만큼 새로 고침하여 볼 수 있습니다..

    자기

    이것은 당신이 즐길 수있는 또 다른 재미 있고 중독성있는 것입니다. 기본적으로 화면 둘레로 드래그 할 수있는 두 개의 '자석'으로 시작합니다. 빛 주위에 입자가 궤도를 그리며 위치를 이동하면 그들이 만드는 모양을 바꿀 수 있습니다. 더 많은 자석과 입자를 원하면 두 번 클릭하고 원하는 위치로 드래그하십시오. 네, 자석과 물리에 관한 것입니다.!

    유명인 수입 그래프

    에피소드 당 얼마나 많은 유명인이 얻는지를 시각적으로보고 싶습니까? 이것은 특정 연예인이 TV 쇼 (또는 Charlie Sheen과 같은 경우)의 테이핑 당 얼마나 많은지를 나타내는 컬러 막대의 스택을 보여주는 멋진 작은 그래프입니다. Daniel Rapp의 많은 프로젝트와 실험 중 하나로 만들어졌습니다..

    캔버스 리본

    Paul Truong은이 흥미로운 응용 프로그램을 만들었습니다.이 응용 프로그램을 사용하면 화면에서 끊임없이 움직이는 멀티 컬러 리본을 사용하여 페인트 할 수 있습니다. 그것은 모양과 디자인을 만들고 그 효과는 꽤 예쁘다. 당신이해야 할 일은 화면 전체로 끌고 간결함에 대해 이야기하는 것입니다..

    WebGL 물

    여기에 혁신적인 WebGL (웹 기반 그래픽 라이브러리)을 사용하는 시원한 데모가 있습니다.이 라이브러리는 Google 크롬과 함께 제공되는 것이 가장 좋습니다. 데모를 사용하면 물을 끌어 잔물결을 그릴 수 있습니다. 또는 구체를 드래그하여 주변을 움직이고 키보드 키를 눌러 빛의 방향을 설정하고 중력을 전환 할 수 있습니다. 움직이는 물체가 환경과 활발하게 상호 작용하는 방식을 관찰 할 수 있습니다. 현실적인.

    크리 사오라

    웹 글래스 (WebGL)의 마법을 적용한 또 다른 멋진 데모. 물속에서 움직이는 매우 아름답고 가장 중요한 활기찬 해파리 그룹이 꿈처럼 보이는 햇살의 광선에 비춰 보입니다. HTML5 및 WebGL이 웹에서 활력을 불어 넣는 기간을 확인하십시오. Google 크롬에서 가장 잘 보입니다..

    보셀 비

    보셀 비는 멀티 컬러 3D 박스가 회전하여 큰 블록을 회전시키는 것을 의미합니다. 그것은 1990 년대에 컴퓨터의 가능성을 보여주는 것과 같았습니다. 이제는 HTML5의 힘을 이용하여 웹 브라우저를 사용합니다. 인터넷의 가장 밝은 시대는 멀지 않습니다..

    HTML5 텍스트 효과

    종종 웹 디자이너는 HTML5가 웹 타이포그래피에서 얼마나 획기적인 발전을 할 수 있는지 궁금해하며,이 데모는 그 어느 때보다도 답을 줄 수 있습니다. 입체 효과, 네온 효과 또는 네온 효과 이동을 목격하도록 선택할 수 있습니다. 웹 활자의 미래는 HTML5의 손에 있습니다..

    HTML5 로고 회전

    HTML5의 영광을 잡지 못합니다. 회전 중입니다. 회전 중입니다. 멋지다..

    3D 스케치

    HTML5 기반 2D 스케치 서비스에 지루합니까? 이것 좀 봐. 단순히 선을 그리고 Space를 누른 다음 왼쪽 또는 오른쪽으로 드래그하면 도면이 3D Perspective에서 회전합니다. 3D 스케치는 HTML5에서 더 복잡하지 않습니다..

    mta.me 지휘자

    Mta.me 지휘자는 폼 라인으로 계속 움직일 포인트를 생성함으로써 당신을 고무시키고, 라인 “충돌하다” 서로에게 약간의 상호 작용이 촉발 될 것입니다. HTML5는 코드뿐 아니라 상호 작용에 관한 것이기 때문에 웹 사용자가 실제로 신경을 쓰는 것입니다..

    Gmail

    재미있는 사수 유형 게임이지만 주인공은 Gmail입니다. 악의를 풀어주세요! 클래식 슈터 게임처럼 삶과 점수, 그리고 전능 한 레이저 광선이 있습니다. HTML5의 기능을 게임으로 보여주는 잠재적 인 데모 중 하나 일 것입니다. 조심해, 플래시.

    승 파일럿

    이것은 불법이어야하는 중독성 게임입니다. 진지하게, 일단 서버에 로그인하면 몇 시간 동안 게임을하고 싶어합니다. 기본적으로 다른 플레이어가 총을 쏘지 않고 사물을 날아 다니고 있습니다. 그것은 쉽고 재미있게 플레이 할 수 있으며, 멀티 플레이 경험을 허용한다는 사실은 지금 매우 인기있는 플래시 게임보다 뛰어납니다..