VML 고급: 스트립트와의 상호작용

이번 예제들은 소스가 꽤 긴데다, 거의 자바스크립트 사용 부분이라 VML 설명에는 큰 의미가 없겠다.

그래서 해당 예제들을 시험해볼 수 있는 링크와 화면 캡쳐만 올린다.

이런 식으로 VML이 활용 가능하다... 정도로 보면 되겠다.

 

1. 웹에서 그림 그리기

링크 주소: http://pws.nets.co.kr/thermidor/vml/7.webdrawing.htm

직선 및 자유선을 웹 브라우저 상에서 자유롭게 그릴 수 있다. 이를 응용하면 대단한 그림 도구를 만들 수 있을 것 같다.

 

 

2. 사다리 게임

링크 주소: http://pws.nets.co.kr/thermidor/vml/9.sadari.htm

내 개인적으로는 이 예제들 중 자바스크립트와 VML의 가장 절묘한 결합이 아닌가 싶은 예제이다.

VML로 이런 것까지? 하면서 많은 상상을 할 수 있게 해준다.

 

 

3. 3차원 막대 그래프

링크 주소: http://pws.nets.co.kr/thermidor/vml/boundingbox/boundingbox.htm

모 사이트에서 퍼온 VML 고급 예제이다. 그저 감탄사만 나올 뿐이다.

 

 

4. 3차원 도형: 3D 그래픽스

링크 주소: http://pws.nets.co.kr/thermidor/vml/platonic/platonic.htm

역시 모 사이트에서 퍼온 3차원 VML 예제이다. "rotate"단추를 누르는 순간, "헉!" 소리가 절로 나온다. 

 

 

5. 큐브 퍼즐

링크 주소: http://pws.nets.co.kr/thermidor/vml/rubikscube/rubikscube.htm

역시 모 사이트에서 퍼온 예제이다. 큐브가 VML로 재탄생했다!!!

위 링크는 다 깨져서 동작하지 않는다.

그래서 파일을 압축해서 업로드했다. 필요하면 다운 받아서 PC에서 돌려봐도 된다.

(IE 8 이하에서만 제대로 보일 듯...)

VML.ZIP