정보실

웹학교

정보실

html 재밌고 놀라운 웹 데모

본문

1. Jelly Boids

이 데모에서는 둥근 모양과 마우스 커서를 따라 움직이는 여러 가지 콩 모양을 보여줍니다. 클릭하면 디버그 모드가 전환되므로 모든 작동 방식에 대해 더 많은 정보를 얻을 수 있습니다.


2. Movie Review Slider

영화를 평가하는 흥미로운 형식입니다. 

등급 슬라이더를 움직이면 팝콘이 배경으로 튀어 나오고 감독의 얼굴에 대한 감정이 바뀝니다.


3. Tower of Hanoi

CSS로만 제작 된 'The Tower of Hanoi'라는 인기있는 수학적 퍼즐입니다. 

목표는 모든 디스크를 왼쪽에서 오른쪽으로 이동하는 것입니다.


4. Cube Twist

이 데모는 수평 및 수직으로 회전하고 큐브를 형성하는 모양 그룹을 보여줍니다. 

CSS로만 제작되며 20 분짜리 비디오가있어 처음부터 어떻게 만들어 졌는지 볼 수 있습니다.


5. Space Invaders

이것은 JS와 CSS로 만든 고전적인 Space Invaders 아케이드 게임의 리메이크입니다. 

촬영하고 생존하며 높은 점수를 얻습니다. 

다른 외계인 유형은 당신에게 다른 수의 점수를줍니다.


6. Cube

작은 큐브 그룹이 움직이고 회전하며 더 큰 큐브를 형성하는 애니메이션 데모입니다.


7. Visualization of Sorting Algorithms

다양한 정렬 알고리즘의 동작을 시각적으로 보여줍니다. 데모에는 다양한 크기의 막대와 선택할 수있는 6 가지 알고리즘이 포함되어 있습니다.


8. Pure CSS Francine

CSS 만 사용하여 제작 된 고전적인 18 세기 유화의 재현입니다. 

세부적인 수준은 인상적이며 소스 코드를 검사하여 그림과 CSS 수업을 모두받을 수 있습니다.


9. Sphere Shader

놀라운 효과와 애니메이션으로 멋진 3D 구를 보여줍니다. 몇 초마다 색상이 바뀌며, 효과와 입자가 다릅니다.


10. Infinite Terrain

Three.js로 만든 interesing 데모입니다. 다양한 지형 기능을 갖춘 무한 가상 여행을 시작합니다.


  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 90회 ]  작성일18-05-14 18:14

웹학교