연구실(키네틱) 프로젝트 7

텍스트 생성, 폰트 속성, 텍스트 속성 설정 함수 - javascript

/////////////////////////////////////////////텍스트 생성 관련///////////////////////////////////////////// function ffcreateText (contents, textType){ var textArray = new Array(); if (textType == "word") { textArray=contents.split(" ") } else if (textType == "char") { textArray=contents.split("") while(true){ var search = textArray.indexOf(" "); if(search!=-1){ textArray.splice(search,1); }else{ break;..

kity.html & js doc

.getElementsByTagName() .getElementsByTagName()는 특정 태그를 가진 모든 요소를 선택합니다. 선택된 요소는 유사 배열 객체로 반환됩니다. document.getElementsByTagName("div").item(13).innerHTML = strCode; 14번째 div 태그의 html contents를 strCode로 대치 Get the HTML content of the 14th element (index 13) inside the document 실행 예시 https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_nodelist_item_doc

FFexample_line_second.js document

처음에 ffcreateText사용해서 textArray 생성 다음 폰트 속성 설정 ffsetFontAttr -> fontfamily, fontsize, color, opacity ffSetTextAttr -> shadowwidth:2, shadowcolor, initx, inity 밑에 노란부분이 boxshadow 인듯 => ffSetTextBox -> boxShadowX: 15, boxShadowY: 30 (둘다 양수이므로 오른쪽으로 그림자 생성, 아래에 생성) boxShadowSpread: 5 (그림자를 확장) ffcreateText indexOf() 함수는 문자열에서 원하는 문자열을 검색하여 찾거나 아니면 배열에서 원하는 특정 배열값의 존재여부 등을 확인할 수 있습니다. .splice()는 배열에서..

글자 및 단어 단위의 키네틱 ~ 논문 <예제 1>

예제 1은 html 페이지 내의 버튼에 클릭 이벤트가 발생하게 되면 단어 단위로 분리된 텍스트 객체들이 왼쪽에서 오른쪽 방향으로 일렬로 배치가 되어 첫번째 단어와 두번재 단어가 각각 0.5초와 0.7초 후에 크기가 커지는 예제 var content = document.getElementById('testText').innerHTML;; => Document.getElementById() 메서드는 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환합니다. ID는 문서 내에서 유일해야 하기 때문에 특정 요소를 빠르게 찾을 때 유용합니다. var motionFunc = "kitySinglePlay(kityStaticScale(targetDIV.childNodes[..