요즘 한국은 신경숙의 표절 시비로 난리가 아닙니다. 남이 작성한 콘텐츠를 제것인양 사용하는 국내의 정서가 불러온 결과입니다. 제 블로그의 글도 많은 복사가 이뤄져 이를 방지하고자 구글을 검색해봤더니 좋은 자바스크립트가 있어서 소개합니다. http://bavotasan.com/2010/add-a-copyright-notice-to-copied-text/ 위 사이트로 가면 아래와 같은 코드가 있습니다. 290 291 function addLink() { 292 var body_element = document.getElementsByTagName('body')[0]; 293 var selection; 294 selection = window.getSelection(); 295 var pagelink = " ..

http://brm.io/matter-js-demo/#slingshot 소스 검색하다가 찾은 사이트인데 물리 법칙을 표현하기 위한 자바스크립트로 만들어진 게임이 있습니다. 돌을 쏴서 드럼통 밀어내기 게임인데 석궁의 돌을 클릭 드래그 해서 각도와 강도를 잘 조절해 화살표 있는 곳에 쌓으면 가장 빠르게 떨어트릴 수 있습니다. 하지만 조절이 안되면 드럼통이 원하지 않는 곳에 위치하게 되고 시간이 더 걸립니다. 하다보면 방법을 알게 됩니다. 포인트는 방금 전에 쏜 돌의 각도와 강도를 잘 기억해야 어떤 위치로 돌을 올릴지 알 수 있습니다.

Your browser does not support iframes. 이미지가 안나타날 경우 내부를 클릭하세요. 이미지를 클릭드래그하면 회전하고 하단의 메뉴를 클릭하면 애니메이션 됩니다. 애플의 HTML5 웹페이지 에 보면 Three Sixty라는 Show Case가 있습니다. 처음 로딩시 한번 360도 회전하고 이미지를 클릭드래그하면 원하는 방향에서 상품이미지를 볼 수 있도록 만들었습니다. 내용 설명에 의하면 HTML5와 CSS3, 자바스크립트로 작동한다고 되어 있고 Webkit 웹브라우저 엔진에서만 작동이 된다고 하지만 Gecko엔진을 사용하는 파이어폭스에서도 잘 나옵니다. 여담으로 웹브라우저애해서 알아보겠습니다. 현재 웹브라우저는 5대 브라우저가 있는데 웹킷 엔진을 사용하는 애플의 사파리와 구글의 ..

상단 타이틀에 사용된 배너는 피스메이커(Piecemaker)라는 플러그인을 이용한 것으로 이곳 을 클릭하면 원작자의 사이트에서 내용을 볼 수 있고 다운받을 수 있습니다. 또는 아래에서 원본과 이 블로그에 사용된 수정본을 다운 받아 참고하면 됩니다. 압축을 풀면 3개의 폴더가 있습니다. Documentation은 프로그램의 소개와 저작권, 설치방법이 있습니다. 저작권은 사용은 무료(Open Source)이고 프로그램 단독으로 판매는 불가하나 다른 프로그램에 포함하여 판매는 가능하다는 내용입니다. 플래시 폴더에는 3D에 사용된 플래시 원본파일이 있고 web폴더에는 설치파일이 있습니다. contents에는 이미지, 비디오, 플래시 swf파일이 있고 scripts폴더에는 자바스크립트 파일이 있습니다. index..