본문 바로가기

분류 전체보기2541

교플강8 - 자유낙하운동 2. 자유낙하 운동을 컴퓨터로 구현할 수 있다. 가. 자유낙하 운동 공식 이해 자유낙하란 중력에 의해 물체가 지구중심으로 떨어지는 운동을 이야기 한다. 지구중심방향으로 떨어지는 물체는 중력가속도(g) 때문에 점점 속력이 빨라지는 등가속도 운동을 하게 된다. 이곳에서 자유낙하 운동을 다루고자 하는 이유는 우리 주변에서 항상 접하고 있는 사건이기 때문이다. 자유낙하 운동의 공식을 살펴보면 아래와 같다. 중력가속도 : g=9.8(m/s²) 속 도 : v=v0+gt 이 동거 리 : s=s0+v0t +(1/2)gt² v:나중속도(m/s), v0:처음속도(m/s), a:가속도(m/s²) t:걸린시간(s), s:이동거리(m) s0:초기위치(m) 나. 자유낙하 운동 표현방법 구상 우선 시간부터 생각해 보자. 시간 변화.. 2013. 1. 16.
교플강7-물체의 가속도 운동 구현하기 주제 : 플래시로 구현해보는 가속도 운동과 자유낙하 운동 ☐ 주제설정의 취지 및 목적 플래시를 이용해서 가속도 운동과 자유낙하 운동을 표현해 보고자 한다. 우리가 알고 있는 등가속도 운동을 컴퓨터로 표현한다는 것은 생각처럼 쉬운일만은 아닐 것이다. 이 장에서 등가속도 운동을 컴퓨터로 시물레이션 해 봄으로써 컴퓨터로 움직임을 어떻게 표현하고 제어할 수 있는지를 알아 보고자 한다. 그리고 우리가 생각하는 공식을 컴퓨터가 이해하게 만들기 위해서 시간과 거리 표현을 어떤 방법으로 해야 할 것인지도 살펴보고자 한다. 조금 더 깊이 들어가 점화식을 만들어 보고 적용해 봄으로써 컴퓨터로 표현할 수 있는 운동의 개념을 이해하고 응용할 수 있게 될 것이다. 좀 더 자연스러운 움직임을 위해 어떤 것들을 고려해야 하며, 어.. 2013. 1. 16.
교플강6(벽돌깨기 만들기 - 충돌이해)-벽돌깨기를 위하여 4. 무비클립간의 충돌을 이해하고, 충돌후 반응을 처리할 수 있다. 공도 화면상에서 움직이고, 조절바도 마우스를 따라 다니며 움직이도록 만들었다. 이제는 조절바로 내려오는 공을 받았을때 다시 튕겨 올라가게 만들어야 할 것이다 .그렇다면 조절바와 공이 충돌이 일어나는지 어떻게 알 수 있겠는가 가. 조절바와 공의 충동방법을 이해한다. (hitTest) 플래시 애션스크립트 중 hitTest 문을 이용하면 두 무비클립간의 충돌을 체크할 수 있다. hitTest는 두 무비클립이 충돌했는지 안했는지의 여부를 알려주는 역할을 한다. 무비클립A.hitTest.무비클립B 무비클립A 와 무비클립B가 충돌을 했는지를 판정해 줍니다. 무비클립A.hitTest.(x,y,true) 무비클립A가 우리가 지정해준 (x,y)좌표와 충.. 2013. 1. 16.
교플강5(화면을 못 벗어나게, 그리고 마우스를 따라다니는 움직임) - 벽돌깨기를 위하여 2. 변수를 이용하여 운동의 방향을 바꿀 수 있다. 가. 공 무비클립이 화면을 벗어나지 못하도록 조건문을 이용하여 잡아둘 수 있다. 이번에는 공이 화면을 벗어나지 않고 계속해서 움직이게 만들어보자. 화면오른쪽 끝까지 가면 방향을 왼쪽으로 바꾸고, 화면 왼쪽 끝까지 오면 다시 방향을 오른쪽으로 바꾸게 해보자. 마찬가지로, 공을 계속해서 x축방향으로 움직이게 해야 할 것이다. 그리고 공이 오른쪽 끝을 벗어나는 순간 -x축방향으로 움직이게 해야 할 것이다. 그러기 위해서 우리는 speed 라는 변수를 만들어 공의 움직임을 제어해 보고자 한다. 공의 움직임을 화면안에서만 돌아다니게 하기 위해서는 아래와 같은 스크립트를 만들어 주면 된다. speedx = 5; onEnterFrame = function () { .. 2013. 1. 16.
교플강4(무비클립과 화면상에서 움직임 이해) - 벽돌깨기를 위하여 주제 : 플래시로 구현해보는 운동과 벽돌깨기 ☐ 주제설정의 취지 및 목적 아무리 좋은 프로그램이라 할지라도 화면상에 원하는 형태로 표현할 수 없다면 좋은 프로그램이라고 할 수 없다. 필자는 새로운 프로그램을 접할 때 마다 구구단문제와 벽돌깨기를 꼭 만들어 본다. 이 2가지 프로그램을 쉽게 만들어 낼 수 있는 프로그램이라면 사용하기에 있어서 편리한 프로그램이라고 볼 수 있다. 이런 관점에서 본다면 벽돌깨기는 반드시 만들어 보아야 할 프로그램 중에 하나이다. 우리는 벽돌깨기를 만들어 봄으로써 화면상 원하는 위치에 물체를 표현해내는 방법과, 모니터상에서의 좌표체계, 또 플래시를 이용한 그래픽처리 방법에 대해서 배우게 될 것이다. 아울러 화면상의 물체를 제어하는 방법과, 충돌처리방법 그리고 마우스나 키보드를 이.. 2013. 1. 16.
교플강3(구구단 문제 출제 프로그램 만들기) 라. 성적표가 나오는 구구단 프로그램 만들기 컴퓨터가 구구단 문제를 출제하면 사용자가 문제를 풀고 문제를 풀때 마다 몇문제를 맞추었는지 알려 주는 프로그램을 만들어 보자. 1)사용할 변수가 최소한 몇 개가 될지 토의해 보고 변수명을 정해보자. //컴퓨터가 생각한 첫 번째 숫자 x1 //컴퓨터가 생각한 두 번째 숫자 x2 //곱한결과값 mun //사용자가 입력한 값 : dab //맞았는지 틀렸는지 내용출력은 : msg //확인버튼 인스턴스명 : ok_btn //문제출제 인스턴스명 : re_btn //출제된 문제수 : num_mun //맞춘 문제 갯수 : num_yes //틀린 문제 갯수 : num_no 컴퓨터가 구구단 문제를 출제하면 사용자가 문제를 풀고 문제를 풀때 마다 몇문제를 맞추었는지 알려 주는 프.. 2013. 1. 16.
교플강2(구구단 화면에표시하기,생각한 숫자 맞추기게임) 3. 플래시가 문제를 내면 사람이 맞추는 방법 가. 생각한 숫자 알아 맞추기 게임 활동 생각한 숫자 알아 맞추기 게임 1. 조원중에 술래가 종이에 1부터 100까지의 숫자중에 아무 숫자나 적는다. 2. 나머지 조원들은 1명씩 돌아가면서 술래가 생각한 숫자를 맞추기 위해 노력한다. 3. 술래는 다른 조원들이 돌아가면서 숫자를 말할 때 마다. 자신이 생각한 숫자가 조원들이 말한 숫자보다 큰지, 작은지를 알려 준다. 4. 조원들은 술래가 말한 숫자 범위내에서 다시 다른 숫자를 말한다. 4. 술래가 생각한 숫자를 정확하게 맞추는 사람이 우승자가 된다. 5. 우승자는 술래가 되어 처음부터 게임을 다시 진행한다. 지뢰피하기 게임 생각한 숫자 알아 맞추기 게임이랑 하는 방법은 똑같다. 다만 이번에는 술래가 생각한 숫.. 2013. 1. 16.
교플강1(구구단 만들기를 위한 기초개념) 주제 : 플래시로 구현해보는 구구단과 알고리즘 ☐ 주제설정의 취지 및 목적 플래시를 이용해서 구구단을 만들어 보고자 한다. 구구단을 주제로 잡은 이유는 구구단은 초등학교때부터 해오던 가장 기본적인 계산 방법이며 누구나 쉽게 계산해 낼 수 있으므로 컴퓨터가 맞았는지 쉽게 확인해 가며 프로그램을 작성할 수 있기 때문이다. 모든 프로그램에 있어서 반드시 익히고 넘어가야 하는 것 중에 하나가, 컴퓨터와의 상호작용이다. 그런면에서 본다면 구구단은 컴퓨터와 상호작용할 수 있는 가장 좋은 프로그램중에 하나이다. 구구단 프로그램을 작성해 보면 컴퓨터가 난수를 통해 문제를 내는 방법과, 계산하는 방법, 또 사용자가 컴퓨터에 입력하는 방법을 익힐 수 있다. 입력된 값이 정답인지를 어떻게 비교할 것이며, 정답여부를 어떻게 .. 2013. 1. 12.
[강의] 민서아빠의 교사를 위한 플래시 강의(교플강) -1 2005년도에 플래시 MX가지고 만들었던 자료입니다. 간단하게 플래시를 활용한 개념을 잡는데 도움이 되리라 생각합니다. 강의순서 1강 플래시로 구구단 만들기 2강 생각한 숫자 알아맞추기 게임 만들기 3강 구구단 문제 출제 프로그램 만들기 4강 플래로 구현해 보는 운동과 벽돌깨기 5강 마우스를 따라다니는 움직임 구현하기 6강 벽돌깨기 - 충돌을 이해하고 충돌 후 반응처리하기 7강 물체의 가속도 운동 구현하기 8강 자유낙하 운동 9강 관성효과에 의한 운동 10강 중력장에서 우주선 착륙게임 만들기 11강 포물선 운동 구현하기 12강 대포게임 만들기 앞으로 이곳에서 플래시를 이용하여 교사들에게 도움이 되는 내용으로 강의를 진행해 보려고 합니다. 시작만 거창하고, 끝은 흐지부지 될지는 모르겠지만 제가 가지고 있는.. 2013. 1. 12.
동영상을 이용한 손접기 동영상을 이용해서 만든 손접기 프로그램입니다 마우스를 손가락 위에 가져다 대면 손가락을 접습니다. 2013. 1. 12.
무비클립 위에 마우스 올라갔을때 손가락 모양 나타나게 하기 보통은 버튼클립위에 마우스가 올라가면 손가락 모양으로 바뀌지만 무비클립위에 마우스가 올라가면 아무 변화가 없다. 얼마전에 이거 때문에 무비클립위에 마우스 올라왔을때 커서 모양 바뀌게 만드느라 고생한 적이 있다. 오늘 테스트 하다가 우연히 발견한 건데 무비클립 자체에다가 액션을 on(Press){ } 라고 주면 아무내용이 없어도 저절로 커서가 올라가면 마우스 모양이 생긴다. onClipEvent (mouseDown) { } 으로 쓰면 손가락 모양 커서가 안 나타남 2013. 1. 12.
자동으로 요일이 들어가는 플래시 만들기 예은이네 김현진 선생님 강의 하는 내용에서 가져 왔습니다. 요일이 들어가는 알림장을 만들려면 메인화면에 무비클립을 하나 만들어 스테이지 밖에 안보이는 곳에 꺼내 놓고 아래 액션스크립트를 부여 합니다. 그리고 화면에 텍스트 박스를 다이나믹 텍스트로 2개 만들고 하나는 변수명을 (텍스트 박스의 property 창에 var 이라는 항목) txtdate 또하나는 txtday 라고 주시면 됩니다. 요일이라고 되어 있는 레이어만 남기고 다른 레이어를 다 안보이게 만들어 보면 어떻게 작동하는지 이해하실 수 있을것 같네요 onClipEvent (load) { this._visible = false; day = new Array("일요일", "월요일", "화요일" ,"수요일", "목요일", "금요일", "토요일"); f.. 2013. 1. 12.
플래시8에서 더블클릭하기 플래시에서 더블 클릭이 가능하게 하려면 다음과 같은 액션스크립트를 적어 주어야 한다. 아래소스는 제가 칠교놀이를 만들때 사용한 방법입니다. 그림 조각을 선택하면 옮길 수 있꼬 그림 조각을 더블클릭하면 회전하도록 만든 소스입니다. 즉 더블클릭이라는 것은 처음 누른 다음 두번째 누를때 까지의 시간차이를 가지고 인식 시키는 것이지요 on(press){ startdrag(this,true); } on (release) { if (time1 == undefined) { time1 = getTimer(); } else { time2 = getTimer(); dtime = time2-time1; time1 = time2; if (dtime 2013. 1. 12.
다중 프레임제어(하이퍼링크로 동시에 2프레임 문서 링크) 프레임을 나누어놓은 곳에서 한번의 클릭으로 각각의 프레임에 원하는 페이지를 연결해줄 수 있습니다. 소스도 아주 간단합니다. 다만 한가지 약점이라면 브라우저의 back버튼을 두번 눌러야만 원래의 페이지로 돌아간다는 것입니다. 제 홈페이지에도 이 소스를 사용하고 있습니다. 그럼 소스를 한번 보죠.. html 문서에 다음 스크립트를 추가합니다. 즉 function go(프레임이름01URL, 프레임이름02URL) { parent.프레임이름01.location.href = 프레임이름01URL; parent.프레임이름02.location.href = 프레임이름02URL; } 입니다. 지금은 두개의 프레임만 제어하지만 2개이상도 제어할 수가 있죠.. 그리고 연결을 해줄때는 Company 이렇게 해주시면 됩니다. 예를.. 2013. 1. 12.
플래시 비디오 마스크 입히기 http://sciencej.cafe24.com/flash/videomask/videomask.html 아래 사용법을 보고 만들어 보았습니다. 하얀색 벽에 대고 민서를 찍었더니 하얀색 민서 옷마져 투명하게 보이네요 잘만 활용한다면 다양한 교육 분야에 활용할 수 있을 것 같습니다. 출처는 아래 사이트 입니다. 출처 : http://blog.naver.com/shin2show/30006410518 제 블로그에도 복사해 놓았습니다. 참고하세요 2013. 1. 12.
외부텍스트화일 불러올때 로컬과 웹상에서 줄바꿈이 다른 문제 해결 줄바꿈이 두번 되는 이유는 WINDOWS에서는 텍스트에 엔터를 칠때 CR(r)+LF(n)을 한꺼번에 준다는군요 그런데 UNIX에서는 CR만으로 준다고 하네요 .. 그래서 메모장에서 텍스트 화일을 만들어 저장해 주면 엔터키를 칠때 마다 CR(r)+LF(n) 가 함께 저장이 되어 웹에서 보여질때는 두줄이 띄어서 표시 되게 됩니다. 아래와 같은 액션스크립트 하나만 추가하면 해결이 되네요 _root.text1 = _root.text1.split("r").join(""); 2013. 1. 12.
플래시8에서 외부에서 불러온 사진 일정한 크기로 맞추기 외부에서 사진을 로딩하는 경우에 원래의 사진크기로 들어오기 때문에 사진의 크기를 내가 원하는 대로 맞출수 없다. 하지만 방법이 전혀 없는 것은 아니다. 사진을 무비클립으로 불러 들이고 그 무비클립의 크기를 조절하면 된다. p1이라는 무비클립을 만들고 그안에 piclo 라는 무비클립을 좌측 상단에 맞추어서 만든다. 그리고 p1 무비클립에서 onClipEvent (load) { _root.p1.piclo.loadMovie("photo/p1.jpg"); } 외부 사진을 p1 안에 있는 piclo 로 불러 들인다. piclo 무비클립에도 아래와 같은 명령을 준다. onClipEvent (data) { this._width =75; this._height =105; this._x=0; this._y=0; } 즉 .. 2013. 1. 12.
플래시8에서 외부 exe 화일 실행하기 외부exe 화일을 넣을때는 반드시 플래시 경로에서 fscommand라는 하위 폴더 안에 넣어 두어야 합니다. ex) fscommand("exec","Play.exe") 라고 치면 실제경로는(/fscommand/Play.exe) 가 실행됩니다. 첨부화일은 첨부화일폴더에 fscommand 폴더를 만들고 play.exe 화일을 넣어두면 버튼을 누를때 실행된답니다. 적당히 바꾸어 보면서 사용해보세요 2013. 1. 12.
피아노 만드는 플래시 액션 피아노 만드는 플래시 액션 2013. 1. 12.
2003년 9월부터 제 홈페이지에 사용된 메뉴 소스 플래시로 만든 홈페이지 메뉴 프레임으로 만들었던것을 플래시로 다시 구현해 보았습니다. 2013. 1. 12.

티스토리툴바