아래 코드를 사용하면 티스토리 웹페이지에서 processing을 구현할 수 있습니다.
-추가 1. 스크립트 내에 공백을 과도하게 사용할 경우 안되는 경우가 발생합니다.
-추가 2. processing 코드에서 delay()함수는 정상작동하지 않습니다. 아래와 같이 time이란 변수를 만들어 사용하는 것을 권장합니다.
-추가할 사항이 있으면 계속 추가해주시기 바랍니다.
1. tistory 블로그의 스타일에 추가해야 할 html 속성
<script src="http://cloud.github.com/downloads/processing-js/processing-js/processing-1.4.1.js"></script>
위의 스크립트를 <head>부분에 추가해주어야 합니다. 아래 코드의 <canvas>를 사용하기 위해서 html5로 DOCTYPE을 바꿔줍니다.
예시 -
<!DOCTYPE html>
...
<head>
...
<script src="http://cloud.github.com/downloads/processing-js/processing-js/processing-1.4.1.js"></script>
</head>
...
2. 본문 글에서 사용해야 할 html 속성
<script type="text/processing" data-processing-target="mycanvas">
//프로세싱 코드는 이곳에 들어갑니다.
//mycanvas라 쓰여진 부분의 이름은 임의대로 바꿀 수 있습니다.
</script>
<p> <canvas id="mycanvas"></canvas> </p>
3. 예제
'Others' 카테고리의 다른 글
| 2014 캔위성 체험-경연 대회 후기 (0) | 2014.08.13 |
|---|---|
| 인쇄물 작업을 위한 공통 양식입니다. (0) | 2014.02.19 |
| Welcome (0) | 2013.11.14 |
| 추천사이트[2]_Instructables.com (0) | 2013.11.14 |
| 킥스타터? Kickstarter (4) | 2013.09.12 |
