상세 설명 및 xml 미리 보기 2010/09/02 업데이트 : 이미지 회전 없으면서 대기시 최적화 2010/09/07 업데이트 : 플래시 동작시 부하를 최소하 하기 위해 그림자 효과 제거(이미지 단계에서 그림자 효과 적용 png로 변환)<?xml version="1.0" encoding="UTF-8"?><sj> <config> <!-- ** 상세설명 ** 이플래시 의 특징! 조금만 바라 보고 있으면 못바꿀 것이 없다 .
휠 , 버튼 , 사진 클릭 등으로 여러가지 방법으로 회전을 시킬수 있습니다. 사진 이미지 , 전체 크기 화면 크기등을 사용자가 자유롭게 수정 하실수 있습니다. 카메라의 시선 줌 , 포커스 등도 자유롭게 수정이 가능합니다.
소개 1. 갤러리, 상품 갤러리 , 앨리먼트 등으로 사용 가능한 회전형 3d 앨리먼트. 2. 모든 페이지가 정면을 바라보고 있는 버젼입니다. 3. 이미지 사이즈는 고정형입니다 . ( 차후 가변형으로 업그레이드 버전 출시 예정 ) 4. 모든 이미지를 로딩후 플래시가 동작 하기때문에 너무 많은 양의 사진을 넣을시 ( 100 ~ 200 ) 로딩이 상당히 길어질 염려가 있습니다 . 5. 어떤 사이즈던지 화면의 가운데에 자동으로 졍렬을 합니다. 높이도 화면의 가운데 자동으로 정렬하실수 있습니다 . imageYCenter 의 값을 true 로 바꿔 줍니다. 높이는 사용자가 설정 할수 있습니다. imageY 6. 버튼은 xml 에서 선택 , 비선택 으로 화면에서 빼줄수 있습니다. 7. 버그 / 수정 문의 flash@asadal.com 사용설명 1. xml 메모장 수정만으로 많은 부분이 수정이 가능하며 사이즈 , 회전 반경 , 카메라 줌 , 포커스 등을 수정 하여 다른 느낌의 여러가지 플래시를 만들수 있습니다. 2. 이미지 사이즈
이미지 사이즈는 image 폴더 내에 있는 이미지들의 사이즈 이며 xml 메모장 상에서 크기를 한번더 명시해 주셔야 합니다. 메인 디자인 내의 imageWidth = "420" , imageHeight = "280" 부분을 수정 해주시면 이미지 크기 조절은 끝입니다. 3. 회전 반경 , 카메라 줌 , 포커스 수정 ** 수정을 권장 하지는 않습니다 ** ** 수치는 변경하실수 있습니다만 , 원하는 모습이 잘 안나올때는 다시 원래대로 돌려 놓으시고 다시 수정해보시기 바랍니다** 이미지 사이즈와 마찬가지로 xml 메모장 내에 있는 cameraSet 부분을 수정 해줍니다. ( 자세한 내용은 xml 메모장을 열어보시면 나옵니다.) 4. 이미지 수정 방법 (1). image 폴더 안의 이미지를 같은 이름 으로 교체 해줍니다. 더 추가시 뒤에 숫자를 임의로 붙여 줍니다. 이미지를 교체 하고 xml 메모장 내에 <object num = "0" > < == 이부분에 이미지 번호를 넣어줍니다. <link>http://www.naver.com</link> <tag>_self</tag> <name>날씨맑음</name> <story>토종 웅추(雄雛)닭에 鹿角(녹각), 當歸(당귀),何首烏(하수오)등을 첨가하여 만든 남성을 위한 전통 보양식으로서 기를 보호하고, 간기능 회복 좋습니다.</story> <date>01 - 해바라기</date> </object> 이미지를 추가 삭제 할때는 위 처럼 오브젝트 덩어리를 하나씩 추가 , 삭제 해주시면됩니다 . (2). image 폴더 안의 같은 이름으로 이미지를 교체 하고 싶지 않습니다.
이미지가 들어 있는 폴더를 지정해줍니다. <imgURL mainURL ="image/img" format = ".jpg" ></imgURL>
xml 문서 내에 있는 이 부분의 mainURL 부분은 이미지의 경로 에서 번호의 바로 앞 이미지 이름까지 들어갑니다. format 은 이미지의 format을 지정 합니다 . ( 대/소 문자 구분 합니다.) ** 경로를 변경 하실때는 절대경로를 추천 합니다 . ** 5. 텍스트 수정 방법
(1). 텍스트의 폰트 , 색상 , 크기 ..
텍스트의 폰트은 컨텐츠 상세설명 페이지에 있는 대로 폰트를 수정해줍니다. 색상은 제목 , 날짜 , 본문 별로 색상을 수정 해주실수 있습니다 . 크기 또 한 같은 곳에서 수정이 가능합니다.
<textFormat nameTextColor ="0x222222" nameTextSize = " 30" dateTextColor = "0x006666" dateTextSize = "11" dateTextStandardFontSet = "true" storyTextColor = "0x6f6151" storyTextSize = "12" storyTextStandardFontSet = "true" ></textFormat>
(2). 텍스트 수정
각 오브젝트 안에 이미지에 맞게끔 번호를 넣으셨으면 그 안에 있는 제목 , 본문 , 날짜 등을 수정하실수 있습니다 . 용어설명
?)카메라 : 내부에 있는 플래시를 보고 있는 카메라, 화면상에 보이는 부분은 카메라에 비추어진 영상
-->
<!-- 폰트경로 절대경로를 권장합니다. 상대경로는 최 상위 플래시가 올라가는 페이지에서 부터의 경로 --> <fontURL url = "font/RIXM.swf" ></fontURL>
<!--메인 박스 디자인 btnUI ================= 버튼 UI의 사용 유무 사용시 "true" 로 설정. diameter ============== 회전 원의 지름 rotationSpeed ========= 첫 로딩 속도 간격 timeinterval ========== 이미지 넘어가는 간격 (시간) imageWidth ============ 이미지의 가로 크기 imageHeight =========== 이미지의 세로 크기 textYFree ============= 여기를 true 로 하시면 아래 textY 값으로 버튼,텍스트의 좌표가 정해집니다. 여기를 false 하시면 텍스트는 자동으로 이미지 아래 붙습니다. textY ================= textYFree 가 true 일때 버튼, 텍스트의 좌표
imageYCenter ========== 가운데로 모이는 기능 사용 유무 true , false imageY ================ 사용 안한다면 모든 이미지의 높이 최 상단의 높이
circleMcVisible ======= 점으로된 썸네일을 화면에서 안보이게 하고 싶으시면 이녀석을 false 로 바꿔줍니다. 보일때는 true , 안보이기 false circleMcY ============= 음..썸네일 점 이미지의 세로 높이 --> <mainDesign btnUI = "true" diameter = "1400" rotationSpeed = "0.5" timeinterval = "4000" imageWidth = "420" imageHeight = "280" textYFree = "false" textY = "100"
imageYCenter = "true" imageY = "50"
circleMcVisible = "true" circleMcY = "140" ></mainDesign>
<!-- 카메라 설정 cameraY =============== 카메라의 높이 cameraZoom ============ 카메라 줌 cameraFocus =========== 카메라 포커스 -->
<cameraSet cameraY = "0" cameraZoom = "200" cameraFocus = "1"
></cameraSet>
<!-- 테두리 그림자설정 distance ============== 그림자의 거리 angle ================= 그림자의 각도 color ================= 그림자의 색상 alpha ================= 그림자의 투명도 blurX ================= 테두리 흐림범위X blurY ================= 테두리 흐림범위Y strength ============== 그림자 강도 quality =============== 품질
--> <dropShoadowData distance = "0" angle = "135" color = "0x000000" alpha = "1" blurX = "10" blurY = "10" strength ="1" quality = "1" ></dropShoadowData> <!-- 텍스트 디자인 nameTextColor =========== 제목 글자 색상 nameTextSize ============ 제목 글자 크기 dateTextColor =========== 내용 글자 색상 dateTextSize ============ 내용 글자 크기 storyTextColor ========== 날짜 글자 색상 storyTextSize =========== 날짜 글자 크기 --> <textFormat nameTextColor ="0x222222" nameTextSize = " 30" dateTextColor = "0x006666" dateTextSize = "11" storyTextColor = "0x6f6151" storyTextSize = "12" ></textFormat> <!-- 이미지 경로 절대 경로로 수정하실때에는 url 부분만 수정 해주시xml면 되겟습니다. 폴더 까지만 지정해 주시고 뒤에 / 를 붙여 줍니다. 큰 사진 경로 , 작은 사진 경로 파일 이름 숫자 앞 까지만 지정해 줍니다.(objectName) ex) http:// www.nuto83.dothome.co.kr/image/main/img_thum0.jpg
ex>>maiURL = http:// www.nuto83.dothome.co.kr/image/main/img_thum ex>> format = "jpg" ex>>아래 메인의 object num = "0"
사진 포멧 방식 (ex 00.jpg , gif , png ....) --> <imgURL mainURL ="image/img" format = "jpg" ></imgURL> </config>
<!-- 화면 설정 --><!--*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************--> <main> <!--화면설정 사진 번호 , 이미지 클릭시 링크 주소 테그 _self 현재창에서 화면을 열어줌 , _blank 새창에서 열여줌 이미지 메인 이름 스토리 .... 다음칸으로 이동 enter와 같은 기능을 한다고 봄 날짜기록 .. 가격 기록 ..등 --> <object num = "0" > <link>http://www.naver.com</link> <tag>_self</tag> <name>날씨맑음</name> <story>햇살좋은날 반갑습니다~</story> <date>01 - 해바라기</date> </object> <object num = "1" > <link>http://www.naver.com</link> <tag>_self</tag> <name>민들레꽃</name> <story>햇살좋은날 반갑습니다~</story> <date>2010/08/20 - 민들레꽃</date> </object> <object num = "2" > <link>http://www.naver.com</link> <tag>_self</tag> <name>해바라기02</name> <story>햇살좋은날 반갑습니다~</story> <date>2010/08/20 - 02 - 해바라기</date> </object>
