HTML5 웹 사이트에서 48 가지 플래시 킬링 데모 가능성 보여주기
따라서 HTML5에 대한 모든 소문이 Adobe Flash를 대신한다고 들었습니다. 대부분의 웹 커뮤니티는 그것이 가능하거나 그렇지 않다고 주장하지만, HTML5를 그렇게 강력하게 만드는 이유를 배제해야합니다. 거대한 회사 인 Apple도 Flash를 대체하기 위해 HTML5를 사용하려고합니다..
이것이이 게시물이 존재하는 이유이며, HTML5가 할 수있는 것에 대해 이야기하지는 않을 것이지만, HTML5가 JavaScript와 같은 다른 언어로 달성 할 수있는 불가사의 한 것들에 대한 라이브 데모를 보여줄 수 있으므로 영감을 얻을 준비를하십시오..
참고 : HTML5는 Internet Explorer와 같은 특정 웹 브라우저에서 완전히 지원되지 않으므로 Firefox 브라우저를 사용하여 아래의 모든 HTML5 데모를 볼 것을 강력히 권장합니다..
생기
HTML5의 캔버스 요소는 특정 플래시 애니메이션을 대체하기위한 HTML5의 결정 요소입니다. 자바 스크립트로 2D 모양과 비트 맵 이미지를 동적으로 스크립팅 할 수있는 렌더링을 구현할 수 있습니다. 자바 스크립트는 제어 가능한 애니메이션.
Audioburst 애니메이션
HTML5의 캔버스 및 오디오 태그로 제작 된 편안하고 환상적인 애니메이션.
볼 풀
마지막 Google I / O 이벤트에 선보이는이 데모는 HTML5가 얼마나 동적인지를 보여줍니다..
블롭 사드르
당신을 기쁘게 할 HTML5- 생성 된 생물.
보모 모
Bomomo를 사용하면 HTML5로 시뮬레이션 한 다양한 원자 이동을 관찰 할 수 있습니다..
브라우저 볼
이 '크로스 브라우저'HTML5 볼에 놀란다..
거품
다른 색상으로 끊임없이 떠있는 거품을 만들어 재미있게 보내세요..
캔버스 만화 애니메이션
HTML5의 캔버스 요소가 할 수있는 것을 이해하는 데 도움이되는 간단하고 재미있는 HTML5 만화.
쿨 클럭
HTML5 및 자바 스크립트로 제작 된 멋진 맞춤형 아날로그 시계.
Flickr PS3 슬라이드 쇼
웹 브라우저에서 PS3 스타일 슬라이드 쇼로 Flickr의 사진보기.
대화 형 폴라로이드
멀티 터치 인터페이스와 매우 유사한 인터랙티브 데모.
JS Fireworks
HTML5 및 자바 스크립트를 사용하여 원하는 중력 및 속도로 불꽃 놀이를 즐기십시오..
만화경
매우 아름답고 미래 지향적 인 HTML5 만화경.
액체 입자
마우스 움직임에 따라 반응하는 민감한 입자 애니메이션.
메스 매 이저
주변의 요소가 마우스 움직임과 어떻게 반응하는지 보여주는 민감하고 뛰어난 HTML5 데모.
성운 구름
이 놀라운 HTML5 성운을 잃어 버리십시오..
시차
병렬 투시도로 모든 2D 도형을 봅니다..
입자 애니메이션
선호하는 메시지를 형성 할 수있는 우아한 HTML5 입자 애니메이션.
전파
이 끝없는 보급 애니메이션으로 길을 잃어라..
스타 필드
마우스 움직임에 따라 방향과 속도가 변경되는 매우 멋진 HTML5 starfield 애니메이션.
비디오 파괴
클릭 한 번으로 동영상 재생.
파형
HTML5의 캔버스 웨이브가 진폭, 파장, 폭 등을 변경하여 어떻게 움직이는 지 관찰하십시오..
3D 효과
캔버스 애니메이션에 감명을 받았습니까? 이는 HTML5의 캔버스 요소가 할 수있는 것보다 많으며 3D 효과라고 불립니다. 개발자는 캔버스 요소, DOM 및 JavaScript를 사용하여 나중에 3D 애니메이션이나 게임으로 개발할 수있는 3D 효과를 만들 수 있습니다..
Canvas3D 및 Flickr
Flickr의 포토 스트림으로 완전히 새로운 3D 경험을 가지십시오..
천 시뮬레이션
사실적인 HTML5 기반의 옷감 시뮬레이션.
진화하는 괴물
복잡한 생물로 진화하는 괴물을 관찰하십시오. 제작자 중 한 명은 HTML5입니다..
Google Giftbox
거대한 검색 엔진 Google은 3D로 재생 가능한보기로 제공됩니다..
JS 터치
높은 품질과 현실감을 지닌 '3D on 2D Canvas'쇼케이스.
데이터 프리젠 테이션
HTML5의 캔버스 요소는 애니메이션 및 3D 효과를 만드는 데 사용할 수 있지만 수학적 데이터를 표시하도록 구현할 수도 있습니다.
그누 플롯
Gnuplot, HTML5 버전의 데이터 플로팅 응용 프로그램.
RGraph
RGraph는 막대 차트, 진행률 막대 및 기존 레이더 차트와 같은 다양한 데이터 표시 기능을 제공합니다..
웹 응용 프로그램
궁극적으로 HTML5와 다른 언어로 결합 된 모든 가능성을 사용하여 Flash 응용 프로그램과 가까운 대화 형 응용 프로그램이나 게임을 만들 수 있습니다..
CanvasPaint
Microsoft Paint의 형제가 웹 브라우저를 사용하고 그의 아버지는 HTML5입니다..
캔버스 몰
특정 지구 요소의 구조를 이해하도록 돕기 위해 제작 된 과학적 응용 프로그램.
만화 빌더
이 최소한의 대화식 만화 제작자로 재미있는 만화 이미지 그리기.
아무거나 드래그하세요.
데모에서 드래그 할 수있는 항목을 드래그하여 세부 정보 표시.
Gartic 스케치
jpeg 또는 png와 같은 다른 이미지 형식으로 저장할 수있는 기본 그림을 만들 수있는 원본 HTML5 응용 프로그램.
PhysicSketch
원하는대로 그려서 시뮬레이션 된 중력과 어떻게 반응하는지 확인하십시오..
스케치 패드
정확한 방식으로 이미지를 그리고 편집 할 수있는 강력한 HTML5 드로잉 응용 프로그램.
잡담
트위터에서 얻은 날씨 관련 메시지의 지리적 위치를 확인하여 캔버스 기반의 '사회 날씨'지도로 작성하는 웹 응용 프로그램 (작성자가 명시한대로)은 재미 있지만 흥미 롭습니다..
경기
3Bored
다음 초에 수백 개의 HTML5 글 머리 기호를 계속 피할 수 있다면 결코 지루할 수 없습니다..
탈주
모든 벽돌을 깨기 위해 공을 되 돌리십시오..
캔버스
게임은 아니지만 HTML5를 사용하여 1 인칭 슈팅 브라우저 게임을 개발하는 방법을 보여줍니다..
그것을 잡아라.
승리 한 HTML5 스퀘어를 얻기 위해 얼마나 많은 공을 피할 수 있습니까??
연쇄 반응
중독되지 않도록 목표를 달성하기 위해 폭발을 연결하십시오..
큐브 아웃
테트리스를 3D로 재생, 하향식보기.
에사 피시 스틱스
공을 별에 옮기고, 중력을 잊지 마라..
직소 퍼즐
이 HTML5 기반 지그 소 퍼즐을 해결하기 위해 클릭, 회전 및 드롭 퍼즐 조각.
슬라이드 퍼즐
마음 주스를 짜내는 또 다른 HTML5 게임 인 승리로 미끄러 져 가라..
같은 게임
특정 그룹을 제거하면 다른 그룹이 같은 색으로 짝을 지어 결국에는 승리를 얻게됩니다..
테트리스
HTML5에 의해 다시 살아난 가장 고전적인 게임 중 하나.
큰 쇠시리
의사 3D 버전의 또 다른 테트리스 게임.
결론
HTML5의 한계는 무엇입니까? 이 시점에서 우리는 결정할 수 없지만 아래의 인상적인 비디오를 통해 HTML5가 얼마나 멀리 밀렸는지 알 수 있습니다.
예, 웹 브라우저의 Quake II입니다. 이제는 HTML5를 사용하면 수십억 명의 인터넷 사용자에게 서비스 할 수있는보다 획기적인 웹 애플리케이션이 탄생하게 될 것입니다. 빠르게 진행되고 있으며 진화하고 있으며 월드 와이드 웹을 변화시키고 있습니다. 문제는이 게임을 HTML5로 바꾸는 것입니다.?
우리는 당신의 생각을 듣고 싶습니다.!
