웹프로그래머의 홈페이지 정보 블로그 ::

« 2012/02 »
일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29

'flash'에 해당되는 글 170건

2010/10/10 플래시 물리엔진 Box2DFlash로 역동적인 모션 그래픽 만들기
2010/05/22 액체 위에 국기 모양의 공이 떠있는 현상 시뮬레이션 플래시 (2)
2010/03/02 누구나 따라해볼 수 있는 플렉스 애플리케이션 만들기 동영상
2009/11/11 직장인을 위한 플래시/플렉스 스터디를 추진하겠습니다. (3)
2009/06/13 소녀시대 맴버들 사진이 3D 방향으로 회전하는 플래시 시계 (5)
2009/02/15 심심풀이용 플래시 타워 디펜스 게임들과 플레이 동영상 (14)
2008/12/25 참고할만한 7가지 흥미로운 플래시 이펙트 샘플 소스 (26)
2008/10/09 플래시, 외부 파일 데이터 가져오기 통신 샘플 소스 #2 (1)
2008/10/06 플래시, 외부 파일 데이터 가져오기 통신 샘플 소스 #1 (2)
2008/10/04 막대 그래프 만들기, 플래시 차트 소스
2008/10/01 학습용 배너 이미지 슬라이더 플래시 소스 (2)
2008/09/27 클립보드 복사 기능 구현을 위한 소스 코드 (1)
2008/09/23 초간단 플래시 디지털 시계 만들기 동영상 (15)
2008/09/22 나만의 아날로그 플래시 시계를 직접 만들어 보자. (4)
2008/09/21 플래시 스터디, 세로형 네비게이션 만들기 (2)
2008/08/24 플래시(Flash) 스터디와 플렉스(Flex) 스터디
2008/07/16 IT 관련 스터디 및 세미나실 행사장 참고자료.
2008/06/16 자유로운 메시지 교환을 위한 플래시톡(Flash Talk). (7)
2008/06/15 플래시 액션 스크립트 3.0, 고성능 3D 데모 (6)
2008/06/08 심플한 플래시 투표 위젯, TOP10 (8)
2008/04/13 웹브라우져 시작페이지를 가볍고 깔끔하게... (1)
2008/02/10 소녀시대 프로필 플래시 갤러리. (4)
2008/02/03 귀여운 소녀시대 이미지로 구성된 플래시 갤러리입니다. (4)
2008/01/28 세로형 플래시 이미지 슬라이더. (1)
2008/01/15 홈페이지를 넘나드는 플래시 웃긴 대화방 (55)
2008/01/03 플래시를 제어하는 자바스크립트 소스 코드 (1)
2007/12/26 계산식을 입력하는 간변한 플래시 계산기 (4)
2007/12/23 싸이월드 사진첩에 플래시 등록하기 (9)
2007/12/08 지나간 글을 볼 수 있도록 만든 한줄 채팅 (3)
2007/12/02 플래시 밖으로 뛰쳐나온 테트리스 (3)

플래시 물리엔진 Box2DFlash로 역동적인 모션 그래픽 만들기

플래시 연구소 2010/10/10 00:12

TAG Box2D, flash, friction, gravity, restitution, 마찰, 물리엔진, 중력, 탄성, 플래시

위키백과에서는 물리엔진을 다음과 같이 설명하고 있습니다.
물리 엔진 또는 물리 연산 엔진은 강체동역학(충돌 감지 포함), 연체동역학, 유동역학과 같은 단순한 특정 물리 시스템을 최대한 시뮬레이션하려고 하는 컴퓨터 소프트웨어이다. 이 엔진은 컴퓨터 그래픽스, 비디오 게임, 영화 분야에 쓰인다. 주로 비디오 게임에 미들웨어로서 이용되며 실시간으로 시뮬레이션 처리한다. 이 용어는 고성능 과학 시뮬레이션과 같은 물리 현상을 시뮬레이션하기 위한 소프트웨어 시스템을 가리키는 데 쓰이기도 한다.
Box2D는 다양한 개발언어에서 활용될 수 있는 2D 물리엔진이며 이를 실습해보기 위해 플래시 물리엔진 Box2DFlash 를 활용해서 간단하지만 역동적인 모션 그래픽을 만들어보았습니다. 중력과 마찰력을 없애고 탄성을 적당히 셋팅하면 다음과 같은 영상이 만들어집니다.

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info/619

No Trackback, No Comment

댓글을 달아 주세요

액체 위에 국기 모양의 공이 떠있는 현상 시뮬레이션 플래시

플래시 연구소 2010/05/22 10:52

TAG Box2D, Buoyancy, flash, 게임개발, 물리엔진, 부력, 시뮬레이션, 액션스크립트, 유체, 플래시

물리엔진으로 실감나는 생생한 플래시 게임을 만들어 보려고 이런 저런 테스트 중에 부력 시뮬레이션도 테스트 해볼 수 있게 되어 간단한 동작을 하는 플래시를 빌드해봤습니다. 하단에 놓여진 유체 위에서 부력이 작동하여 그 위에서 공이 떠있는 현상을 테스트 한 것입니다. 공에는 여러나라 국기의 모습이 입혀져 있으며 처음에는 20개의 공이 한꺼번에 떨어지며 3초 간격으로 추가로 공이 한개씩 떨어지도록 되어 있습니다. 그리고 떨어진 공들은 마우스로 드레그해서 움직일 수 있습니다. 유체 위에 공이 떨어지면 유체가 출렁이는 현상이 생기면 좋겠다는 아쉬운 부분도 있어 약간의 이펙트를 줘서 개선해 보면 좋을 것 같다는 생각도 들고 약간의 규칙을 적용해서 게임을 만들어 보면 어떨까 하는 생각도 해보게 됩니다.
부력 테스트를 위해 Box2DFlash 물리엔진과 b2BuoyancyController 를 사용했으며 물리엔진에 관심있는 분들은 관련 샘플 소스를 참고해서 개성있는 플래시 제작에 활용해보시기 바랍니다. 물리엔진을 처음 접하시는 분들은 관련 메뉴얼을 먼저 읽어보셔야 할 것이며 함께 포함된 예제 소스를 실행해보시면 도움이 될 것입니다.

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info/614

[연관 포스트]
아이폰 게임 제작을 위한 2D 그래픽 엔진 Cocos2D 설치 및 실행 동영상
아이폰 아이팟 코코아 터치 애플리케이션 개발 샘플 동영상
직장인을 위한 아이폰 게임 디자인 스터디를 추진해 봅니다.
직장인을 위한 아이폰 앱 개발 Cocos2D 스터디를 추진합니다.

No Trackback, 댓글 2개가 달렸습니다.

댓글을 달아 주세요

이키루공공 2010/06/23 21:29 댓글주소 수정/삭제 댓글쓰기
box2d...귀에만 익은 이름이네요. 좋은 예제도 있으니..잘 공부하겠습니다 트위터로 퍼갔습니다 ^^
세이지클라서 2010/05/22 11:36 댓글주소 수정/삭제 댓글쓰기
와... 엄청 신기하네요.,. 이런걸 플래시로도 만들 수 있군요..

누구나 따라해볼 수 있는 플렉스 애플리케이션 만들기 동영상

플래시 연구소 2010/03/02 19:38

TAG adobe, flash, flex, 동영상, 애플리케이션, 어도비, 컨테이너, 컨트롤, 플래시, 플렉스

이 전에 포스팅한 "아이폰 아이팟 코코아 터치 애플리케이션 개발 샘플 동영상" 게시물에서 소개하고 있는 아이폰 애플리케이션과 비슷한 기능을 하는 플렉스 애플리케이션을 만드는 과정을 동영상으로 캡쳐해봤습니다. 우리가 알고 있는 플래시를 좀더 손쉽고 체계적으로 개발 할 수 있게 해주는 플렉스 프레임워크를 활용하면 비교적 적은 노력으로 유저 인터페이스를 좀더 세련되게 제작할 수 있게 됩니다. 동영상에는 플렉스 빌더가 등장하며 디자인 모드에서 라벨(Label)과 버튼(Button) 컨트롤을 플렉스 애플리케이션 컨테이너 위에 올리고 이 버튼을 클릭하면 웹브라우져로 어도비(Adobe) 홈페이지를 여는 매우 간단한 프로그램을 만드는 과정을 영상으로 담은 것입니다. 드림위버 같은 툴로 HTML과 자바스크립트를 다루는 느낌과 유사해 보이지만 실제 개발을 하기 위해서는 훨씬 많은 학습이 필요합니다.

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info/596

No Trackback, No Comment

댓글을 달아 주세요

직장인을 위한 플래시/플렉스 스터디를 추진하겠습니다.

플래시 모임 2009/11/11 14:34

TAG flash, flex, study, 스터디, 인맥, 정보교환, 직장인, 플래시, 플렉스

직장인을 위한 플래시/플렉스 스터디를 추진하려고 합니다. 액션스크립트 3.0을 다뤄야 하니 개발 경험(언어 무관)이 있어야 하고 프로그래밍에 관심이 있는 분들이 참여해야 하겠습니다. 스터디 장소는 서울(합정동)에 있는 사무실(회의실)이 될 것이므로 서울 근교에 계신 분들이 좋겠고 가용한 컴퓨터가 없는 관계로 개인 노트북이 필요합니다. 주말(토/일요일)을 활용할 것이며 참가 맴버간 합의가 된다면 주중 야간 시간대도 이용하게 될 수 있습니다. "한 번 해볼까?"라고 생각하는 분이면 곤란하며 적극적으로 참여 가능한 분이면 좋겠습니다. 필수 사항은 아니지만 이왕이면 아이폰/아이팟 어플 개발에 관심 있는 분이면 더 좋겠습니다.
참여 가능한 분들은 일단 댓글 남겨주시고 개발 경험이나 실무 경험에 관련된 간단한 자기 소개와 연락처(이메일,메신져,연락처)가 담긴 이메일(hompy @ live . com) 보내주세요. 그러면 검토 후에 답장 드리겠습니다. 다만 스터디 장소가 넓지 않은 관계로 인원제한이 필요하므로 선택적으로 답장을 보내드리도록 하겠습니다.
참가 신청 상황에 따라 신청자 여러분들끼리 또다른 팀을 구성하셔도 좋겠습니다.
참가자가 확정되면 구체적인 스터디 추진 방향을 결정하기 위한 가벼운 형식의 모임을 하겠습니다.
참가자 분들이 나름대로 자신의 업무에 바쁜 직장인들이 될 것이므로 수동적인 참여 보다는 능동적으로 참여했으면 하며 서로의 스캐쥴을 위해 시간 약속을 개념있게 지켜주시는 분들이길 바랍니다. 스터디 진행시 별도의 비용은 발생하지 않을 것이나 학습에 필요한 노트북이나 관련 책자 등은 스스로 준비하면 될 것입니다. 본 스터디는 전문적인 강사가 일방적으로 강의 해주는 방식이 아니므로 주의해주시고 공통의 관심사에 대해 스터디도 하고 비슷한 일을 하는 분들이 정보 교환도 하며 필요하면 서로의 인맥도 되어줄 수 있는 뜻 있고 유익한 자리가 되도록 함께 했으면 합니다.
함께 하고 싶은 분은 지금 바로 이메일 주세요.

http://cug.kr/1Iw

No Trackback, 댓글 3개가 달렸습니다.

댓글을 달아 주세요

웹프로그래머 2009/11/23 14:05 댓글주소 수정/삭제 댓글쓰기
현재 첫번째 스터디 그룹 맴버 구성은 총 7명으로 조직 완료 되었고 두번째 스터디 그룹 맴버 구성을 검토하고 있습니다. 관심 있으시면 아래 게시판 링크를 통해 스터디 그룹에 참여하고 싶어 하는 다른 분들을 확인하실 수 있습니다. 그리고 두번째 스터디 그룹을 이끌어 주실 분이 나타난다면 빠르게 스터디 조직이 가능할 것입니다.
http://www.flashcafe.org/basic_study
플래시카페 > 홈 > 커뮤니티 > 플래시스터디
이 게시판은 닫힌 게시판으로 운영하고 있으며 로그인 하시면 내용을 확인할 수 있습니다.
혜승아빠 2009/11/23 10:42 댓글주소 수정/삭제 댓글쓰기
오호..이거 아직도 모집하시려나?
서유미 2009/11/13 17:35 댓글주소 수정/삭제 댓글쓰기
좋은 시간이 될것 같습니다.~~~

소녀시대 맴버들 사진이 3D 방향으로 회전하는 플래시 시계

플래시 작품 2009/06/13 12:32

TAG 3d, clock, flash, movieclip, rotate, rotationZ, 무비클립, 소녀시대, 시계, 플래시, 회전

플래시 CS4 툴을 이용해서 3D 좌표 속성을 주기적으로 변경하여 소녀시대 맴버 사진들을 입체적으로 회전시켜보는 간단한 플래시 시계를 만들어보았습니다. "내 사진으로 만드는 재미있는 플래시 시계"라는 포스트에서 소개한 플래시를 약간 개조한 것입니다. 재미삼아 취미로 사용했던 플래시를 오랜만에 다뤄보려니 새롭게 습득해야할 것들이 많아졌군요. 당분간 플래시에 시간 투자를 해야할까봐요.

addEventListener(Event.ENTER_FRAME, rotate_movieclip);
function rotate_movieclip(event:Event):void {
mc_box.rotationY+=2;
//mc_box.rotationX+=3;
mc_box.rotationZ+=1;
}

<embed src="http://www.hompydesign.com/flash/3dclock.swf" quality="high" width="240" height="240" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info/578

No Trackback, 댓글 5개가 달렸습니다.

댓글을 달아 주세요

얼음사랑 2009/11/09 19:31 댓글주소 수정/삭제 댓글쓰기
그림이 바뀌면서..멋있습니다.
외톨이 2009/09/17 19:10 댓글주소 수정/삭제 댓글쓰기
안녕하세요
윤광영 2009/09/12 17:25 댓글주소 수정/삭제 댓글쓰기
와-_-;;; 멋지시다
피노키오 2009/06/20 14:44 댓글주소 수정/삭제 댓글쓰기
이글은 태그공개 안해주시나바용 ㅠ_ㅠ
비밀방문자 2009/06/15 11:54 댓글주소 수정/삭제 댓글쓰기
관리자만 볼 수 있는 댓글입니다.

심심풀이용 플래시 타워 디펜스 게임들과 플레이 동영상

플래시 게임 2009/02/15 17:37

TAG defense, flash, game, movie, tower, 게임, 동영상, 디펜스, 타워, 플래시

무료한 시간을 달래기 위해 간편하게 즐길 수 있는 심심풀이용 플래시 타워 디펜스 게임들을 플레이한 동영상들입니다. 개별 디펜스 게임을 직접 실행보려면 플레이 동영상 상단 링크를 열어보면 됩니다. 대부분의 게임 들은 치트엔진으로 머니핵을 해서 어떤 강력한 타워들을 배치할 수 있는지 알아보았습니다. 플래시 써클 디펜스와 앤트버스터 게임은 파이널 레벨이 없이 무제한으로 진행되는 게임으로 보이고 이 게임들은 머니핵으로 무제한으로 타워를 구입하고 레벨업을 하더라도 좀비들의 체력이 기하급수적으로 늘어나서 400 레벨 이상 가기 어려운 것 같습니다. 동영상을 보시면 개별 게임의 특징을 대략 파악해볼 수 있을 것이나 각 게임마다 특색도 있고 게임 방식도 약간 다르며 게임 그래픽의 퀄리티도 다르므로 여가 시간을 이용해 플레이해보세요.^^

[canyon flash defense game]
http://www.hompydesign.com/game/canyontd.php

[ant buster tower defense game]
http://www.hompydesign.com/game/antbuster.php

[defender hold thd holy pig flash defense game]
http://www.hompydesign.com/game/defenderholdthepig.php

[vector td 2 flash defense game]
http://www.hompydesign.com/game/vectortd2.php

[vector td x flash defense game]
http://www.hompydesign.com/game/vectortdx.php

[temple guardian flash defense game]
http://www.hompydesign.com/game/templeguardian.php

[onslaught2 flash defense game]
http://www.hompydesign.com/game/onslaught2.php

[elite forces defense game]
http://www.hompydesign.com/game/eliteforces.php

[flash circle defense game]
http://www.candystand.com/play.do?id=17995

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info/569

No Trackback, 댓글 14개가 달렸습니다.

댓글을 달아 주세요

이런.. 2010/05/16 23:25 댓글주소 수정/삭제 댓글쓰기
왜 매드니스 컴뱃 디펜스는 없는가?!!
zzz 2010/03/08 23:10 댓글주소 수정/삭제 댓글쓰기
첫번째 동영상 그건 버그 안써도 엄청 쉽고 3가지 헬?모드 엄청쉽고 재밋고^^
아시운점은 마지막단계가 있다는거.. 애써서 해놧는데 끝.. 더 하고 싶엇는데 ㅋㅋㅋ
우와라 2010/03/07 23:51 댓글주소 수정/삭제 댓글쓰기
ㅋㅋㅋㅋ 치트라서 그런지...쉬운데..개미 레벨 90 2만이 넘네체력이,,,쩝,,디게 저러 ㅋㅋㅋㅋㅋ
와우 2010/03/07 16:55 댓글주소 수정/삭제 댓글쓰기
저거 버그도 있었나?
ㅋㅋㅋㅋ 2010/03/06 12:20 댓글주소 수정/삭제 댓글쓰기
쇼미더머니레 ㅋㅋ
버그 2010/02/26 14:57 댓글주소 수정/삭제 댓글쓰기
개미버그 저 링크 들어가서 오른쪽에 있는 [show me the money] 하면됨
아놔 2010/02/26 14:55 댓글주소 수정/삭제 댓글쓰기
개미 le:89 체력 19320 ㄷㄷㄷ
ㅋㅇㄹ 2010/01/28 17:22 댓글주소 수정/삭제 댓글쓰기
[vector td x flash defense game]

읔.. 저거 도저히 안깨져서 동영상 보고 공략 따라할랬는데..

치트키군요 -0-; ㅋㅋ

44레벨정도에 모든 타워 10단계에.. 도배를 해버리네 ㅋㅋ
... 2010/01/26 23:43 댓글주소 수정/삭제 댓글쓰기
별걸다하셧네요 ㅋㅋ 저거중에 3개는 해봣음..
뭥미.. 2010/01/26 11:56 댓글주소 수정/삭제 댓글쓰기
개미타워 버그 뭥미...
dlawowoowow 2009/03/22 11:03 댓글주소 수정/삭제 댓글쓰기
개미버그어떻게써여?
manijang2 2009/02/17 03:35 댓글주소 수정/삭제 댓글쓰기
ant buster 버그 이용한거네요.. =_=;; 얼마나 잘할까 했더니... 수정 바람니다.
- 글좀읽으세요.. 2010/01/26 01:36 댓글주소 수정/삭제
  위에 글보면 버그써서 했다고 나와있음..
아크몬드 2009/02/15 23:33 댓글주소 수정/삭제 댓글쓰기
개미, Desktop Tower Defence는 해봤습니다.

참고할만한 7가지 흥미로운 플래시 이펙트 샘플 소스

플래시 샘플 2008/12/25 11:04

TAG effect, flash, wave, 매직볼, 방전효과, 불꽃, 웨이브, 텍스트이펙트, 폭죽, 플래시, 플래시소스

여러가지 흥미로운 플래시 이펙트입니다. 플래시 인트로나 플래시 네비게이션 등에 응용하면 유용할 것 같습니다. 아래 소개된 플래시 소스를 참고할 수 있도록 플래시 소스 묶음 파일도 첨부합니다.

[플래시 소스, 폭죽 터지는 효과]

[플래시 소스, 텍스트 이펙트]

[플래시 소스, 불꽃 제어]

[플래시 소스, 잡고 던질 수 있는 매직볼] 마우스로 볼을 잡고 던지기.

[플래시 소스, 전기 방전 효과]

[플래시 소스, 웨이브 에뮬레이션] 마우스로 중앙에 있는 네모를 잡고 흔들기.

[플래시 소스, Cyber, Gypnotic 이펙트]

[플래시 소스 모음]

flash_effects_fla.zip

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info/550

No Trackback, 댓글 26개가 달렸습니다.

댓글을 달아 주세요

티박스 2011/12/28 14:04 댓글주소 수정/삭제 댓글쓰기
와우 멋지네요 감사히 가져가겠습니다~!
소현 2010/12/20 05:32 댓글주소 수정/삭제 댓글쓰기
짱입니다요.. 유용하게쓸게여..!!!
혹시 대답해주실수있나요 궁금한게있는데!,
플래시에서 사진업로드하는 소스작성하려면 어떤식으로해야할까요..

사진업로드한걸로 퍼즐맞추는 플래시하려고하거등영...
답변주실수있음 주세여^^ a_akwon@lycos.co.kr
무튼 좋은 자료담아갑니다.
dr 2010/11/24 18:50 댓글주소 수정/삭제 댓글쓰기
아래 예기치 않은 파일이라구 뜨시는 분들~
플래시의 버젼이 낮아서 그렇습니다
양마니 2010/10/20 13:54 댓글주소 수정/삭제 댓글쓰기
오우~~
charlie 2010/04/10 12:31 댓글주소 수정/삭제 댓글쓰기
와아우 감사해요
우와우 2010/04/05 10:22 댓글주소 수정/삭제 댓글쓰기
대단합니다 와아우 감사해요~ 데려갑니다요!
서미조치 2010/01/02 17:10 댓글주소 수정/삭제 댓글쓰기
첨 와봤는데 참 신기하네요.
엘리트 2009/12/11 22:24 댓글주소 수정/삭제 댓글쓰기
감사히 담아갑니다.
tana 2009/11/26 17:23 댓글주소 수정/삭제 댓글쓰기
감사합니다... 좋네요..
근데 폭죽만 없네요.. 당장 이게 제일 필요한데.. 아깝다;;
RIA 2009/11/16 18:09 댓글주소 수정/삭제 댓글쓰기
이게.. 플래시인가요....?? 대단해요....
플래시잘해서 뭐하나좀해보자 라는생각가지고있는데..
전 정말 심각하게 먼거같아요ㅠㅠ 데려갑니다!
몽실몽실 2009/10/22 18:05 댓글주소 수정/삭제 댓글쓰기
멋진데요 담아가겠습니다
오오..가저갑니다 2009/09/06 07:49 댓글주소 수정/삭제 댓글쓰기
Thanks....
박두현 2009/08/25 09:08 댓글주소 수정/삭제 댓글쓰기
멋진 이펙트 고맙습니다.
계순이 2009/07/19 21:47 댓글주소 수정/삭제 댓글쓰기
너무 유용한 정보 감사합니다. 잘보았습니다.
뿡 2009/07/10 16:49 댓글주소 수정/삭제 댓글쓰기
텍스트 멋있네요.. 꼭 써먹어야지..^^ 감사해요
붉은머리 2009/07/09 16:06 댓글주소 수정/삭제 댓글쓰기
대단하십니다. 정말 멋지네요~!!
박시원 2009/06/30 16:11 댓글주소 수정/삭제 댓글쓰기
정말 멋져요!!!
대단합니다. 꼭 이거 다 만드는것에 도전해볼께요 감사해요~~!!
눈이 맑아지는 느낌 ㅋㅋㅋ
김호덕 2009/06/10 23:16 댓글주소 수정/삭제 댓글쓰기
늦은나이에 플래시에 입문해서 요즘 많이배우고있습니다.
이렇게 좋은 정보를 공유해 주셔서 감사합니다.
ug-hwan 2009/04/08 13:42 댓글주소 수정/삭제 댓글쓰기
thanks a lot
dhtmdgus5072 2009/03/28 17:54 댓글주소 수정/삭제 댓글쓰기
와우 짱이에요.
세바 2009/03/23 21:50 댓글주소 수정/삭제 댓글쓰기
저도 제이준님과 같은데요.
어떻게 하면되죠?
ysic0323@naver.com
제이준 2009/03/18 07:26 댓글주소 수정/삭제 댓글쓰기
텍스트 이펙트만 따로보내주시면 안될까여? rlawpwns23@naver.com
이리로여~ 부탁드려여
제이준 2009/03/17 09:27 댓글주소 수정/삭제 댓글쓰기
근데 저는 예기치않은 파일이라구 텍스트 이펙트파일이 안떠여 ㅠㅠㅠ
KIMICOM 2009/03/09 09:25 댓글주소 수정/삭제 댓글쓰기
Thanks a lot
이드 2009/02/27 06:27 댓글주소 수정/삭제 댓글쓰기
우와... 컴퓨터 잘하는 분든은 정말 부럽네요 ㅜ.ㅜ
도트 2009/02/08 08:44 댓글주소 수정/삭제 댓글쓰기
대단하네요~ 퍼가요^^

플래시, 외부 파일 데이터 가져오기 통신 샘플 소스 #2

플래시 연구소 2008/10/09 00:01

TAG flash, LoadVars, sendAndLoad, split, 배열, 소스, 액션스크립트, 외부파일, 통신, 플래시

플래시로 외부 파일 데이터를 가져오기 위한 웹서버와 통신하기 두번째 샘플 소스 코드입니다. 플래시 액션스크립트 초급자를 위해 학습용으로 부담없이 테스트할 수 있도록 만들었으므로 차근 차근 살펴 보시면 이해에 도움이 될 것이라 생각됩니다. 아래 예제 처럼 LoadVars 객체를 이용해서 통신을 하는 것이 먼저 소개해드렸던 XML 객체를 이용하는 것 보다는 좀더 손쉽게 사용될 수 있습니다. 그러나 전달해야할 데이터가 복잡한 구조를 가질 경우 XML 객체를 이용하는 것 보다 혼란스러울 수 있으며 눈으로 손쉽게 데이터를 해석하기 어려울 수 있습니다. 아래 제공하는 샘플 소스 코드를 필요에 맞게 수정하고 개선해보면 어떻게 사용하는 것인지 이해하기 쉽습니다. 잘 익혀두었다가 사용자의 데이터를 등록하고 갱신하는 응용 프로그램 모양의 플래시를 만드는데 활용해보세요.

[product.txt]
title=system&attribute=name|price|total|date&product=desktop|380000|10|2008-10-01,monitor|270000|5|2008-10-04,printer|160000|2|2008-09-28,notebook|870000|15|2008-10-06,mouse|12000|20|2008-09-20

product.txt

[product_txt.fla]
System.useCodepage = true;
var product_vars = new LoadVars();
product_vars.onLoad = function(success) {
if (success) {
var attribute_str = this.attribute;
var product_str = this.product;
var attribute_array = this.attribute.split('|');
var tmp_array = product_str.split(',');
var product_array = [tmp_array[0].split('|'), tmp_array[1].split('|'), tmp_array[2].split('|'), tmp_array[3].split('|'), tmp_array[4].split('|')];
tf_textarea.text += '[text file tester]\n';
tf_textarea.text += '01: ' + this.title + '\n';
tf_textarea.text += '02: ' + this.attribute + '\n';
tf_textarea.text += '03: ' + this.product + '\n';
tf_textarea.text += '\n';
tf_textarea.text += '04: ' + this.attribute.split('|')[0] + '\n';
tf_textarea.text += '05: ' + this.attribute.split('|')[1] + '\n';
tf_textarea.text += '06: ' + this.attribute.split('|')[2] + '\n';
tf_textarea.text += '07: ' + this.attribute.split('|')[3] + '\n';
tf_textarea.text += '\n';
tf_textarea.text += '08: ' + this.product.split(',')[0] + '\n';
tf_textarea.text += '09: ' + this.product.split(',')[1] + '\n';
tf_textarea.text += '10: ' + this.product.split(',')[2] + '\n';
tf_textarea.text += '11: ' + this.product.split(',')[3] + '\n';
tf_textarea.text += '12: ' + this.product.split(',')[4] + '\n';
tf_textarea.text += '\n';
tf_textarea.text += '13: ' + this.product.split(',')[0].split('|')[0] + '\n';
tf_textarea.text += '14: ' + this.product.split(',')[0].split('|')[1] + '\n';
tf_textarea.text += '15: ' + this.product.split(',')[0].split('|')[2] + '\n';
tf_textarea.text += '16: ' + this.product.split(',')[0].split('|')[3] + '\n';
tf_textarea.text += '\n';
tf_textarea.text += '17: ' + tmp_array[1].split('|')[0] + '\n';
tf_textarea.text += '18: ' + tmp_array[1].split('|')[1] + '\n';
tf_textarea.text += '19: ' + product_array[1][2] + '\n';
tf_textarea.text += '20: ' + product_array[1][3] + '\n';
tf_textarea.text += '\n';
textarea += '21: ' + product_array[2][0] + '\n';
textarea += '22: ' + product_array[2][1] + '\n';
textarea += '\n';
//trace(this.title);
} else {
//trace('error');
}
}
product_vars.load("product.txt");

product_txt.fla

[product_txt.swf]

[product_txt.html]
<embed src="http://www.hompydesign.com/flash/sample/product_txt.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="520" height="420" base="http://www.hompydesign.com/flash/sample/"></embed>

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

No Trackback, a comment

댓글을 달아 주세요

웹프로그래머 2008/10/09 08:44 댓글주소 수정/삭제 댓글쓰기
LoadVars 객체 래퍼런스:
http://www.adobe.com/support/flash/action_scripts/actionscript_dictionary/actionscript_dictionary427.html

플래시, 외부 파일 데이터 가져오기 통신 샘플 소스 #1

플래시 연구소 2008/10/06 23:24

TAG childNodes, firstChild, flash, nextSibling, nodeName, nodeValue, xml, 소스, 통신, 플래시

플래시로 외부 파일 데이터를 가져오기 위한 웹서버와 통신하기 샘플 소스 코드입니다. 플래시 액션스크립트 초급자를 위해 학습용으로 부담없이 테스트할 수 있도록 만들었으므로 차근 차근 살펴 보시면 이해에 도움이 될 것이라 생각됩니다. XML 로 규격화된 자료 파일을 플래시에서 읽을 수 있다는 것은 자료에 근거하여 어플리케이션 처럼 동작하는 동적 플래시를 만들 수 있는 장점이 있습니다. 플래시로 XML 객체를 어떻게 다루는지 잘 익혀두시고 차후에 쓸만한 플래시 만드는 일에 잘 활용해보세요.

[product.xml]
<?xml version="1.0" encoding="euc-kr" ?>
<product>
<item>
<name>desktop</name>
<price>380000</price>
<total>10</total>
<date>2008-10-01</date>
</item>
<item>
<name>monitor</name>
<price>270000</price>
<total>5</total>
<date>2008-10-04</date>
</item>
<item>
<name>printer</name>
<price>160000</price>
<total>2</total>
<date>2008-09-28</date>
</item>
<item>
<name>notebook</name>
<price>870000</price>
<total>15</total>
<date>2008-10-06</date>
</item>
<item>
<name>mouse</name>
<price>12000</price>
<total>20</total>
<date>2008-09-20</date>
</item>
</product>

product.xml

[product_xml.fla]
System.useCodepage = true;
function product_loader() {
var product_xml = this.firstChild.childNodes;
var product_len = product_xml.length;
var item_xml = product_xml[0].childNodes;
var item_len = item_xml.length;
var name_xml = item_xml[0].childNodes;
var name_len = name_xml.length;
tf_textarea.text += '[xml file tester]\n';
tf_textarea.text += '01: ' + product_len + "\n";
tf_textarea.text += '02: ' + product_xml + "\n";
tf_textarea.text += '03: ' + item_len + "\n";
tf_textarea.text += '04: ' + item_xml + "\n";
tf_textarea.text += '05: ' + name_len + "\n";
tf_textarea.text += '06: ' + name_xml + "\n";
tf_textarea.text += '\n';
tf_textarea.text += '07: ' + item_xml[0].nodeName + "\n";
tf_textarea.text += '08: ' + item_xml[0].firstChild.nodeValue + "\n";
tf_textarea.text += '07: ' + item_xml[1].nodeName + "\n";
tf_textarea.text += '08: ' + item_xml[1].firstChild.nodeValue + "\n";
tf_textarea.text += '09: ' + item_xml[2].nodeName + "\n";
tf_textarea.text += '10: ' + item_xml[2].firstChild.nodeValue + "\n";
tf_textarea.text += '11: ' + item_xml[3].nodeName + "\n";
tf_textarea.text += '12: ' + item_xml[3].firstChild.nodeValue + "\n";
tf_textarea.text += '\n';
textarea += '13: ' + product_xml[3].childNodes[0].nodeName + "\n";
textarea += '14: ' + product_xml[3].childNodes[0].firstChild.nodeValue + "\n";
textarea += '15: ' + product_xml[3].childNodes[1].nodeName + "\n";
textarea += '16: ' + product_xml[3].childNodes[1].firstChild.nodeValue + "\n";
textarea += '17: ' + product_xml[3].childNodes[2].nodeName + "\n";
textarea += '18: ' + product_xml[3].childNodes[2].firstChild.nodeValue + "\n";
textarea += '19: ' + product_xml[3].childNodes[3].nodeName + "\n";
textarea += '20: ' + product_xml[3].childNodes[3].firstChild.nodeValue + "\n";
tf_textarea.text += '\n';
textarea += '21: ' + product_xml[3].firstChild.nextSibling.nodeName + "\n";
textarea += '22: ' + product_xml[3].firstChild.nextSibling.nextSibling.nodeName + "\n";
/*
trace('product len = ' + product_len);
trace('product xml = ' + product_xml);
trace('item len = ' + item_len);
trace('item xml = ' + item_xml);
trace('name len = ' + name_len);
trace('name xml = ' + name_xml);
*/
}
my_xml = new XML();
my_xml.onLoad = product_loader;
my_xml.ignoreWhite = true;
my_xml.load("product.xml");

product_xml.fla

[product_xml.swf]

[product_xml.html]
<embed src="http://www.hompydesign.com/flash/sample/product_xml.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="520" height="420" base="http://www.hompydesign.com/flash/sample/"></embed>

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

No Trackback, 댓글 2개가 달렸습니다.

댓글을 달아 주세요

^.^ 2008/10/22 15:54 댓글주소 수정/삭제 댓글쓰기
node childnode 구분해서 보라고 올려두신거 같네요 ㅋㅋㅋ
웹프로그래머 2008/10/09 08:45 댓글주소 수정/삭제 댓글쓰기
XML 객체 레퍼런스:
http://www.adobe.com/support/flash/action_scripts/actionscript_dictionary/actionscript_dictionary827.html

막대 그래프 만들기, 플래시 차트 소스

플래시 연구소 2008/10/04 10:01

TAG chart, flash, tween, 과제, 막대그래프, 배열, 소스, 스터디, 차트, 플래시

오늘 오후에 있을 플래시 스터디 과제인 막대 그래프 만들기에 대한 이해를 돕기 위해 간소화 시킨 플래시 차트 소스를 준비했습니다. 그래프 막대로 사용하기 위해 다섯 가지 색상의 무비클립을 만들었습니다. 차트에 적용할 데이터는 2차원 배열에 담았고 Tween 클래스를 활용해 막대 그래프에 활력을 불어 넣었습니다. 여러가지 Tween 클래스 효과를 실험하기 위해 onEnterFrame 이벤트를 이용해 5가지 다른 스타일을 일정한 시간 간격으로 보여주고 있습니다. 플래시 입문자들은 아래 소스를 수정하고 개선해 보시면 플래시 액션스크립트 학습이 도움이 될 것입니다. 뭐든 직접 해보는 것이 중요하므로 손수 멋진 디자인을 입혀서 자신만의 개성있는 막대 그래프를 만들어보세요.

flash_chart.fla

import mx.transitions.Tween;
import mx.transitions.easing.*;

var chart_array = Array(
Array('80','94','70','80','60')
,Array('60','100','78','50','80')
,Array('90','80','100','75','95')
);

var style_array = Array(
Strong.easeOut, Elastic.easeOut, Bounce.easeOut, Regular.easeOut, Back.easeOut
);

var menu_max = chart_array.length;
var part_max = chart_array[0].length;
var time_step = 0, style_pos = 0;

function show_chart(set_style){
var i, j, y1, y2, style, mc;
y1 = 0;
for (i=0;i<part_max;i++) {
for (j=0;j<menu_max;j++) {
mc = this['mc_bar_'+j+'_'+i];
y2 = chart_array[j][i] * 2;
style = style_array[set_style];
new Tween(mc,"_yscale",style,y1,y2,20,false);
}
}
}

this.onEnterFrame = function(){
if (time_step>100) time_step = 0;
if (time_step==0) {
show_chart(style_pos);
style_pos = (style_pos+1)%5;
}
time_step ++;
}

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

No Trackback, No Comment

댓글을 달아 주세요

학습용 배너 이미지 슬라이더 플래시 소스

플래시 연구소 2008/10/01 08:23

TAG clearInterval, flash, setInterval, 배너, 블로그, 소스, 슬라이더, 이미지, 플래시

이미지 슬라이더는 좁은 공간에 좀더 많은 것을 보기 좋게 보여주기 위해 유용한 유저 인터페이스입니다. 아래 소개하는 내용은 이번 플래시 스터디 과제를 해결하기 위한 힌트이기도 하며 플래시 액션스크립트 초급자를 위한 학습용 플래시 소스이기도 합니다. Tween 클래스를 사용해서 매끄러운 배너 이동에 적용했으며 주기적으로 반복해서 함수를 실행하게 해주는 setInterval 함수를 이용해 일정 시간 간격으로 배너를 교체하도록 하였습니다. 그리고 마우스를 배너 위에 올렸을 경우 clearInterval 함수로 반복하는 것을 중지 하도록 했고 마우스가 배너 위를 벗어났을 때 다시 setInterval 함수를 이용해 다시 반복 하도록 했습니다. 배너의 갯수(menu_max), 배너의 폭(menu_width), 이동 시간 간격(show_time), 어떤 스타일로 이동할 것인지(show_style)를 변경할 수 있는 변수도 적용하였습니다.
백번 설명하는 것 보다 한번 직접 해보는 것이 플래시 액션스크립트 학습의 지름길입니다. 자신의 필요나 구미에 맞게 아래 플래시 소스를 수정 보완 해보시면 학습에 도움이 될 것입니다. 이렇게 만들어진 플래시는 블로그나 홈페이지 배너로 사용하면 보기 좋을 것이며 실제 많이 사용하고 있기도 합니다.

banner_slider.fla

import mx.transitions.Tween;
import mx.transitions.easing.*;

var menu_pos = 0;
var menu_max = 4;
var menu_width = 200;
var show_style = 0;
var show_time = 4000;
var menu_distance = menu_width * -1;
var time_id = setInterval(_root,"do_next", show_time);
mc_screen.onRollOver = function (){
clearInterval(time_id);
}
mc_screen.onRollOut = function (){
time_id = setInterval(_root,"do_next", show_time);
}
mc_screen.onRelease = function (){
getURL("http://hompy.info/507","_blank");
}
function do_next(){
var pos1, pos2, x1, x2;
pos1 = menu_pos;
menu_pos = menu_pos + 1;
pos2 = menu_pos;
x1 = pos1 * menu_distance;
x2 = pos2 * menu_distance;
menu_pos = (menu_pos) % menu_max;
switch (show_style){
case 1: new Tween(mc_screen,"_x",Elastic.easeOut,x1,x2,20,false); break;
case 2: new Tween(mc_screen,"_x",Bounce.easeOut,x1,x2,20,false); break;
case 3: new Tween(mc_screen,"_x",Regular.easeOut,x1,x2,20,false); break;
case 4: new Tween(mc_screen,"_x",Back.easeOut,x1,x2,20,false); break;
default: new Tween(mc_screen,"_x",Strong.easeOut,x1,x2,20,false); break;
}
trace (menu_pos+":"+x1+"->"+x2);
}

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

No Trackback, 댓글 2개가 달렸습니다.

댓글을 달아 주세요

임채경 2010/06/23 13:46 댓글주소 수정/삭제 댓글쓰기
감사합니다!
학생 2009/04/17 21:33 댓글주소 수정/삭제 댓글쓰기
굳!
아주 유용합니다.

클립보드 복사 기능 구현을 위한 소스 코드

프로그래밍 2008/09/27 12:37

TAG addCallback, clipboardData, ExternalInterface, flash, javascript, setClipboard, 액션스크립트, 자바스크립트, 클립보드, 플래시

텍스트큐브에서 트랙백 주소 복사 기능에 사용하고 있는 클립보드 복사 기능 구현을 위한 소스 코드입니다. 관련된 소스 코드만 추려낸 것으로 플래시 액션 스크립트 clipboardPoter.as 와 자바스크립트 copy2clipboard.js 그리고 실제 홈페이지에 적용가능한 예제 웹문서 copy2clipboard.html 으로 구성하였습니다.
웹문서에서 자바스크립트 메소드를 이용해서 클립보드 복사가 가능하지만 보안창이 뜨기 때문에 사용자 입장에서 불편함이 있으므로 이를 우회하기 위해 요즘 보편적으로 깔려있는 플래시 환경을 이용하고 있습니다. 플래시 액션스크립트에서 System.setClipboard 메소드를 이용해서 클립보드 복사 기능을 구현하고 있고 플래시 환경이 아닐경우 기존 자바스크립트 복사 메소드 window.clipboardData.setData 를 이용하고 있습니다. 그리고 플래시와 자바스크립트 사이의 통신을 위해 addCallback 메소드를 사용하고 있습니다.
구현 원리에 대해 이해가 되셨으면 아래 소스 코드를 찬찬히 살펴보시고 실무에 적용해보실 수 있습니다.

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

[clipboardPoter.as]

function setClipBoard(str) {
System.setClipboard(str);
flash.external.ExternalInterface.call(callback, true);
}
System.security.allowDomain("*");
var methodName = "setClipBoard";
var instance = null;
var method = setClipBoard;
var wasSuccessful = flash.external.ExternalInterface.addCallback(methodName, instance, method);

[copy2clipboard.js]

No Trackback, a comment

댓글을 달아 주세요

김지선 2010/04/04 22:56 댓글주소 수정/삭제 댓글쓰기
좋은 정보 감사합니다~~

초간단 플래시 디지털 시계 만들기 동영상

플래시 연구소 2008/09/23 09:06

TAG clock, Date, flash, getHours, getMinutes, getSeconds, video, 동영상, 시계, 플래시

플래시 입문자를 위해 초간단 플래시 디지털 시계 만들기 동영상을 만들어보았습니다. 동영상에서 나오는 화면 대로 따라하면 디지털 시계 하나가 만들어집니다. 플래시 제작이 어렵게 느껴졌던 분들이 있다면 동영상을 보고 욕심을 내보시면 어떨까 생각됩니다. 저는 취미로 플래시 제작을 즐기는 편인데 요즘 업무에 바빠서 취미 생활에 소홀해졌습니다. 플래시 제작을 취미로 즐기실 분이 있으시면 언제든 저와 함께 해요.^^

아래는 동영상에 사용된 플래시 디지털 시계 소스 코드입니다.

function display_clock(){
var noon= 'PM';
var ctime = new Date();
var chour = ctime.getHours();
var cmin = ctime.getMinutes();
var csec = ctime.getSeconds();
if (chour<12) noon = 'AM';
if (chour>12) chour = chour - 12;
if (chour<10) chour = '0' + chour;
if (cmin<10) cmin = '0' + cmin;
if (csec<10) csec = '0' + csec;
tf_clock.text = noon+ ' '+chour+':'+cmin+' '+csec;
delete ctime;
}

this.onEnterFrame = display_clock;

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

No Trackback, 댓글 15개가 달렸습니다.

댓글을 달아 주세요

이키루공공 2010/06/23 21:27 댓글주소 수정/삭제 댓글쓰기
좋은 정보 감사합니다~!!
이름없음 2010/05/16 23:16 댓글주소 수정/삭제 댓글쓰기
좋은 정보 감사해요..~ 또 새로운걸 알게됬네요 ㅎㅎ
예다움 2010/03/10 12:00 댓글주소 수정/삭제 댓글쓰기
좋은정보 정말감사해요~!!직접만들고싶어졌어요~ㅎ
무명의시인 2010/01/22 11:06 댓글주소 수정/삭제 댓글쓰기
우오!!!!!!!

플래쉬 하고 싶습니다.
dd 2009/12/13 04:01 댓글주소 수정/삭제 댓글쓰기
진짜 짱이예요 label로 하는것보다 훨씬 간단!
흐흐흐 2009/10/30 11:20 댓글주소 수정/삭제 댓글쓰기
플래쉬 쉽지 않네요
와우 2009/04/01 14:55 댓글주소 수정/삭제 댓글쓰기
저도 플래셔입니다. 이렇게 시계를 간단하게 만들 수 있는줄은 처음 알았네요. 저도 플래시를 공부해야겠군요.
돈키호테 2009/03/16 16:27 댓글주소 수정/삭제 댓글쓰기
좋은 정보 퍼갈께요
이거 2009/02/24 14:46 댓글주소 수정/삭제 댓글쓰기
퍼갈게요
지선 2009/01/10 20:26 댓글주소 수정/삭제 댓글쓰기
우오..... 요즘 배우고있는데... 좋은 정보네요~ 멋찌다! ㅋ
우오~
션 2009/01/09 15:43 댓글주소 수정/삭제 댓글쓰기
좋은 정보 감사해요...이봉진님두 감사하구요..
최종혁 2008/12/09 14:33 댓글주소 수정/삭제 댓글쓰기
사진은 못 넣는건가요?
지현 2008/11/10 11:17 댓글주소 수정/삭제 댓글쓰기
왜..난 안돼는거졍 흑흑
이봉진 2008/11/05 12:06 댓글주소 수정/삭제 댓글쓰기
AM과 PM표시부분이 잘못되었네요 11시도.. PM으로 표시된다는 ^^;
그리구 12이후부터 표시가 13시14시 이렇게 표현이 되는데 그러면 AM과 PM의 표시 의미가 없을듯하네요

if (chour<12) {
noon = 'AM';
if (chour<10) { chour = '0' + chour; }
} else if (chour>12) {
chour = chour - 12;
chour = '0' + chour;
}

요렇게 바꿔봤네요 ^^;
어거 2008/09/26 11:24 댓글주소 수정/삭제 댓글쓰기
좋은정보 퍼가도대요??고화질은 어떻게 링크하는건지..ㅠㅠ

나만의 아날로그 플래시 시계를 직접 만들어 보자.

플래시 연구소 2008/09/22 08:48

TAG flash, getHours, getMinutes, getSeconds, _rotation, 리뷰, 블로그, 시계, 아날로그, 위젯, 플래시

나만의 아날로그 플래시 시계를 만들어보고 싶다면 아래 액션스크립트 소스 코드를 참고하세요. 보시면 아시겠지만 플래시 시계 소스 코드는 생각보다 간단하며 구현방법 또한 복잡하지 않습니다. 우선 중심점이 스테이지 중앙에 맞춰진 시침, 분침, 초침에 해당하는 무비클립을 만들고 Date 객체의 getHours, getMinutes, getSeconds 메소드를 이용해서 시간을 구하고 준비된 개별 시계 바늘에 부여된 이름의 무비클립 객체 회전각 속성 _rotation 값을 적절하게 계산하여 주기적으로 변경합니다. 소스 코드에서는 각 무비클립 마다 onEnterFrame 이벤트를 발생하게 하였으나 한개의 메소드로 통합하셔도 좋습니다. 여기까지 작업 하시고 실행하면 원하는 플래시 시계가 완성됩니다. 그리고 여러분의 취향에 맞는 멋진 시계 배경과 이쁜 시계 바늘을 디자인해서 적용하시면 개성있는 시계가 될것입니다. 나만의 멋진 시계를 만들어서 자신의 블로그 위젯으로 활용해보세요.

액션스크립트 용어와 객체 활용 샘플 코드 참고 자료 ==▶ http://cafe.naver.com/q69/86171

clock_20080921.fla

function clock_sec_mc_func(){
var nowDate = new Date();
this._rotation = nowDate.getSeconds() * 6;
delete newDate;
}

function clock_min_mc_func(){
var nowDate = new Date();
this._rotation = nowDate.getMinutes() * 6;
delete newDate;
}

function clock_hour_mc_func(){
var nowDate = new Date();
this._rotation = nowDate.getHours() * 30 + (this._rotation = nowDate.getMinutes() * 0.5 % 30);
delete newDate;
}

mc_clock_hour.onEnterFrame = clock_hour_mc_func;
mc_clock_min.onEnterFrame = clock_min_mc_func;
mc_clock_sec.onEnterFrame = clock_sec_mc_func;

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

No Trackback, 댓글 4개가 달렸습니다.

댓글을 달아 주세요

starsj:지늬츼 2010/03/08 18:34 댓글주소 수정/삭제 댓글쓰기
신기하네요. 수고하셨겠지만 이 태그 퍼가도 될까요?※추신: 이 태그 다 퍼가서 태그게시판에 쓰면 시계가 나오나요?
션 2009/01/09 15:11 댓글주소 수정/삭제 댓글쓰기
좋은 정보 감사합니다.
- freedom 2010/03/06 13:51 댓글주소 수정/삭제
  우리 학원 선생님이름이랑 똑같으시네요^^ 혹시 엘버드외국어학원아세요?
안정현 2008/09/26 18:47 댓글주소 수정/삭제 댓글쓰기
이소스를 이용하여 세계시간을 나타낼려면 어떻게 해야죠...만약 뉴욕시간을
표현하고 싶다면.... 참고로 뉴욕은 우리시간에서 -14시간 하면 됩니다.

플래시 스터디, 세로형 네비게이션 만들기

플래시 모임 2008/09/21 09:08

TAG flash, 과제물, 그래프, 네비게이션, 리뷰, 산출물, 세로형, 소스, 스터디, 전광판, 플래시

9월 20일 오늘 스터디에서는 각자 만들어온 플래시에 대해 설명하고 제작할때 생긴 문제에 대해 질문하고 함께 풀어보고 트윈 클래스와 배열에 대해서 이해하는 시간을 가졌고 즉석에서 플래시 네비게이션을 만들어보는 시간을 가졌습니다. 10월 4일 스터디 과제는 이번에 학습한 몇가지를 응용하셔서 플래시 그래프와 전광판을 만들어보는 것입니다. 하단에 있는 자료들을 참고하시면 도움이 될 것입니다.
그리고 과제는 반드시 직접 해보시고 잘 안되는 부분에 대해 질문할 내용을 준비해두세요.

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

[제3회 스터디 학습 자료]

세로형 네비게이션 액션 스크립트 소스 - flashmenu.as
아래 소스는 몇년전 플래시에 대해 제대로 파악하고 있지 못했던 시기에 만든 것으로 부족한 부분이 있을 수 있으나 오히려 입문자를 위한 학습 자료가 될 수 있어 공개합니다.

flashmenu.as

flashmenu.fla

import flash.geom.ColorTransform;
import flash.geom.Transform;

var mc_max = 8;
var mc_top = 10;
var mc_height = 30;
var mc_sub_height = 20;
var mmc_height = new Array();
var mmc_height_more = 26;
var mc_select = -1;

menu_list = new Array("플래시(Flash)","포토샵(Photoshop)","서비스(Service)","카페(Cafe)","블로그(Blog)");
menu_link = new Array("http://www.hompydesign.com/club/meet.htm","http://www.hompydesign.com/club/ani.htm","http://www.hompydesign.com/showdir.php","http://coordy.cyworld.com/","http://www.hompydesign.com/ex/main_index.htm");

submenu_list = new Array();
submenu_list[0] = new Array("미니홈피","플래시채팅","플래시소스","플래시갤러리","RSS 리더","PHP 사전","한자게임","달력과 시계");
submenu_list[1] = new Array("포토 라이브러리","랜덤 이미지");
submenu_list[2] = new Array("무료 도메인","한글 도메인","블로그 스크랩","미니홈피 갤러리","프로게이머");
submenu_list[3] = new Array("패션 코디 클럽","직장인 인맥만들기","플래시 카페","스타크래프트 클럽");
submenu_list[4] = new Array("블로그","싸이월드 홈2","미니홈피","게시판");

submenu_link = new Array();
submenu_link[0] = new Array("http://www.hompydesign.com/club/flash.htm","http://www.hompydesign.com/flash/chat.htm","http://www.hompydesign.com/club/flash_movie.php","http://www.hompydesign.com/club/photo.htm","http://www.hompydesign.com/club/xmlreader.htm","http://www.hompydesign.com/flash/phpdic/phpdic.htm","http://www.hompydesign.com/hanja/","http://www.hompydesign.com/club/calendar.htm");
submenu_link[1] = new Array("http://www.hompydesign.com/club/photolib.html","http://www.hompydesign.com/club/ani.htm","","","","","","","");
submenu_link[2] = new Array("http://www.hompydesign.com/showdir.php","http://www.hompydesign.com/club/korean_domain.php","http://www.hompydesign.com/club/post.com","http://www.hompydesign.com/club/photo_list.com","http://www.hompydesign.com/club/rank_write_starcraft.com","","","");
submenu_link[3] = new Array("http://coordy.cyworld.com/","http://makehost.cyworld.com/","http://cafe.naver.com/q69.cafe","http://starcraft.or.kr/","","","");
submenu_link[4] = new Array("http://hompy.info","http://www.cyworld.com/onblog","http://www.cyworld.com/makehost","http://www.hompydesign.com/ex/main_index.htm","","","");
ready();

function text_over(){
this.title_tf.textColor = 0xFFFFFF;
}
function text_out(){
this.title_tf.textColor = 0xE8EB91;
}
function text_click(){
getURL(this.link,"_main_");
}

function ready() {
for (i=0;i<mc_max;i++) {
var obj = this["mc_"+i];
obj.targetX = 0;
obj.targetY = mc_height * i;
obj.speedX = 0.2;
obj.speedY = 0.2;
obj.mlist._visible = false;
obj.submenu._visible = false;
obj.mlist_head._visible = false;
obj.mlist_tail._visible = false;
obj.main.onRollOver = move_mc;
obj.main.title = menu_list[i];
obj.main.title_tf.textColor = 0xfdffc7;
obj.main._xscale = 100;
obj.main._yscale = 100;
obj.no = i;
obj.main.link = menu_link[i];
obj.main.onRelease = text_click;
for (j in submenu_list[i]){
obj.submenu["title"+j].str = submenu_list[i][j];
obj.submenu["title"+j].onRollOver = text_over;
obj.submenu["title"+j].onRollOut = text_out;
obj.submenu["title"+j].link = submenu_link[i][j];
obj.submenu["title"+j].onRelease = text_click;
}
for (j=submenu_list[i].length;j<mc_max;j++) obj.submenu["title"+j]._visible = false;
obj.submenu["title"+(submenu_list[i].length-1)].line_mc._visible = false;
obj.mlist._visible = false;
obj.over_mc._visible = false;
mmc_height[i] = submenu_list[i].length*mc_sub_height;
}
}

first_mc(0);
function first_mc(menu_no){
for (i=0;i<mc_max;i++) {
var obj = _root["mc_"+i];
/*
var colorTrans:ColorTransform = new ColorTransform();
var trans:Transform = new Transform(obj.over_mc);
*/
obj.main._xscale = 100;
obj.main._yscale = 100;
if (menu_no==i) {
obj.main.title_tf.textColor = 0xfdffc7;
obj.mlist._height = mmc_height[i];
//obj.mlist_tail._y = obj.mlist._y + mmc_height[i];
obj.submenu._visible = true;
obj.mlist._visible = true;
obj.mlist_head._visible = true;
obj.mlist_tail._visible = true;
obj.over_mc._visible = true;
//colorTrans.rgb = 0x0000ff; trans.colorTransform = colorTrans;
if (obj.no != mc_select) {
//obj.main.onEnterFrame = show_mainmc;
obj.submenu.gotoAndPlay(1);
obj.submenu._alpha = 10;
obj.submenu.onEnterFrame = show_submc;
obj.mlist._alpha = 10;
obj.mlist._height = 1;
obj.mlist.onEnterFrame = show_submc_h;
obj.mlist_head._alpha = 10;
obj.mlist_head.onEnterFrame = show_submc;
obj.mlist_tail._alpha = 10;
obj.mlist_tail.onEnterFrame = show_submc;
}
} else {
obj.over_mc._visible = false;
obj.main.title_tf.textColor = 0xfdffc7;
obj.mlist._visible = false;
obj.submenu._visible = false;
obj.mlist_head._visible = false;
obj.mlist_tail._visible = false;
colorTrans.rgb = 0x00ccff; trans.colorTransform = colorTrans;
}
obj.targetY = mc_top + mc_height * i;
if (menu_no < i) obj.targetY += mmc_height[menu_no]+ mmc_height_more;
//trace(obj.no+':'+obj.targetY);
obj.onEnterFrame = go_mc;
}
mc_select = menu_no;
}

function move_mc(){
for (i=0;i<mc_max;i++) {
var obj = _root["mc_"+i];
/*
var colorTrans:ColorTransform = new ColorTransform();
var trans:Transform = new Transform(obj.over_mc);
*/
obj.main._xscale = 100;
obj.main._yscale = 100;
if (this._parent.no==i) {
obj.main.title_tf.textColor = 0xfdffc7;
obj.mlist._height = mmc_height[i];
//obj.mlist_tail._y = obj.mlist._y + mmc_height[i];
obj.submenu._visible = true;
obj.mlist._visible = true;
obj.mlist_head._visible = true;
obj.mlist_tail._visible = true;
obj.over_mc._visible = true;
//colorTrans.rgb = 0x0000ff; trans.colorTransform = colorTrans;
if (obj.no != mc_select) {
//obj.main.onEnterFrame = show_mainmc;
obj.submenu.gotoAndPlay(1);
obj.submenu._alpha = 10;
obj.submenu.onEnterFrame = show_submc;
obj.mlist._alpha = 10;
obj.mlist._height = 1;
obj.mlist.onEnterFrame = show_submc_h;
obj.mlist_head._alpha = 10;
obj.mlist_head.onEnterFrame = show_submc;
obj.mlist_tail._alpha = 10;
obj.mlist_tail.onEnterFrame = show_submc;
}
} else {
obj.over_mc._visible = false;
obj.main.title_tf.textColor = 0xfdffc7;
obj.mlist._visible = false;
obj.submenu._visible = false;
obj.mlist_head._visible = false;
obj.mlist_tail._visible = false;
colorTrans.rgb = 0x00ccff; trans.colorTransform = colorTrans;
}
obj.targetY = mc_top + mc_height * i;
if (this._parent.no < i) obj.targetY += mmc_height[this._parent.no]+ mmc_height_more;
//trace(obj.no+':'+obj.targetY);
obj.onEnterFrame = go_mc;
}
mc_select = this._parent.no;
}

function show_mainmc(){
if (this._xscale<110) {
this._xscale += 2;
if (this._xscale > 110) this._xscale = 110;
this._yscale = this._xscale;
} else {
this.onEnterFrame = null;
}
}

function show_submc(){
if (this._alpha<100) {
this._alpha += 10;
if (this._alpha > 100) this._alpha = 100;
} else {
this.onEnterFrame = null;
}
}

function show_submc_h(){
if (this._alpha<100) {
this._alpha += 10;
if (this._alpha > 100) this._alpha = 100;
this._height = mmc_height[this._parent.no]*this._alpha / 100;
this._parent.mlist_tail._y = this._y + this._height;
} else {
this.onEnterFrame = null;
}
}

function go_mc() {
var obj = this;
var len = (obj._x - obj.targetX)*(obj._x - obj.targetX)+(obj._y - obj.targetY)*(obj._y - obj.targetY)/2;
if (len < 1){
obj._x = obj.targetX;
obj._y = obj.targetY;
obj.onEnterFrame = null;
}
obj._x = obj._x + obj.speedX*(obj.targetX - obj._x);
obj._y = obj._y + obj.speedY*(obj.targetY - obj._y);
}

[제4회 스터디 학습 과제]

1차원 배열과 Tween 클래스를 이용해서 전광판을 만들어보세요.
전광판 참고 URL : http://hompy.info/204

2차원 배열과 Tween 클래스를 이용해서 그래프를 만들어보세요.
그래프 참고 URL : http://hompy.info/192

[Tween 클래스 참고 게시물]

http://cafe.naver.com/q69/38901
http://cafe.naver.com/q69/115118

[플래시 배열 참고 게시물]

http://cafe.naver.com/q69/115164

[html에서 플래시로 변수 전달 참고 게시물]

http://cafe.naver.com/q69/7386

No Trackback, 댓글 2개가 달렸습니다.

댓글을 달아 주세요

End 2010/03/20 12:48 댓글주소 수정/삭제 댓글쓰기
타겟 어떻게 수정하나요?
제인디 2009/11/05 00:53 댓글주소 수정/삭제 댓글쓰기
저어 죄송하지만 타겟은 어떻게 수정하나요? 새창으로만 뜨던데.. ㅜㅠ왕초보이니 알려주시면 감사~ ...

플래시(Flash) 스터디와 플렉스(Flex) 스터디

플래시 모임 2008/08/24 14:23

TAG flash, flex, JSP, php, Servlet, 스터디, 액션스크립트, 플래쉬, 플래시, 플렉스

요즘 주말 또는 여가시간을 보다 알차게 보내기 위해 플래시(FLASH)와 플렉스(FLASH) 스터디를 추진하고 있습니다. 플렉스 스터디는 플렉스, 액션스크립트, UI, 서버, WAS, JSP, Servlet, LiveCycle 등을 다루며 주로 프로그래밍 소양을 갖춘 분들로 맴버를 구성하고 있고 플래쉬 스터디는 주로 웹디자인 툴에 익숙한 분들로 스터디 맴버를 구성하고 플래시, 액션스크립트, 포토샵, PHP 등을 다룰 예정에 있습니다. 물론 플래시,플렉스 관련 지식을 공유하는 것이 기본 목표이지만 IT 직종에 일하는 분들과 인맥을 쌓는 것에도 관심이 있다고 보면 됩니다. 저는 플래시쪽 스터디를 맡아서 진행할 것이며 최대 8명의 신청자를 받고자 했으나 신청자가 초과되어 신중한 선택을 해야합니다. 내일까지는 맴버구성을 마치고 공지를 할 생각입니다. 그리고 초과 되는 맴버들과 스터디에 관심을 보이는 새로운 맴버들에 대해서는 또 다른 스터디나 다른 주제의 스터디를 구성해야할 것 같습니다. 요즘 개인적으로 플래시 관련 커뮤니티와 블로그를 운영하고 있는 덕분에 플래시 제작의뢰 또는 홈페이지 제작의뢰가 종종 들어오더군요. 가벼운 의뢰인 경우 스터디에 적용해서 실무 학습도 하고 수익을 맴버들에게 나눠주는 방식도 가능할 것 같은데 욕심이겠죠? 그래도 고려해봐야겠습니다.

[Flex 스터디] 2008-08-18
학습내용: 플렉스, 액션스크립트, UI, 서버, WAS, JSP, Servlet, LiveCycle
참여인원: 리더를 제외하고 최대 8명
학습장소: 역삼역 링크나우 회의실 (변경될 수 있음)
학습일정: 매월 2회 토요일 (시간 등 자세한 일정은 참가자들과 협의)
참가신청: 자기소개 및 참가 이유를 간략하게 이메일로 리더에게 송신
이번 8월 14일 정모에 참석하신 분들에게 우선권이 있으며 리더를 제외하고 최대 8명으로 스터디 맴버를 구성합니다. 되도록 개발언어에 관계 없이 개발에 대한 소양을 가지고 있거나 개발언어를 다뤄본 경험이 있는 분들이 참여할 수 있습니다. 구체적인 질문은 리더에게 이메일로 보내주세요. 그리고 현재 추진중인 2개의 스터디 중 1개의 스터디에만 참여 가능합니다.

[Flex 스터디] 2008-08-23
안녕하세요, 이경빈입니다.
개인적인 사정으로 정리가 많이 늦은 점 죄송합니다.
지금 시점으로 FLEX 스터디 신청을 마감하겠습니다.
현재 정모 참여자 4 분, 불참자 9 분이 메일을 주셨습니다.
이 분들 중 8 분만 대상으로 진행하겠습니다.
신청하신 분들께 메일로 별도 연락을 다 드리겠습니다만,
일단 대체적인 의견과 제 사정을 종합해볼 때
2 주에 한 번 주말에 모이는 것으로 하겠습니다.
우선 첫 모임을 8월 30일 오후 5 시로 잡겠습니다.
장소는 (아직 허락도 안받았지만) 링크나우 스터디룸입니다.
첫 모임의 대상은 신청하신 분 전원입니다.
저번 정모에 불참하신 분들은 이 날 오시는 것으로
참여 의지를 보여주신 것으로 생각하고
다시 우선권을 드립니다.
물론 그래도 8 분이 넘는다면.... 사다리라도 타야 할지..
시간과 장소는 참여자들의 협의나
저 또는 송팀장님 그리고 링크나우의 사정에 따라 변경될 수 있습니다.
메일과 게시로 공지하도록 하겠습니다.
그럼 회원 제웅께 만신의 축복이 있기를 기원하며 공지를 마치겠습니다.

[Flash 스터디] 2008-08-18
학습내용: 플래시, 액션스크립트, 포토샵, PHP
참여인원: 리더를 제외하고 최대 8명
학습장소: 역삼역 링크나우 회의실 (변경될 수 있음)
학습일정: 매월 2회 토요일 (시간 등 자세한 일정은 참가자들과 협의)
참가신청: 자기소개 및 참가 이유를 간략하게 이메일로 리더에게 송신
이번 8월 14일 정모에 참석하신 분들에게 우선권이 있으며 리더를 제외하고 최대 8명으로 스터디 맴버를 구성합니다. 되도록 포토샵 또는 일러스트와 같은 디자인툴을 다뤄본 경험이 있는 분들이 참여할 수 있습니다. 구체적인 질문은 리더에게 이메일로 보내주세요. 그리고 현재 추진중인 2개의 스터디 중 1개의 스터디에만 참여 가능합니다.

[Flash 스터디 접수 마감 안내] 2008-08-25
송팀장이 진행하고 있는 플래시 스터디 접수 마감 안내합니다. 플렉스 스터디에 대한 안내는 플래시 카페에 방문하셔서 이경빈님의 글을 참고하세요.
우선 함께할 스터디 임시 맴버는 8명입니다. 현재 임시 맴버 중에 개인 사정으로 함께 할 수 없는 분이 계시면 대기중인 후보 맴버에게 연락드릴것입니다. 맴버로 선택되신 분들 중에 개인 사정상 참여가 불가능한 분은 이메일 주세요. 그리고 참가신청을 하셨으나 참여가 보류되신 분들은 너무 섭섭해 하지 않았으면 좋겠네요. 다만 스터디 맴버들이 모여서 장소변경등의 이유로 추가 모집하자는 의견이 나올 경우 연락드리겠습니다. 가능할지 모르겠지만 제 3의 스터디를 만드는 방안도 고려해보겠습니다. 자세한 스터디에 대한 안내는 해당 맴버에게 개별 공지하겠습니다. 이상입니다.

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

No Trackback, No Comment

댓글을 달아 주세요

IT 관련 스터디 및 세미나실 행사장 참고자료.

직장인 모임 2008/07/16 13:10

TAG flash, flex, 링크나우, 세미나실, 스터디, 스터디룸, 플래시, 플렉스, 행사장

요즘 플래시 카페에서 PHP,플래시,포토샵,플렉스 스터디를 추진하고 있습니다. 오늘은 이경빈 님이 플렉스 강의를 flex, 액션스크립트, UI, 서버, WAS, JSP, Servlet, LiveCycle 등을 다루는 형태의 강의로 강사 활동에 참여하고 싶다고 하셨습니다. 이에 대한 회원들의 반응도 좋은 것 같고 조만간 모여야 할 것 같습니다. 혹시나 수강을 희망하는 분은 아래 그룹 주소 또는 글 주소를 통해 해당 게시물을 참고 하시면 되겠습니다. 그리고 IT 관련 강의가 가능한 분이나 강의 공간을 후원해주실 분이 있으시면 연락주세요. 아마도 저는 PHP 나 플래시 액션 스크립트 파트 강의를 하게 될 것 같습니다.

플래시 카페 바로가기: http://www.linknow.kr/group/flash
스터디 참가 신청 바로가기: http://www.linknow.kr/bbs/7958

곧 스터디를 진행해야 할 것 같고 해서 이에 대한 준비 겸 스터디나 세미나 장소로 적합한 곳을 검색해보았습니다. 이런 스터디실이나 세미나룸을 대여해주는 전문점이 여럿 보여서 관련 링크들을 간추려보았습니다.

ToBe http://tobeglobal.com/
누리 http://mynuri.co.kr/
강남스터디 http://cafe.daum.net/uhouse
토즈 http://www.toz.co.kr/
윙스터디 http://www.wingstudy.com/
미플 http://www.meeple.co.kr
카페코이 http://www.cafecoi.co.kr
강남역 스터디 모임전문공간 http://club.cyworld.com/rentzone
wStyleShop http://www.wstyleshop.com/
ndBookCafe http://www.ndbookcafe.com/
민들레영토/민토 http://www.minto.co.kr/
LaoShanghai http://cafe.naver.com/laoshanghai
서울치의학교육원 http://www.sida.or.kr/
과총 국제회의실 http://www.kofst.or.kr/universal/universal00.php

이런 행사장을 활용하는 방법도 있고 사내 회의실을 활용하고 필요에 따라 노트북을 임대해서 쓰는 방법도 있을 것 같습니다. 세미나실 대여하는 곳이 생각보다 많이 있는데 교통편이나 이용료 등을 잘 비교해서 부담 없는 곳을 선택하는 지혜가 필요하겠습니다.

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

No Trackback, No Comment

댓글을 달아 주세요

자유로운 메시지 교환을 위한 플래시톡(Flash Talk).

플래시 작품 2008/06/16 08:43

TAG blog, flash, talk, 메시지교환, 블로그, 소스, 인터페이스, 플래시, 플래시톡

어떤 카페, 어떤 블로그, 어떤 홈페이에도 자유롭게 복사되어 붙여넣기 될 수 있는 플래시의 장점을 살려 홈페이지를 넘나들며 자유로운 메시지 교환을 손쉽게 해볼 수 있는 플래시톡(Flash Talk)입니다. 플래시톡은 채팅과 게시판의 중간단계이며 간편하게 메시지를 작성해서 올릴 수 있습니다. 간편한 메시지 입력, 간편한 메시지 보기에 주안점을 둔 유저인터페이스(UI) 입니다. 차차 로그인 기능이나 나만의 플래시톡을 만들 수 있는 기능 등이 추가될 수 있습니다.

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

개인용 플래시톡을 만들려면 아래 태그에 빨간색 부분을 자신의 아이디(myid)로 수정해서 사용해야 되며 아이디 개설은 http://www.hompydesign.com/blog/에서 해야합니다. 아이디를 개설하면 블로그 채팅이나 블로그 카운터 등을 사용할 수 있습니다.

[플래시톡 HTML 태그 소스 코드]
<EMBED FlashVars="myid=hompy" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/flash/flashtalk.swf width=300 height=400 type=application/x-shockwave-flash quality="high"></EMBED>

No Trackback, 댓글 7개가 달렸습니다.

댓글을 달아 주세요

위남자 2009/06/06 00:11 댓글주소 수정/삭제 댓글쓰기
3시간 헤맨 끝에 찾아왔습니다. 감사합니다. 가져다가 유용하게 사용할께요 감사
간지댐나 2009/05/14 21:39 댓글주소 수정/삭제 댓글쓰기
ㅋㅋ
ssamss 2009/02/12 16:55 댓글주소 수정/삭제 댓글쓰기
배경이미지 지정할수있게 해주세요 형님 ㅋㅋㅋ
와우 2008/12/26 17:58 댓글주소 수정/삭제 댓글쓰기
글이 올라온것은 삭제는 어떻게 해요?
샤피엘 2008/11/06 23:51 댓글주소 수정/삭제 댓글쓰기
좋네요. 개인 스케줄 메모용으로도 좋겠어요 ㅎㅎ
^.^ 2008/10/22 15:51 댓글주소 수정/삭제 댓글쓰기
신기한데요 ^.^
dd 2008/10/17 00:38 댓글주소 수정/삭제 댓글쓰기
크기를 줄일 수는 없나요? 소스에서 크기를 바꿨더니 아예 글씨들도 작게보이고ㅠㅠ
적어도 세로쪽을 조금 줄이고 싶은데ㅠㅠㅠ

플래시 액션 스크립트 3.0, 고성능 3D 데모

플래시 연구소 2008/06/15 09:03

TAG actionscript, demo, flash, library, PaperVision3D, 데모, 라이브러리, 액션스크립트, 플래시

플래시 액션 스크립트 3.0, 3D 라이브러리로 만들어진 고성능 모션 그래픽스 데모입니다. 최근 PaperVision3D 라는 플래시용 3D 라이브러리에 관심을 가지고 활용해볼 기회만 보고 있었는데 같이 일하는 디자이너가 알려준 링크에서 아래와 같은 플래시를 보니 욕심이 더 생기더군요. 시간을 쪼개서 3D 플래시에 대해 탐구하고 활용방안에 대해 생각해봐야겠습니다.
http://temp.roxik.com/datas/perform/index.html
http://code.google.com/p/papervision3d/

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

A trackback, 댓글 6개가 달렸습니다.

댓글을 달아 주세요

인크레더블 2011/09/16 23:59 댓글주소 수정/삭제 댓글쓰기
이런건 대체 어떻게 만들어요...??플래시 액션 너무 어렵던데..이해를 못하겠어요 ㅠㅠ
제임씅 2010/05/02 08:02 댓글주소 수정/삭제 댓글쓰기
장난 아니네요. 욕심 생깁니다. 운영자님 잘 봤어요. ㄱㅅㄱㅅ ㅋ
플맨 2010/01/26 16:12 댓글주소 수정/삭제 댓글쓰기
사이트들어가보니 더욱더 입이 벌어지네요 ㅎㅎㅎ
플맨 2010/01/26 16:11 댓글주소 수정/삭제 댓글쓰기
이정도 만들면 아마 님은 우리나라에 아니 전세계에 랭킹안에 들껄용~ 그리고 연봉은 억대! ㅎㅎㅎ
불연속면 2009/02/19 15:44 댓글주소 수정/삭제 댓글쓰기
이렇게 만들려면.. 어느정도 내공이되야하나요?

요새 피티로 인트로 만드는 작업을 하는데.. 너무힘들어서 플래시좀 쓰고싶네요ㅠ
- 쟈니 2010/01/06 12:06 댓글주소 수정/삭제
  플래쉬 가 더힘든디~ ㅋㅋ

심플한 플래시 투표 위젯, TOP10

플래시 작품 2008/06/08 17:36

TAG blog, flash, TOP10, vote, widget, 검색엔진, 블로그, 위젯, 투표, 플래시

투표 제목과 10개의 항목으로 구성된 심플한 플래시 투표 위젯입니다. 클릭하면 해당 항목의 투표 횟수가 올라가며 투표 횟수에 따라 순위(순서)도 바뀝니다. 투표는 제한 없이 할 수 있으므로 원하는 만큼 클릭할 수 있습니다. 투표를 마감할 시점에 사용하기 위해 중복 투표를 제외한 투표 값을 별도로 저장합니다. 10개 항목을 가진 투표하기 좋은 주제를 댓글로 남겨주시면 별도의 위젯으로 적용하겠습니다.

[플래시 투표 위젯 HTML 소스 코드]
<EMBED FlashVars="menu=1" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogvote.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>
<EMBED FlashVars="menu=2" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogvote.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>
<EMBED FlashVars="menu=3" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogvote.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>
<EMBED FlashVars="menu=4" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogvote.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>
<EMBED FlashVars="menu=5" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogvote.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>
<EMBED FlashVars="menu=6" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogvote.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

No Trackback, 댓글 8개가 달렸습니다.

댓글을 달아 주세요

비밀방문자 2010/06/25 22:01 댓글주소 수정/삭제 댓글쓰기
관리자만 볼 수 있는 댓글입니다.
비밀방문자 2010/06/25 21:34 댓글주소 수정/삭제 댓글쓰기
관리자만 볼 수 있는 댓글입니다.
허랑이 2009/10/25 21:19 댓글주소 수정/삭제 댓글쓰기
저.멋지긴한데.제목 항목은 어떻게바꾸시는지..
dj쿨 2009/10/09 15:22 댓글주소 수정/삭제 댓글쓰기
전 왜 아무 그림이 안 보이죠 ;;
html로 붙여서 넣었는데 그림 액박 뜨면서 사라지네요...
하하하 2009/02/24 03:11 댓글주소 수정/삭제 댓글쓰기
블로그 1위를 기타로 고고
하하하 2009/02/24 03:08 댓글주소 수정/삭제 댓글쓰기
내가 순위를 다 뒤엎어주지
손님 2009/01/24 22:26 댓글주소 수정/삭제 댓글쓰기
정말 잘만드셨습니다.. 근데 한번만 투표에 참여하게 할수없을까요?
클릭을 하면 무한정 클릭할수 있는것같네요..
최우정 2009/01/19 21:28 댓글주소 수정/삭제 댓글쓰기
멋지네요~ 감탄! 제목하고 항목은 어떻게 바꾸나요?

웹브라우져 시작페이지를 가볍고 깔끔하게...

플래시 작품 2008/04/13 11:00

TAG firefox, flash, IE7, start page, 검색, 리뷰, 시작페이지, 웹브라우져, 위젯, 플래시

웹브라우져 시작페이지를 가볍고 깔끔한 페이지로 바꿔보았습니다. 가볍고 깔끔하다는 것은 개인적인 판단입니다.
전에는 포털 사이트(주로 네이버)를 시작페이지로 설정해서 사용해왔었고 개인적으로 검색이나 다른 섹션으로 가는 링크 몇개 정도를 주로 이용하게 되더군요. 언제 어디서나 손쉽게 시작페이지를 설정할 수 있다는 면과 개인 적으로 검색을 자주 이용하는 성향으로 포털 홈페이지를 시작 페이지로 사용했던 것은 당연했었습니다. 그런데 웹브라우져를 조금 무거워 보이는 IE7 로 바꾸게 되고 나니 검색창도 별도로 있는데다 웹브라우져를 다수 띄우거나 다른 많은 프로그램과 병행해서 띄울 경우 그럭저럭 빠른 포털 홈페이지도 컴퓨터 자원의 효율적인 활용에 장애가 되는 문제로 인해 시작페이지를 비워두게 되었던 적도 있습니다. 그러나 빈페이지는 흰배경화면일 경우 눈에 피로감을 줄 수 있고 아무런 역할을 하지 못하는 공백이라는 단점이 있어 나만의 시작페이지를 만들어 보자는 결론에 이르렀습니다. AJAX 라는 기술과 웹2.0 이라는 트랜드를 도입한 개인 맞춤형 포털 사이트 라는 것이 있어 개인의 취향에 맞게 활용도 높은 시작페이지를 만들 수 있는 서비스들이 있지만 개인적으로 무거운 느낌이 들고 나름 번거로운 작업을 해야 합니다. 빼곡하게 링크들만 모아놓은 시작페이지 서비스를 하는 곳도 있지만 개인적인 취향에 맞지 않더군요.
그래서 나만의 시작페이지를 직접 코딩해서 사용하기로 했습니다. 로딩 속도, 기능성, 인터페이스, 배치 등을 고려해서 나름 심혈을 기울여 페이지를 완성했습니다. 급조한 페이지라 어딘가 부족해 보이는 부분이 있긴 한데 IE 와 Firefox 에서 별 무리 없이 돌아가며 부족한 부분은 심플한 플래시 위젯이나 자바스크립트 위젯을 만들어 보강할 생각입니다. 현재는 주요 사이트를 한글이나 영문으로 검색할 수 있는 "go hompy" 라는 플래시 위젯과 심심풀이를 위한 플래시 채팅 위젯을 붙여 두었습니다. 페이지 좌측에는 주요 포털 검색 사이트 검색창, 달력, 위젯 등을 배치했습니다. 검색을 자주 많이 다양하게 활용하는 터라 검색창을 주요 포털 마다 하나씩 나열했습니다. 페이지 중앙에는 홈페이지 링크들을 모아둔 박스들이 나열되어 있고 박스 타이틀 위에서 마우스를 위 아래로 이동하며 페이징 할 수 있게 했습니다. 개별 링크 앞에 있는 "+" 를 클릭해 새창에서도 해당 링크를 열 수 있게 했습니다. 로딩 속도를 높이기 위해 TEXT 위주로 구성을 했으며 DB접속 없이 페이지를 띄우도록 캐싱 처리 되었습니다. 실시간 검색어, IT 관련 최신 취업 정보, 최근에 관심 받고 있는 블로그 글로 구성된 박스도 배치되었습니다. 결과물을 내컴퓨터에 보관해서 쓸 수도 있지만 언제 어디서나 나만의 시작페이지로 이용할 수 있게 하는 접근성을 높이기 위해 별도의 심플한 주소를 가진 홈페이지에 업로드 되었습니다. 웹프로그래머의 시작페이지 주소는 http://go.hompy.info 가 되었습니다. 더 튜닝해야 할 것이 많지만 저랑 비슷한 성향을 가진 분들을 위해 시작페이지를 공개합니다. 다소간의 시간 여유가 있는 분들은 자신 만의 시작페이지를 직접 만들어 웹브라우져의 첫화면을 보다 가볍고 깔끔하게 사용해 보시기 바랍니다.

[웹사이트 검색 위젯 GO HOMPY 플래시 HTML 태그 ]
<EMBED FlashVars="skin=http://www.hompydesign.com/club/images/sample.jpg" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/flash/gohompy.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>

[심심풀이 실시간 채팅 위젯 블로그쳇 플래시 HTML 태그]
<EMBED FlashVars="myid=hompy&skin=http://www.hompydesign.com/club/images/sample.jpg" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogchat.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

No Trackback, a comment

댓글을 달아 주세요

아로하 2008/06/25 14:36 댓글주소 수정/삭제 댓글쓰기
감사합니다^^ 이 페이지가 없어지지 않았으면 좋겠네요~`

소녀시대 프로필 플래시 갤러리.

플래시 작품 2008/02/10 12:34

TAG flash, 갤러리, 사진, 서현, 소녀시대, 수영, 써니, 유리, 윤아, 이미지, 제시카, 태연, 티파니, 프로필, 플래시, 효연

얼마전에 공개한 플래시에 사용된 이미지를 수정해서 소녀시대 이미지와 그녀들의 프로필로 구성한 플래시 갤러리입니다. 포토샵 사용법을 동영상 강좌로 조금 배워보고 나서 나름 적절한 배치를 하고 간단한 이펙트도 줘봤습니다. 포토샵에 재미가 붙어 좀더 시간을 투자해서 이미지 다루는 솜씨를 높여야 겠다는 생각을 했습니다. 이왕이면 포토샵 동영상 강좌도 만들면서 배운다면 배우는 재미 뿐만 아니라 가르치는 재미도 느낄 수도 있을 것 같은데 시간이 허락할 것 같지 않네요. 설 연휴를 알차게 보내고 싶었으나 생각 만큼 되지 않았습니다. 나이 한 살 더 먹고 나니 올해는 더욱 시간이 귀하게 느껴지고 좀더 알차게 살아야겠나는 욕망이 불타 오르는 군요. 설사 연말에 또다시 아쉬움을 남길지라도 다시 도전해 봐야 겠지요?
참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.

[소녀시대 플래시 갤러리 HTML 태그 소스]
<embed src="http://www.hompydesign.com/club/girlsgen.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="200" flashvars="image=http://www.hompydesign.com/club/images/girlsgen/girlsgen0.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen1.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen2.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen3.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen4.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen5.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen6.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen7.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgen8.jpg"></embed>
<br /><br />
<embed src="http://www.hompydesign.com/club/girlsgen2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="200" flashvars="image=http://www.hompydesign.com/club/images/girlsgen/girlsgenx0.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx1.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx2.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx3.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx4.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx5.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx6.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx7.jpg;http://www.hompydesign.com/club/images/girlsgen/girlsgenx8.jpg"></embed>

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

No Trackback, 댓글 4개가 달렸습니다.

댓글을 달아 주세요

비밀방문자 2011/11/08 16:36 댓글주소 수정/삭제 댓글쓰기
관리자만 볼 수 있는 댓글입니다.
다인 2010/03/27 20:24 댓글주소 수정/삭제 댓글쓰기
잘보고갑니다. 보기가 좋아요
행정관 2010/02/16 21:01 댓글주소 수정/삭제 댓글쓰기
안녕하십니까! 좋은 자료 감사합니다
그런데 혹시 오른쪽 부분에 태연,유리,수영 같은 소개버튼을 변경방법있을까요?
얼음사랑 2009/11/09 19:34 댓글주소 수정/삭제 댓글쓰기
와우 이거 광고효과하면..

귀여운 소녀시대 이미지로 구성된 플래시 갤러리입니다.

소녀시대 2008/02/03 09:56

TAG flash, gallery, girls'generation, image, photo, 갤러리, 사진, 소녀시대, 이미지, 플래시

귀여운 소녀시대 이미지로 구성된 플래시 갤러리입니다. 소녀시대의 다른 이미지로 갤러리를 구성하고 싶다면, 아래 flashvars 파라메터에서 image 의 값을 수저하면 됩니다. 이미지들은 총 9개로 구성되며 세미콜론(;) 으로 구분할 수 있습니다. 소녀시대 맴버가 9명이나 되니 소녀시대 맴버들 사진과 그에 맞는 이름을 맞추는 것이 잘 안되는 분도 있겠죠? 이 플래시가 이름 맞추기를 도와줄 수 있을겁니다. 소녀시대 갤러리를 좀더 이쁘게 만들고 싶었으나 디자인 감각이 없는 관계로 여기까지만 했습니다.
참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

No Trackback, 댓글 4개가 달렸습니다.

댓글을 달아 주세요

수정 2009/04/23 02:35 댓글주소 수정/삭제 댓글쓰기
피라메타를 수정한다는게 무슨소리인지??
그리고 소녀시대 다른 이미지를 넣을려면
플래시 자체를 수정해야 된다는건지 아니면? 어떻게 하는건지 자세한 설명 부탁드립니다...
dd 2009/02/21 09:58 댓글주소 수정/삭제 댓글쓰기
어떻게 다운받는거예요?
alex 2008/02/03 15:22 댓글주소 수정/삭제 댓글쓰기
감사~
nob 2008/02/03 14:52 댓글주소 수정/삭제 댓글쓰기
상당히 바람직한 ..ㅎ

세로형 플래시 이미지 슬라이더.

플래시 작품 2008/01/28 08:35

TAG flash, gadget, widget, 가젯, 그림, 사진, 슬라이더, 위젯, 이미지, 플래시

보다 많은 이미지들을 비교적 작은 공간에서 표현하고 싶을 때가 있습니다. 이미지 슬라이더가 그러한 목적을 충족시켜주기도 합니다. 다음은 플래시로 만들어진 세로형 이미지 슬라이더입니다. 사용법은 기존에 공개한 이미지 슬라이더들과 같습니다. 플래시 파라메터 flashvars 에 image 와 page 변수에 필요한 값을 설정하시면 됩니다.
참고로 플래시를 복사하고 붙이는 과정을 모르시는 분은 플래시 관련 자료를 참고하세요.

<table border=0 cellpadding=5 cellspacing=0 bgcolor=#333333><tr><td align=middle><table border=0 cellpadding=1 cellspacing=0 bgcolor=#ffffff><tr><td align=middle>
<embed src='http://www.hompydesign.com/club/imagevslider.swf' width='80' height='396' wmode='transparent' flashvars="image=http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26165.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26164.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26163.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26162.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26161.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26154.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26153.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26152.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26122.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26121.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26123.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26125.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26124.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26112.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26111.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26110.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26020.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26021.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26022.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26003.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F26002.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25929.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25928.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25926.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25927.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25835.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25813.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25814.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25618.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25617.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25616.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25552.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25551.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25550.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25520.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25519.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25484.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25483.thumb_gallery_wmg;http://www.mud4u.com/new%2Fdata%2Ffile%2Fwaagle_gallery%2F25249.thumb_gallery_wmg&page=http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info;http://hompy.info"></embed></td></tr></table>
</td></tr></table>

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

No Trackback, a comment

댓글을 달아 주세요

션한맥 2009/10/14 10:30 댓글주소 수정/삭제 댓글쓰기
감사합니다. 우연히 들렸다가 많은걸 보고갑니다.

홈페이지를 넘나드는 플래시 웃긴 대화방

플래시 작품 2008/01/15 23:04

TAG blog, chat, flash, 대화방, 별명, 블로거, 블로그, 웃긴, 채팅, 플래시

블로그쳇의 매력은 로그인 없이 누구나 간단히 대화에 참여할 수 있다는 점과 대화명을 설정하기 전까지 컴퓨터에 의해 무작위로 선택된 재미있는 대화명을 사용하게 된다는 점입니다. 필요에 따라 별명을 수정할 수 있으며 채널을 구분하는 개인 아이디를 생성해서 별도의 개인 대화방 모드로 이용할 수 있습니다. 재미삼아 블로그나 개인 홈페이지에 노출시켜 사용할 수 있으며 게시판 게시물 내용으로 삽입되어 홈페이와 블로그 및 커뮤니티를 넘나들며 대화 내용을 공유할 수 있습니다. 블로그쳇을 처음 접하는 분들 중 컴퓨터에 의해 자동으로 나오는 메시지라고 생각해서 엉뚱한 말을 하거나 대화 주체가 익명이라는 것 때문에 다소간 매너 없이 대화하는 분들도 있지만 매너와 배려가 담긴 대화로 응수한다면 따듯한 대화방이 될것이라 생각합니다. 지인들과 차분한 대화를 원한다면 채널을 만들어서 개인대화방에서 대화를 나눠도 되겠죠. 개인적으로 추가하고 싶은 다양한 기능들이 있음에도 회사 업무에 바빠서 마음에만 담아두고 있습니다. 요즘 그동안 해왔던 분야와 거리감이 있는 게임 개발이라는 업무에 집중해야되서 여가 시간을 쪼개서 하고 싶은 작업들을 추진할 여력이 없군요. 그래도 부족하지만 블로그쳇을 아껴주시는 분들을 위해 노력해보겠습니다.

그리고 블로그쳇은 블로거나 카페 유저들이 자유롭게 쓸 수 있는 개인용과 기업 홈페이지를 위한 기업용으로 구분해 나가려고 합니다. 채팅 서비스 개발과 채팅 시스템을 유지 및 확장하기 위한 하드웨어 및 IDC센터에 코로케이션 인터넷 서비스 비용등을 확보하기 위해서 기업과의 제휴 또는 후원을 받고자 합니다. 기업용에 대해 궁금한 내용이 있는 분들은 MSN 메신져 hompy @ live . com 을 친구등록 하신 후 대화 신청하시면 상담을 받을 수 있도록 하겠습니다. 개인용 블로그쳇을 사용하시는 분들은 기존 처럼 본 개발 페이지에 댓글 남겨주시면 적극 검토하겠습니다.

블로그쳇을 자신의 블로그나 홈페이지에 노출시켜 사용하시려면 아래의 3가지 HTML 태그 중 자신의 사이트에 맞는 적당한 사이즈의 태그를 삽입하시면 됩니다. 아래 태그에 빨간색 부분을 자신의 아이디(myid)로 수정해서 사용해야 되며 아이디 개설은 http://www.hompydesign.com/blog/에서 해야합니다. 아이디를 만들면 블로그카운터와 블로그온 등의 위젯도 사용할 수 있습니다. 블로그쳇을 항상 띄워 놓고 싶을 경우 아래 소개한 링크를 이용하시면 됩니다. 블로그쳇 배경에 자신만의 스킨을 깔 수 있는데 아래 HTML 태그 중 파란색 부분의 이미지 주소를 원하는 배경 이미지 주소로 바꾸시면 됩니다.

[블로그쳇 항상 띄우는 링크]
http://hompy.us/go/?i=아이디&u=http://인터넷주소
http://hompy.us/go/?i=flash&u=http://flashcafe.org

[190 x 200 px 크기의 블로그쳇 HTML 태그]
<EMBED FlashVars="myid=hompy&skin=http://www.hompydesign.com/club/images/sample.jpg" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogchat.swf width=190 height=200 type=application/x-shockwave-flash quality="high"></EMBED>

[170 x 200 px 크기의 블로그쳇 HTML 태그]
<EMBED FlashVars="myid=hompy&skin=http://www.hompydesign.com/club/images/sample.jpg" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogchats.swf width=170 height=200 type=application/x-shockwave-flash quality="high"></EMBED>

[300 x 200 px 크기의 블로그쳇 HTML 태그]
<EMBED FlashVars="myid=hompy&skin=http://www.hompydesign.com/club/images/sample.jpg" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogchatx.swf width=300 height=200 type=application/x-shockwave-flash quality="high"></EMBED>

플래시를 복사해서 붙이는 과정을 잘 모르시는 분들은 "플래시 다운로드 및 복사 방법 이모저모에 동영상과 부연설명 추가" 게시물의 설명과 동영상을 참고하세요.

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

No Trackback, 댓글 55개가 달렸습니다.

댓글을 달아 주세요

타케 2011/09/04 17:17 댓글주소 수정/삭제 댓글쓰기
근데 어떻게 퍼가지?
황예하 2011/09/04 17:15 댓글주소 수정/삭제 댓글쓰기
반갑습니다.
황예하 2011/09/04 17:14 댓글주소 수정/삭제 댓글쓰기
저도 퍼갈게요.
비밀방문자 2011/05/12 09:42 댓글주소 수정/삭제 댓글쓰기
관리자만 볼 수 있는 댓글입니다.
양마니 2010/10/20 13:20 댓글주소 수정/삭제 댓글쓰기
넘멋져요~~ 퍼가욤
양마니 2010/10/20 13:20 댓글주소 수정/삭제 댓글쓰기
넘멋져요 퍼가욤~~
고양이 2010/08/12 21:09 댓글주소 수정/삭제 댓글쓰기
이채팅 마니좀 들어와주세요!!
마키노 2010/04/30 01:04 댓글주소 수정/삭제 댓글쓰기
와우 좋은정보 감사합니다
보로미르 2010/03/22 23:10 댓글주소 수정/삭제 댓글쓰기
사이드바에 적용했습니다만...
다른 접속자와 소통이 안됩니다.
채팅창에 글을써도 상대방이 못보는거 같네요.

뭐가 잘못된걸까요?

참고로 가입해서 아이디까지 바꿔서 적용해줬습니다.
비밀방문자 2010/03/10 19:27 댓글주소 수정/삭제 댓글쓰기
관리자만 볼 수 있는 댓글입니다.
로하 2010/02/19 15:50 댓글주소 수정/삭제 댓글쓰기
가끔씩 안써지는 일이 있는데요..
camu103 2010/01/15 09:34 댓글주소 수정/삭제 댓글쓰기
가입했는데 자꾸만 다시 입력하라는 말이 나오네요
helpme.. 2009/12/03 11:55 댓글주소 수정/삭제 댓글쓰기
플래시 벽돌깨기 게임을 만들고 있는데요...게임오버가 된후에 처음 스타트 누르는 화면으로 가려면 소스를 어떻게 만들어야 하는건가요?? 제발좀 알려주세요...
톢끼 2009/11/05 20:30 댓글주소 수정/삭제 댓글쓰기
ㅎㅎ잘쓸께여
비밀방문자 2009/10/22 17:29 댓글주소 수정/삭제 댓글쓰기
관리자만 볼 수 있는 댓글입니다.
dma 2009/09/27 10:18 댓글주소 수정/삭제 댓글쓰기
가입했는데 자꾸만 다시 입력하라는 말이 나오네요
선물 2009/09/19 19:21 댓글주소 수정/삭제 댓글쓰기
선물
ㅋㅋ 2009/09/18 19:09 댓글주소 수정/삭제 댓글쓰기
넹넹
깝사지마 2009/08/18 20:05 댓글주소 수정/삭제 댓글쓰기
예전에는 파란색아니었나요? 오랜만에왔는데 파란색 채팅이 없네요...
브 2009/08/06 11:44 댓글주소 수정/삭제 댓글쓰기
블로그쳇 닉네임에 엔터키누르는거 어떻게하는건지 좀 알려주세요,
훈녀 2009/05/08 01:44 댓글주소 수정/삭제 댓글쓰기
맞아요....사칭너무기분나빠요//......
막제닉네임으로다른사람욕하고...이상한말하고 기분나빠요
이문제좀 고쳐주세요,,,사용하는사람많던데...
비밀방문자 2009/05/04 15:04 댓글주소 수정/삭제 댓글쓰기
관리자만 볼 수 있는 댓글입니다.
도라에몽 2009/04/22 14:28 댓글주소 수정/삭제 댓글쓰기
저기요!! 꼭좀 부탁드리는데... 비밀번호를 분실했어요. 어떻게 하죠?? 무서워요.. ㅠ_ㅠ
김선아 2009/04/07 14:51 댓글주소 수정/삭제 댓글쓰기
꽃보다남자마지막이라서좋겟는데어떻게될지몰라요전
가가토끼 2009/03/23 07:59 댓글주소 수정/삭제 댓글쓰기
카페에 넣어보니 가로 사이즈가 안맞네요.
가로 150px 에 세로 길이가 긴 채팅방도 만들어주세요.
예 150px * 350
후후히히 2009/02/27 23:14 댓글주소 수정/삭제 댓글쓰기
잘쓸게여 블로그에 올려봤더니 대네요 ㄷㄷ
고마워요 ~
덕근이 2009/02/17 23:37 댓글주소 수정/삭제 댓글쓰기
블로그에 항상띄우고 싶은데 어떻게 해요?
태그나 뭐 그런거 할줄모르는데...
후후후 2009/02/16 20:24 댓글주소 수정/삭제 댓글쓰기
싸이월드 미니홈피 게시판에서 사용할수는 없나요?
비밀방문자 2009/01/01 03:48 댓글주소 수정/삭제 댓글쓰기
관리자만 볼 수 있는 댓글입니다.
두손모아 2008/11/15 21:30 댓글주소 수정/삭제 댓글쓰기
안녕하세요.
지금은 이 채팅방을 무료로 붙여 사용할 수 있는 것 같습니다.
간단한 기능들을 추가해서 등록비 형태로 소정의 금액(1만원 정도?)을 받는다면 좋지 않을까 싶습니다.
예로써...
닉네임 고정해서 사용할 수 있는 기능
채팅창 높이 조절 기능
blogchat_db.php(db 연결정보,테이블 등)를 불러들여 로그인 시 테이블에서 닉네임을 직접 가져다 사용하기
등등의 기능만 구비된다면 충분히 경쟁력이 있어 보입니다...
그렇게만 기능보완이 된다면 제가 1착으로 등록을 하겠습니다. ㅎㅎ.
제 생각으로는 충분히 가능해 보입니다.
검토 한 번 해 보시지요...

행복하세요.
가나다라 2008/11/13 22:20 댓글주소 수정/삭제 댓글쓰기
안녕하세요.
몇달전에 이 블로그채팅을 써봤는데 욕과 x1발, 이런식으로 온갖 방법을 동원해서 비상식적인 말을 하는 사람이 많았습니다. IP추적을 하여서 강퇴, 접근하지 못하게 패치해 주실 순 없나요?
그리고 욕을 사용하지 못하게 설정 해놓으셨지만, 욕 중간마다 다른 언어를 붙이는 등 여러 욕이 쓰이고 있다는 점에서 불편하군요...
http://blog.naver.com/qkdrkrudqja 가보시면 욕이..
이런 채팅방도 회원가입절차를 거치게 할 수 없나요? 중복되지 않게..
너무 많은걸 요구해서 죄송합니다
이코우 2008/11/02 09:16 댓글주소 수정/삭제 댓글쓰기
블로그에 블로그챗을 올리긴 했는데

99u가 나오면서 되지가 않네요.

어떻게 하는건지...
깡다구 2008/10/30 17:48 댓글주소 수정/삭제 댓글쓰기
이채팅은 다른사람들 안되고 제가 원하는 사람이랑 대화 하는방법은 없나요
깍두기 2008/10/15 17:31 댓글주소 수정/삭제 댓글쓰기
싸이월드 클럽에서 사용 중입니다.
여기 링크예제 처럼 큰사이즈는 사용이 불가한가요?
- 방문객 2008/10/15 18:00 댓글주소 수정/삭제
  큰 사이즈의 대화방 소스입니다. 참고하세요.
  
  <EMBED FlashVars="myid=hompy&skin=http://www.hompydesign.com/club/images/sample.jpg" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogtalk.swf width=300 height=400 type=application/x-shockwave-flash quality="high"></EMBED><EMBED FlashVars="" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/flash/flashtalk.swf width=300 height=400 type=application/x-shockwave-flash quality="high"></EMBED>
비밀방문자 2008/09/19 14:21 댓글주소 수정/삭제 댓글쓰기
관리자만 볼 수 있는 댓글입니다.
설남 2008/08/16 16:32 댓글주소 수정/삭제 댓글쓰기
이거사용좀할께요
무명 2008/07/23 19:48 댓글주소 수정/삭제 댓글쓰기
이거 왜 안되나요?

좀 고쳐주시죠?

부탁 합니다.
사나이 2008/07/16 18:05 댓글주소 수정/삭제 댓글쓰기
관리자님 안녕하세요?
저 개인적으로 플래시에 관심이 많은 사람입니다.
채팅 프로그람 원리가 금금하니 몇마디 가르쳐주시겠습니까?
꼬무리 2008/07/11 16:10 댓글주소 수정/삭제 댓글쓰기
제홈에 블로그쳇을 달고 나니 글이 안올라가지네요??
왜 그런거죠?
시골뚝배기 2008/07/02 14:18 댓글주소 수정/삭제 댓글쓰기
블로그에 방문한 사람 아이디가 뜨는 창을 만들어 주시면 감사하겠습니다
시골뚝배기 2008/07/02 12:41 댓글주소 수정/삭제 댓글쓰기
챗방을 가져다 잘쓰고는 있는데 대화내용을 지우고 싶어도 안지워 지고 불량대화를 하는 사람은 강퇴를 하고싶은데 안되네요 제가 방장이 될수는 없나요??
비밀방문자 2008/06/20 14:08 댓글주소 수정/삭제 댓글쓰기
관리자만 볼 수 있는 댓글입니다.
유리 2008/06/08 01:06 댓글주소 수정/삭제 댓글쓰기
다시바꺼찌롱~~
천상 2008/05/27 13:19 댓글주소 수정/삭제 댓글쓰기
제가 아는 홈피에 적용 해보려고 합니다 감사히 잘 쓰겠습니다
돼지털 2008/04/01 17:01 댓글주소 수정/삭제 댓글쓰기
쥔장님, 제 블로그(티스토리)에 달아봤는데, 잘 안되네요. 스킨 수정에서 소스를 직접 넣으면 사이드바에 아무런 반응이 없고, 사이드바 설정에 들어가서 배너 입력기를 통해 입력하면 설정한 크기만큼 공간은 확보되는데 아무런 반응이 없습니다. 좀 도와 주3.
- 웹프로그래머 2008/04/07 08:05 댓글주소 수정/삭제
  스스로 문제를 해결하셨나보네요.^^
서울비 2008/03/25 14:44 댓글주소 수정/삭제 댓글쓰기
감사합니다. 그런데 세로 길이를 위 글의 본문처럼 400으로 늘리고 싶은데 잘 되지 않네요.. 노력중이에요.

그리고 ..
스킨파일 제가 쓰려고 웹에 업로드한 것 하나 공유합니다.
http://blogfile.paran.com/BLOG_271774/200803/1206423796_chatbg.jpg
이상진 2008/02/28 14:15 댓글주소 수정/삭제 댓글쓰기
카페에 블로그쳇을 항상 띠울려고 하는데요
http://hompy.us/go/?i=flash&u=http://flashcafe.org
이것처럼 링크를 클릭하지 않고 저희 카페에 접속하시면 그냥 띠울수 있게
카페대문에 어떤태그를 써서 만들어야 되는지 알고싶어요
제로스 2008/02/16 09:45 댓글주소 수정/삭제 댓글쓰기
진심으로 부탁드립니다. 사칭문제좀 해결해주세요.
dndbstn4754 2008/02/14 18:45 댓글주소 수정/삭제 댓글쓰기
안녕하세요세해복많히바드세여
이용자 2008/02/14 14:38 댓글주소 수정/삭제 댓글쓰기
오늘 2시 넘어서 들어가보니 갑자기 99u 로 바뀌면서 안들어가지네요.... 몇번 새로고침을 해봐도 안되는데 기다리면 되는건가요?

최근에 올라온 글

Categories

최근에 올라온 트윗

태그목록

최근에 달린 댓글

달력

링크

'flash'에 해당되는 글 170건

트랙백 주소 :: http://hompy.info/trackback/619

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/614

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/596

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/589

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/578

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/569

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/550

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/513

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/512

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/510

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/507

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/504

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/502

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/501

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/500

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/487

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/481

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/479

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/478

Subject: 플래시 액션 스크립트 3.0, 고성능 3D 데모

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/476

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/451

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/395

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/389

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/383

댓글을 달아 주세요

트랙백 주소 :: http://hompy.info/trackback/371

댓글을 달아 주세요