'[+++ FLASH +++]'에 해당되는 글 69건

  1. 2011.12.18 [Shortest Path Algorithm] (1)
  2. 2011.06.16 블로그 로고(친구꺼)
  3. 2011.01.22 2차원 충돌 (2D Collision) (6)
  4. 2011.01.21 Color Picker
  5. 2011.01.17 Ginny Effect (sucking)
  6. 2011.01.17 코카콜라 Sparkling Effect!
  7. 2010.09.12 왜, 베지에 곡선 4개로 원을 그릴수 없을까? (with class) (1)
  8. 2010.02.15 Picture Gallery #1 & #2 (3)
2011.12.18 00:34
[Shortest Path Algorithm]
 

집에서 할게 없어서...(-_-;; 알바라도 해야할텐데;;;;ㅠㅠ) 이것저것 해보고 있다.ㅋ

지금 만들고 있는것이 최단거리를 찾는 알고리즘인데, 머리가 굳어서인지(....) 코딩이 생각처첨 안된다..

그래도 계속하다보면 늘겠지...하는 심정으로 만들고 있는데, 부대에서 만들었던 메서드가 잘못된것을 알게 되었다.

바로 선분/직선의 교차 여부 및 교점을 구하는 매서드인데, 부대내에서 만든게 정상작동 하질 않는다....!
(이상하게 휴가왔을때 만든 비슷한 메서드는 정상 작동한다!)

아직 원인은 찾기 힘들어서..(오타는 없는듯하다.ㅋ) 그냥 구글신께 여쭈어 복붙신공으로...가져왔다...ㅋ
( http://whitesnake.uzoo.in/76  를 참고하기 바람..ㅋ)

지금까지 구현한 부분은 (0, 0) 에서 바라봤을때 가시점(? 그니까, 보이는점.....그러니까.....자기 위치에서 바라봤을때 보이는 점을 의미...)을 색출하여 리스트를 만드는것까지 해보았다.

전에 만들어둔(사실 스맛폰 게임 SliceIt 의 알고리즘을 만들려다가 만든 매서드가 있었다.) 앵귤러 소트(....? 그러니까 각도? 무게중심을 중심으로해서 시계방향으로 점 집합을 재정렬 시켜주는)가 있어서 쉐이프(내가 맹근 다각형 도형 단위) 구현은 쉬웠다..ㅋ

클릭하면 새로 갱신됨.




뭔가 허접해 보이긴 해도.... 이틀간의 노력이 배어든 쓰레기이다....ㅠㅠ

코드는 여러가지 객체로 나눠놓고 분산되어 있어서 생략.....(하면 나쁜놈이겠지..ㅋ 필요하시면 올려드릴 수 도.....) 
저작자 표시 비영리 변경 금지
신고
Trackback 0 Comment 1
  1. Favicon of http://kopkaptain424.insanejournal.com/320.html BlogIcon click here 2012.03.29 08:17 신고 address edit & del reply

    사진 아 대충내이이해가됩다. 사 빈라덴의사망 동영보 미국대통령과경기도사 11전화내이비되요..^^; 선진이되려면아직도시이많이 요한가봅다.

2011.06.16 00:11

로그 그림 : 친구(Parkjt - http://parkjt.server.ne.kr/blog)
플래시 제작 : 나ㅋ

너무 오랜만에;;;(거의 5개월 만에 하는 풀그림;;;;ㅠㅠ) 해서 그런지 머리도 굳었고, 생각이 잘 안된다..ㅋㅋ

머리속에 있는걸 표출하고 싶은데 뜻대로 되지 않는;;ㅋㅋ

그래서 뭔가 부족한,,,, 뭔가 애매한 제품(ㅋ)이 나왔다..

 

뭔가 더 추가하고 싶지만, 내일이 복귀라(얼레, 지금시점은 오늘이다!ㅠㅠ) 이정도로하고

이만 총총... 
저작자 표시 비영리 변경 금지
신고

'[+++ FLASH +++] > - - Flask`s Movies' 카테고리의 다른 글

블로그 로고(친구꺼)  (0) 2011.06.16
Ginny Effect (sucking)  (0) 2011.01.17
코카콜라 Sparkling Effect!  (0) 2011.01.17
Picture Gallery #1 & #2  (3) 2010.02.15
Trackback 0 Comment 0
2011.01.22 23:55
2D Collision


드디어 2차원 충돌을 구현했다. 위키 백과에서 공식을 찾았는데, 이 공식엔 반발계수도 포함되어 있어서 바로 써먹을 수 있었다..ㅋㅋ(->링크(영문))
//참고로, 영문버전의 위키가 상당히 자세하다....그래서 영문버전을 애용하기를...;;

V_{1f}=\frac{C_R M_2 (V_2 - V_1) + M_1 V_1 + M_2 V_2} {M_1+M_2}
V_{2f}=\frac{C_R M_1 (V_1 - V_2) + M_1 V_1 + M_2 V_2} {M_1+M_2}

이게 바로 충돌 후의 속도에 대한 식.....ㅋ

구현간에 약간의 애로사항이 꽃피었었는데, 문제는 회전변환을 해주는 매서드였다;;;;;;(행렬을 안만진지 오래되서 행렬의 곱셈 방법을 잘못 생각한...ㅋㅋㅋ) 
(회전변환에 대한 내용을 보고나서야 고쳤다....ㅋㅋ->링크)

 \begin{bmatrix} x' \\ y' \end{bmatrix} = \begin{bmatrix} \cos \theta & -\sin \theta \\ \sin \theta & \cos \theta \end{bmatrix} \begin{bmatrix} x \\ y \end{bmatrix}

이건 회전변환 매트릭스! (진짜 쓸모 많다능.....ㅋㅋ)

그리고,,,버그,,,,,,,가 나오지 않도록(두 원이 겹쳐서 계산이 계속되는 뭐 이런 버그...완벽히 해결됬는지는 모르지만,,,,) 두원이 충돌시에, 두 원이 접하도록(그러니까 겹치지 않고)만들어 주었다..

이번에 만든 클래스는 Ball, Physics2D인데,,,, Physics2D는 재활용 할 수 있도록 조금 손바주어 내 라이브러리에 넣어야겠다...ㅋㅋ

드디어 구현한 무비..ㅋ (클릭하면, 계속 진행됩니다.)
참고로, 반발계수가 적용되어 있다. e = 0.8

각 벡터의 모습을 보여주려 했는데, 그냥 속도 벡터만 표시.....

마지막으로 소스 코드.ㅋ

main.as



Physics2D.as


Ball.as





* 추가

공의 숫자를 늘리고(10) 중력까지 포함. 
반발계수를 넣었었지만, 겹치는 버그가 계속됨,,,(아마도, 세개 이상 겹치었을때 서로 접하려고 하다보니 다시 겹쳐지는 순환....어떻게 해결항 방법을....;;;)

무비는 아래 폴딩안에...

더보기



저작자 표시 비영리 변경 금지
신고

'[+++ FLASH +++] > - - 물리' 카테고리의 다른 글

2차원 충돌 (2D Collision)  (6) 2011.01.22
2차원 충돌  (1) 2010.02.12
[ 00 ] 중력 & 반중력? 에서 제작할 무비 예제 [Gravity Play]  (0) 2009.06.19
[ 01 ] 중력 & 반중력 ?  (0) 2009.06.11
Trackback 0 Comment 6
  1. Favicon of http://estellesiahome.tistory.com BlogIcon 에스텔시아 2011.01.23 17:02 신고 address edit & del reply

    이걸 보니까 왠지 Jt군이 보여준 라고아 물리엔진 볼 때 같은 감동이 밀려오는 듯한 느낌이 ㅎㅎ;;
    드네여.

  2. Ko Dong-Eun 2011.01.24 00:05 신고 address edit & del reply

    군대에서도 물리공부??ㅋㅋㅋㅋ 역시 공부의 神이군 ㅋㅋㅋㅋ

  3. Favicon of http://www.squidoo.com/ukdissertationwritinghelp BlogIcon ukdissertationwritinghelp 2011.01.31 14:51 신고 address edit & del reply

    It’s a great tip on Do It yourself stuff. Thanks!

  4. 2011.03.29 19:54 address edit & del reply

    비밀댓글입니다

  5. 2011.05.14 15:02 address edit & del reply

    비밀댓글입니다

  6. Favicon of http://podojam.tistory.com BlogIcon 포도잼 2011.06.06 02:03 신고 address edit & del reply

    와우~ 지나가다 들렸는데...다른 세계에 온 듯하군요.
    왜 저는 아인쉬타인이 생각날까요? 거참!

2011.01.21 19:54
여러곳에서 많이 보이는 컬러 픽커!

굉장히 구현은 쉽다(고 생각했는데, 오래전에 만들어 둔 클래스에 설명이 없어서 헤맨....ㅋㅋ)

뭐 구현한건 요로코롬 생긴 피커.

예전에 구현해둔게(어도비 쿨러(펄스) 구현) 있지만 요건 좀 다른 케이스..ㅋㅋ

무비를 보려면 아래 '더보기'를....

더보기




밝기 값 조절하는 슬라이드를 넣었지만, 컴포넌트는 당췌 사용한 적이 없어서 구현 못함;;;(함수 단에는 구현되어 있음..ㅋ)

아래는 소스코드

더보기



아, 추가로 내 클래스는;;;;; 어따가 포스트했드라....;;;;
저작자 표시 비영리 변경 금지
신고
Trackback 0 Comment 0
2011.01.17 23:14
Ginny Effect (sucking)

아앜...................................................................

머리가 굳었는지 몰라도 잘 안되네 ㅠㅠㅠㅠㅠㅠㅠ (건망증이 심해지고 있어....사람이 단순해지는것 같아...ㅠㅠㅠ)


대충이라도 구현해볼라 했는데,,,, 기껏 구현한게 제일 쉬운 흡입되는 이펙트....ㅠㅠㅠㅠㅠ

아무래도, 전역하고 나서 공부좀 한뒤에 제대로 구현할듯;;;;ㅠㅠㅠㅠㅠㅠ

대충이라도 된거 올림;;;;ㅠㅠㅠ
아래 공간을 클릭하면 나옵니다......ㅠㅠㅠ (막 클릭하면 죽을라고 합니다.ㅋㅋㅋ)


으읔.....ㅠㅠㅠ

저작자 표시 비영리 변경 금지
신고

'[+++ FLASH +++] > - - Flask`s Movies' 카테고리의 다른 글

블로그 로고(친구꺼)  (0) 2011.06.16
Ginny Effect (sucking)  (0) 2011.01.17
코카콜라 Sparkling Effect!  (0) 2011.01.17
Picture Gallery #1 & #2  (3) 2010.02.15
Trackback 0 Comment 0
2011.01.17 01:17
코카콜라 Sparkling Effect!


음,..요즘 이펙트에 대해서 관심이 많아 졌는데, 만들고 싶던것중 하나이다.ㅋ

티비 광고에서 코카콜라 광고 맨 마지막 부분에, 글자들이 탄산방울이 되면서 올라가는 효과를 구현해 보았다.

이게 왤케 어렵게 느껴졌는지....-_-;; (군대 가더니 머리가 굳은듯....ㅠㅠㅠㅠ)

쨋든, 구현한 방식은 되게 어지럽다... 따라서 따로 설명은 안한다...(나중에;;;; 아니 언젠가 개선할 날이 온다고 믿는다.......ㅋㅋ)

일단 현재 방식은 아래 그림처럼 버블이 사인*x 형태로 위로 올라간다. (더 사실적으로는 버블의 부피를 계산해 여러개의 버블로 다시 나뉘어 져야 겠지....구현은 다음 기회로.ㅋㅋ)



이렇게 올라가면서 버블의 사이즈(반지름)은 작아지다가 맨 위에서는 0이 되며 없어진다.

버블이 떠는 모습을 구현하기 위해서 사인 그래프를 썻는데, 쫌 어색하기도 한듯;;;(그래서, sin*x^2형태라던가를 적용해도 괜찮아 보임.)

머, 일단 무비 보면서 이해를....ㅋ (폴딩을 열면 실행됩니다.)

더보기


끝.ㅋ  다음 프로젝트는 OSX의 지니 이펙트! (노멀 지니와 sucking 이펙트...ㅋ 이미 부대에서 대충의 알고리즘은 짜놓았다는...)
저작자 표시 비영리 변경 금지
신고

'[+++ FLASH +++] > - - Flask`s Movies' 카테고리의 다른 글

Ginny Effect (sucking)  (0) 2011.01.17
코카콜라 Sparkling Effect!  (0) 2011.01.17
Picture Gallery #1 & #2  (3) 2010.02.15
Star Cluster (성단)  (2) 2010.01.14
Trackback 0 Comment 0
2010.09.12 16:27
왜, 베지에 곡선 4개로 원을 그릴수 없을까?
(with class)

음, 내가 만들었던 클래스 중에 'drawArc' 를 보면, 원을 그릴땐(호는 어차피 원의 일부이므로) 베지에 곡선을 8개를 사용했다.

4개를 이용해서 그렸을때와 8개를 이용해서 그렸을때를 비교해보면, 많은 차이가 난다.

지금은 휴가중이라 코딩이 귀찮아서 그냥 말로;;;;;;;;;;;;;;;;;;;;설명 하겠다.(플래시의 팬툴로 그려봤는데, 팬툴은 2차 베지에가 아닌듯. 그래서 정원이 비슷하게 나마 그려짐.)

2차 베지에로 그리게 되면, 각 코너부분이 과하게 구부려져있어서, 왠지 라운딩 된 박스느낌이 난다.

따라서, 2차 베지에로 그릴땐 8개를 사용한다. (또는 그 이상)

출처 : 위키백과(eng)



위 그림에서 처럼, 왼쪽그림이 2차 베지에 곡선으로 만든것이다. 각 네모는 꼭지점이고(앵커),  초록 동그라미는 컨트롤러다. 보면, 8개의 베지에 곡선을 사용한걸 알 수 있다. (Quadratic 이 2차라는 뜻)

하지만, 오른쪽 그림은 큐빅 베지어, 즉, 3차 베지에 곡선을 사용했다. (as3.0에도 2차 이상 베지에 곡선 그리기가 가능했었나?)

그래서 3차로는 4개 만으로도 정원을 구현할 수 있다.

음,,,, 오늘 이 포스팅을 한 이유는 요즘 지니이펙트와 관련해서 스플라인(spline)과 베지에 곡선을 연구중에 있기때문.

스플라인은 늣풀님의 포스팅을 참고하며 보고 있고, 베지에는 위키에서 찾아보며 구현하고 있다.

그래서 완성한 함수!(내가 만든 Math2 클래스에 넣었다.ㅋㅋ)

구간을 [0, 1]로 정규화 시킨 함수이다. (휴가때 이런짓을 하고 있다니;;;;ㅋㅋ 그래도 재밌다.ㅋㅋㅋ)


(코딩을 발로 밖에 못해서 죄송합니다....)

반복되는 계산부분을 빼서 함수로 만들려고 했는데 귀찮아서 패쓰.............................;;

2차를 만들었으니, 3차도 만들 생각!...ㅋㅋ

베지에 곡선에 관심을 가지게 된 이유가 바로 지니이펙트 때문(위에서 말했듯이.)

지니이펙트에서는 처음과 끝이 극한형이 아닌 딱 그 값에 맞아야 하기 때문에 베지에 또는 스플라인이 적당했다.

둘중 제일 친숙한게 베지에라서 베지에를 이용해서 구현해보았다. (아니, 어쩌면 스플라인이던 베지에던 공식만 넣으면 끝.)

심심풀이 무비를 테스트 해보자.
(클릭하면 랜덤 컨트롤러를 만들어 베지에 곡선을 만든다.)


[0, 1]에 정규화 시킨 함수기 때문에 값을 넣어서 사용하기가 편하다. (나만 그런가?)

이제, 지니 이펙트나 구현해봐야 겠다...(그동안 너무 안해서 코딩이 조금은 힘들군...)

그나저나 오랜만에 하는 포스팅이라 재미가..ㅋㅋ
저작자 표시 비영리 변경 금지
신고
Trackback 0 Comment 1
  1. Favicon of http://estellesiahome.tistory.com BlogIcon 에스텔시아 2010.09.16 22:11 신고 address edit & del reply

    남은 군대생활 되도록 편하게 보내시길 참고로 나 노인이예여ㅇㅅㅇ

2010.02.15 19:21
사진을 보여주는 두가지 이펙트를 구현해 보았다.


#1

(뭐라 제목을 정할 지 몰라 그냥,,,,)

먼저 제일 처음에 구현해본것은 원더플(wonderfl)에서 찾은 이펙트이다.
(원본 보기)

이 이펙트는 아래 사진처럼 사진을 드문드문 있는 픽셀로 나누고 이 픽셀들에 트윈을 주는 형식이다.

사진 보기







Download SWF



먼저 압축을 푼뒤, 같은 경로에 'img' 폴더를 만든뒤, 안에 사진을 넣는다.
사진은 1.jpg~10.jpg를 넣어준다. (하지만 3.jpg 하나만 보인다....;)

600x375 사이즈 & jpg






#2 Wonder Wall


두번째로 구현해본것은, 유고 나카무라씨가 만드신(기획?) 원더 월 이다.

사진 보기





Download SWF



먼저 압축을 푼뒤, swf 파일과 같은 경로에 'imgs'폴더를 하나 생성하고 안에 사진을 넣는다.
사진은 1.png~25.png 까지 넣어준다.
500x500 사이즈, png




소스 첨부는 귀찮아서 다음 기회에;;

아, 귀찮을까봐 사진파일 첨부.



저작자 표시 비영리 변경 금지
신고

'[+++ FLASH +++] > - - Flask`s Movies' 카테고리의 다른 글

코카콜라 Sparkling Effect!  (0) 2011.01.17
Picture Gallery #1 & #2  (3) 2010.02.15
Star Cluster (성단)  (2) 2010.01.14
ColorPicker 2 : Adobe Kuler - pulse  (1) 2010.01.13
Trackback 0 Comment 3
  1. 깐츄 2010.02.19 02:31 신고 address edit & del reply

    오우!! 오랜만이다 친구
    질문 !! 이미지 배열하는거 어떻게했어?? ㅋㅋㅋ;;

  2. Blixer 2010.07.10 04:39 신고 address edit & del reply

    Your stuff is interesting. Thanks, man!

  3. Ko Dong-Eun 2010.09.21 22:27 신고 address edit & del reply

    이거 뭐 이런것 밖에 없어??ㅋㅋㅋㅋ



티스토리 툴바