본문 바로가기

FLASH

교육용컨텐츠에서 플래시쿠키로 내용 저장 및 불러오기 플래시에서는 Shared Objecct를 사용하여내 기기내에 쿠키처럼 정보를 저장할 수 있습니다. 교육용 컨텐츠에서도 학습자가 생각한 내용을 적을 수 있도록 구성하여 다음과 같이 보여줄 수 있습니다. 내용이 저장도 되고 불러와서 정답과 비교하기도 구현됩니다. 더보기
사지선다 퀴즈 개선됨 이러닝에서 많이 사용되는 사지선다 퀴즈를 개선한 것입니다. 좀 더 소스가 다듬어져 있어서 직관적으로 사용가능합니다. 더보기
사지선다 퀴즈 소스 이러닝에서 많이 사용되는 사지선다 퀴즈 소스입니다. 1회 틀려도 기회를 한번 더 주고 해설이 나오는데 긴 해설의 경우는 스크롤이 달려 있습니다. 문제는 3문제로 되어 있는데 적당히 수정해서 5문제로도 변형가능합니다. OX 퀴즈로도 쓸 수 있게 만들어져 있습니다. 더보기
상하 긴 무비클립 스크롤 소스 플래시에서는 적당한 컴포넌트를 만들어 쓸 수 있습니다. 다음은 상하 긴 무비클립 스크롤 소스입니다. 정해진 크기의 화면 안에서 많은 정보를 보여줘야 할 때 유용하죠. 이것은 이러닝 컨텐츠에서 많이 사용됩니다. 더보기
클릭메뉴입니다. 윤용호 님의 책 네비게이션 18 에 있는 내용을 AS3버전의 코드로 바꾸어 보았습니다.AS2를 쓰던사람에게는 당연한 부분에서 런타임에러가 많이 떠서 쉽지가 않네요.고수의 길은 멀고도 험합니다.어이 없게도 당연하고 평범한 데서 많이 막힙니다. 좀더 멋있게 업그레이드 하고 싶네요. 더보기
마우스 오버시 가로로 늘어나는 메뉴 가로로 늘어나는 메뉴입니다.제작 아이디어는마우스를 오버하면 오버한 메뉴만 3번째 프레임(큰이미지)으로 가고다른 메뉴들은 2번째 프레임(작은이미지)으로 가게 해 준 뒤에이전 메뉴의 오른쪽 끝을 타겟 포인트로 잡아 트위닝을 해 주면 됩니다. 더보기
부드러운 마스크 적용하기 부드러운 마스크 적용하는 간단코드입니다.마스크무비클립과 해당 무비클립에cacheAsBitmap을 true로 설정해 줍니다. img_mc.cacheAsBitmap = true; mask_mc.cacheAsBitmap = true; img_mc.mask = mask_mc; 더보기
좌우로 흘러가는 메뉴입니다. 흘러가는 메뉴입니다. 마우스의 위치에 따라 흐르는 속도가 바뀝니다. 계산식을 잘 사용하면 짧은 코드로도 멋진 효과를 낼 수 있습니다. 이것은 코드만 봐서는 잘 이해가 안 갑니다.실제 플래시 소스를 열어서 봐야 '아하' 하고 무릎을 탁 치게 될 것입니다. // 흘러가는 메뉴 var speedRate:Number = 0.03;addEventListener(Event.ENTER_FRAME, onEnter); function onEnter(e){ var tx:Number = mouseX; mc_image.x += speedRate*(tx-360); if(mc_image.x > 720 + 360){ mc_image.x = 360; }else if (mc_image.x < -360){ mc_image.x = 360.. 더보기
말이 필요없는 바니슬라이더 메뉴 바니슬라이더 메뉴입니다.말이 필요없죠. 소스 코드는 다음과 같습니다.웹에이전시에서 사용하려면 많은 유지보수관련 기술이 필요하지만 가장 기본적인 뼈대가 되는 구현스킬을 간단하게 소스로 정리했습니다. var tmp:Number = 0; var speedRate:Number = 0.3;var pos:Array = [0, -550, -1100, -1650];for(var i:int=0; i 더보기
토글로 움직이는 메뉴입니다. 기본적인 뼈대가 되는 코드만 넣었습니다.실제로 쓰려면 응용을 해야 겠죠.클릭하면 쭉 나오고또 클릭하면 들어가는 메뉴입니다.토글기능을 구현하는 것이 핵심입니다. mc_menu 라는 인스턴스명을 가진 메뉴 배치하고 다음의 액션을 입력합니다. var tmp:Boolean = false; //상태변수 닫혀있음var speedRate:Number = 0.2;addEventListener(Event.ENTER_FRAME, onEnter);mc_menu.mc_handle.addEventListener(MouseEvent.CLICK, toggleMenu);// 엔터프레임으로 상태변수가 바뀔 때 마다 메뉴의 위치를 옮겨주면 된다. function onEnter(e){ if(tmp == false){ mc_menu.y +.. 더보기