포물선 운동과 공 step06 : 그림자 따라다니기 그림자가 공을 계속 따라다니려면 "그림자.x = 공.x" 로 간단하게 처리하면 된다. 소스) import flash.events.Event; import flash.display.Sprite; import flash.filters.BlurFilter; import flash.filters.BitmapFilterQuality; var g:Number = 1; var vy:Number = 8; var vx:Number = 10; var rot:Number = vx; var bottom:Number = stage.stageHeight - (ball.height/2) - 20; var _eclipse:Sprite = new Sprite(); _eclipse.g..
포물선 운동과 공 step05 : 그림자 만들기 바운드 되는 위치에 그림자를 만들어 보겠다. _eclipse 라는 Sprite 데이터형의 객체를 한개 만들고 graphics 속성을 이용하여 타원을 그릴텐데 그림자 특유의 blur 처리를 위해 필터도 적용해 보도록 한다. import flash.display.Sprite; import flash.filters.BlurFilter; import flash.filters.BitmapFilterQuality; var _eclipse:Sprite = new Sprite(); _eclipse.graphics.beginFill(0x000000, 0.7); _eclipse.graphics.drawEllipse(0, 0, 80, 20); _eclipse.graphics...
포물선 운동과 공 step04 : 공의 회전 공의 회전은 오른쪽으로 진행할 때는 시계방향이므로 + , 왼쪽으로 진행할 때는 반시계방향이므로 - 이다. 다른 처리를 해줄 필요없이 ball의 x방향에 따라서 rotation을 적용해 주면 된다. rot 라는 변수를 하나 만들어서 x축의 변화가 있을때마다 부호를 바꿔준다. 소스) import flash.events.Event; var g:Number = 1; var vy:Number = 8; var vx:Number = 10; var rot:Number = vx; this.addEventListener(Event.ENTER_FRAME, function(e:Event):void{ vy += g; ball.y += vy; ball.x += vx; ball.rota..
포물선 운동과 공 step03 : 공에 수평운동 추가 앞서 수평운동은 vy와 마찬가지로 단순히 vx 변수를 만들어서 ball.x에 계속 더해주면 된다. step01과 마찬가지의 방식으로 vx의 오른쪽 끝은 stage.stageWidth - (ball.width / 2), 왼쪽 끝은 ball.width / 2로 구하여 조건문 처리 해준다. 소스) import flash.events.Event; var g:Number = 1; var vy:Number = 8; var vx:Number = 10; this.addEventListener(Event.ENTER_FRAME, function(e:Event):void{ vy += g; ball.y += vy; ball.x += vx; if( ball.x > stage..
포물선 운동과 공 step02 : 공에 중력 더하기 앞서 step01에서 살펴본 공의 움직임은 중력이 없기 때문에 약간 부자연스럽다. 중력을 포함하는 공식은 아래와 같다. g = 1 (중력가속도 값) 수직 방향의 속도 = 수직 방향의 속도 + g 움직이는 물체 = 움직이는 물체 + 수직 방향의 속도 공식을 그대로 적용하여 소스로 옮기면 var g:Number = 1; var vy:Number = 8; 매프레임(시간)이 증가할 때 마다 vy = vy + g; ball.y = ball.y + vy; 포물선 운동에서 x축과 y축 어떠한 물체를 던져 올릴 경우 사선운동에 있어서 수평 방향으로는 공기의 저항을 무시하므로 등속 운동. 수직방향은 중력운동을 하므로 등가속도 운동을 한다. 이러한 운동을 포물선 운동이라..
포물선 운동과 공 step01 : 공의 움직임 1. 움직임 변수 vy를 만들어 주고 엔터프레임 시킨뒤 ball.y에 계속 vy값을 더해준다. 2. ball.y의 값이 밑으로 증가하다가 세로 너비의 끝점인 stage.stageHeight - (ball.height/2)를 만나면 vy 부호를 바꿔서 다시 위로 튀어오르도록 한다. 공의 원점이 정 가운데에 있기 때문에 stage.stageHeight - (ball.height/2) 으로 처리해 주는 것이며 그림으로 보면 다음과 같다. 3. 마지막으로 ball의 y가 ball.height/2 보다 작을경우 다시 부호를 바꾸어준다. 소스) import flash.events.Event; var vy:Number = 20; this.addEventListener(E..
url : http://jonsuh.com/blog/jquery-ajax-call-to-php-script-with-json-return/ 참고 : http://api.jquery.com/jQuery.param/ , http://findfun.tistory.com/399 HTML Male Female [HTML is replaced when successful.] ---------------------------------------------------------------------------------------------------------------- response.php 폼에서 주어진 정보를 전달받고 처리되는 위치이다. 이 데모에서는 HTML파일의 동일한 위치에 response.php 파일..
ajax로 xml 파싱하기 먼저 xml의 구조는 아래와 같다. news.xml _blank http://daum.com _blank http://google.com _blank http://serpiko.tistory.com _blank http://bing.com jQuery에서 ajax메서드를 사용하여 아래와 같이 XMLHttpRequest를 사용한 파싱이 가능하다. 결과) 위에서 사용한 ajax XML을 XMLLoader.js로 라이브러리화 시키면 아래와 같다. (직접만든것은 아니고 과장님이) /**************************************************************** * title : * author : Song-Hyun, Kim (shk@pulipinc...