웹눈 이야기

빌 로퍼

웹눈 — Mon, 12 Mar 2012 21:56:28 +0900

(빌 로퍼는 스타크레프트, 워크레프트, 디아블로 등을 개발한 스타 개발자이다.)

어려운 환경을 이겨내고 성공하는 스토리는 언제나 재밌다.

C++ Template을 활용한 FactoryPattern 일반화 하기

웹눈 — Mon, 26 Dec 2011 23:17:00 +0900

저는 같은 카테고리에 속하는 다양한 Device들의 인터페이스를 일반화 하고 생성 함수를 만들어서 클라이언트 코드가 특정 구현객체에 의존하지 않을 수 있도록 하기 위해 Factory Pattern을 사용합니다. 주로 사용성은 아래와 같습니다.

   1:  //Radiometer 카테고리의 디바이스.

2:

   3:  DevRadiometer* radiometer = DevRadiometerCreator::Instance().Create( “K6485” );

4:

   5:  DevRadiometer* radiometerEmul = DevRadiometerCreator:Instance().Create( “emulator” );

6:

7:

8:

   9:  //Thermometer 카테고리의 디바이스.

10:

  11:  DevThermometer* thermometer = DevThermometerCreator::Instance().Create( “pk2000” );

12:

  13:  DevThermometer* themometerEmul = DevThermometerCreator::Instance().Create( “emulator” );

14:

위와 같이 Device 종류 별로 Factory 클래스를 만들어서 사용을 해 왔었는데요. 각각의 Factory 클래스 마다 반환하는 특정 클래스를 제외하면 구현 내용은 중복이 되었습니다. 이러한 중복을 제거하기 위해서 Template을 사용하여 Factory 자체를 일반화 하는 것을 구상해 보았습니다. 사용성은 아래와 같습니다.

   1:  DevRadiometer* radiometer = Factory<DevRadiometer>::Instance().Create( “K6480” );

2:

   3:  DevRadiometer* radiometerEmul = Factory<DevRadiometer>::Instance().Create( “emulator” );

4:

5:

6:

   7:  DevThermometer* thermometer = Factory<DevThermometer>::Instance().Create( “pk2000” );

8:

   9:  DevThermometer* thermometerEmul = Factory<DevThermometer>::Instance().Create( “emulator” );

10:

위와 같이 Factory Template 클래스를 한번 구현해 놓으니 수정이나 기타 구현이 필요 없이 재사용이 가능한 것 같습니다. 구현 코드는 파일로 첨부 하였습니다.

DevFactory.h

Verlet Integration - 게임에 어울리는 객체 운동 시뮬레이션

웹눈 — Mon, 27 Jun 2011 16:43:09 +0900

이곳에 가시면 Verlet Inegration의 구현에 대해 매우 상세히 설명되어 있는 글을 보실 수 있습니다. 설명되어 있는 예제가 html5의 Canvas를 이용하였기 때문에, 크롬 브라우저나 파이어폭스 혹은 익스 9 버전으로 확인 하셔야 합니다.

위의 예제는 Verlet Integration을 이용하여 구현해본 것입니다. 전에 Euler Integration을 사용하여 비슷한걸 구현해 본적이 있는데요. Verlet Integration을 이용하면 놀라울 정도로 간단히 구현할 수 있습니다.

Begginning Android Games-안드로이드 게임 개발서

웹눈 — Fri, 24 Jun 2011 01:41:43 +0900

게임 제작을 위해서 무엇이 필요하며, 어떻게 준비해야 하는지에 대해서 필요한 만큼만 잘 설명된 책인 것 같습니다. Chapter 3 에서는 게임 개론을 다루면서 게임 제작에 뼈대가 되는 프레임웍 개발을 예제를 통해 친절히 설명( 너무 친절하게.. ) 하고 있으므로, 플래쉬 환경에서 게임 제작을 원하시는 분들에게도 많은 도움이 될 것 같습니다.

Android, the New Kid on the Block
First Steps with the Android SDK
Game Development 101
Android for Game Developers
An Android Game Development Framework
Mr. Nom Invades Android
OpenGL ES: A Gentle Introduction
2D Game Programming Tricks
Super Jumper: A 2D OpenGL ES Game
OpenGL ES: Going 3D
3D Programming Tricks
Droid Invaders: the Grand Finale
Publishing Your Game
What’s Next?

Lissajous

웹눈 — Wed, 27 Oct 2010 00:35:46 +0900

구속 운동방정식을 이용한 모션 : Constrained Dynamics

웹눈 — Sun, 24 Oct 2010 01:07:02 +0900

히카님이 내주신 숙제가 있어서 여러 방면으로 공부를 하다(?)보니 Constrained Dynamics 라는 자료가 눈에 들어와서 만들어 보았습니다.

이것이 무엇이냐 하면, 운동을 하는 파티클을 구속하는 상황에서 어떻게 운동을 할지 그 운동 방정식을 구하는 방법입니다.

활용하는 관점에서 살펴본다면 어떠한 대상이 어떠한 궤도를 만족하면서 지나가게 하고 싶은데, 이러한 운동을 자연법칙에 입각해서 아주 자연스럽게 구현 할 수 있습니다.

위 플래시에서는 간단한 원궤도에 구속되어 있는 파티클이 초기 위치는 원의 꼭대기, 초기 속도는 우측으로 주어지고 중력장과 같은 외력이 가해지는 상황에서 어떻게 운동을 하게 되는지 그에 대한 운동방정식을 구하여서 구현한 것입니다.

컨셉은 간단합니다. 파티클에 가해지는 외력과 구속력의 총합은 파티클을 구속 운동하게 만들어야 하는데, 이 조건을 만족시는 구속력을 구하기 위해서, 구속 방정식 C 를 구하고, 이 구속방정식을 만족하면서 동시에 구속력은 일을 하지 않는다라는 포인트를 이용합니다.

p.s -

구해진 운동방정식을 시뮬레이션 하는데, 오일러 메소드를 사용했더니 금방 오차가 커져버려서 궤도를 이탈해 버립니다.

그래서 오일러-가우스 메소드를 사용해서 시뮬레이션 했더니 그래도 2~3 주기를 넘기질 못하네요.

결국에는 계산 결과 후 생성되는 오차를 억지로 맞춰주었습니다. (구속 방정식을 만족시켜줌..)

자료를 보시다 보면 구속력은 속도의 방향과 일치한다고 나오는데 이것은 원운동일 때만 만족하는 조건입니다. 참고하세요..

3D 농구게임 - 플래시

웹눈 — Wed, 20 Oct 2010 23:49:00 +0900

( 위 아래 화살표로 화면 회전 가능합니다 )

3D 링과 백보드 충돌 테스트를 해볼겸 만들었던 것입니다.

회전력에 대한 운동도 구현해 보아야 겠습니다.

Bisection Method - 방정식의 근 찾기

웹눈 — Wed, 29 Sep 2010 23:01:29 +0900

방정식 ( 예 : x^5 -3*x^4 - 5*x^3 + x^2 + x + 3 = 0 ) 의 근을 찾는 메소드입니다.

함수 f(x) = x^5 -3*x^4 - 5*x^3 + x^2 + x + 3 라고 놓고, 적당한 구간 [a, b]를 선택 합니다.

그래프 상으로 확인해보면 대략 구간 [-2, -1], [0, 1]에 근이 있음을 알 수 있습니다.

구간의 중간값을 x0라고 정의하면, x0 = ( a + b ) / 2 이고,

f(a)*f(x0) 의 결과값이 0 보다 작으면 구간 b를 x0으로 재정의 하고, 0보다 크면 구간 a를 x0로 재정의 합니다.

이러한 계산을 | a - b | 가 적당한 오차범위 내에 들때까지 반복하면 방정식의 해는 ( a + b ) / 2 가 되게 됩니다.

몬테카를로 시뮬레이션 - 파이 구하기

웹눈 — Tue, 14 Sep 2010 23:07:41 +0900

바늘을 떨어뜨리는 시행을 반복하여 바늘이 두 평행선에 맞닿을 확률을 이용하여 파이를 구하는 시뮬레이션.

Feigenbaum senario

웹눈 — Tue, 07 Sep 2010 23:13:20 +0900

유머나라에 올라간 예전에 만들었던 플래시

웹눈 — Fri, 23 Jul 2010 11:02:56 +0900

제가 만든게 웹상에 돌아다니니까 신기하네요.. 지돌스타님이 손봐주신거지만.. ㅋㅋ

http://webnoon.net/entry/플레시-Actionscript-30-10만개-파티클-테스트-mouseX의-비용-체험

3D in Flash 도착

웹눈 — Mon, 12 Jul 2010 15:18:32 +0900

택배아저씨는 언제나 책을 마당에 휙~ 던져버리시곤 한다. 가뜩이나 먼길 오느라 고생했을텐데 마지막까지…ㅡㅡ;

Away3D 엔진을 제대로 활용하려면 모델링하는 방법도 공부해야하는데.. Max도 한번..

Actionscript 3 - 읽기쉬운 프로그래밍 하기

웹눈 — Thu, 08 Jul 2010 12:36:53 +0900

Actionscript 3 로 만든 프로그램을 이해하기 위해서는 프로그램의 수행흐름을 따라가야 합니다. 즉, 머리속에 현재 프로그램의 수행상태, 제어흐름, 데이터 흐름등을 파악하고 있어야 합니다.

저는 플래시 프로그래밍을 하다보면, 이벤트 모델의 사용으로 인해 수많은 함수 분기가 일어나서 나중에 그 프로그램을 다시 보았을때 수행흐름을 파악하는데 어려움을 겪었습니다.

즉, 제가 원했던 것은 아래와 같은 수행흐름을 이해하기 편한 표현방법 이었다면,

실제로는 아래와 같이 되는게 일반적이였습니다.

이렇게 되면 구현내용을 일일이 파악해야지 이 프로그램이 무엇을 하는것인지 이해가 가능할것입니다.

이런 어려움을 겪고 있던 저는 얼마전 구세주와 같은 해결방법을 보게되었습니다. 바로 hika님이 포스팅 하신 “Message Queueing 서비스” 라는 포스트입니다. hika님이 알려주신 팁을 적용하면, 위와 같은 문제점은 대략 아래와 같이 해결가능해졌습니다.

(위에 예를든 프로그램과 별개입니다. 헷갈리실수도 ^^;) 아래는 디버그 결과입니다.

init 함수 안에 이 프로그램에 대한 수행흐름을 모두 나타낼수 있었습니다. 이로써 자세한 구현사항을 파악하지 않아도 이 프로그램이 무엇을 하는 프로그램인지 보다 쉽게 이해가 가능해진것 같습니다.

p.s - 제목은 마치 읽기쉬운 프로그래밍을 할수 있는 방법을 제시할것처럼 해놓았지만 결국은 “Message Queueing 서비스”에 대한 저의 감상문 정도의 글이 였습니다. ^^; 개인적으로 이런 훌륭한 팁을 마구마구 알려주시는 hika님께 매우 감사드린다는… 아무튼, 보다 구체적이고 원론적인 내용을 원하시는 분들은 위에 언급한 포스트를 읽어보세요.

Tistory 태그: actionscript 3,프로그래밍 이해하기,actionscript 팁

플렉스로 만든 웹기반 그래픽 저작 툴 – Sumo Paint

웹눈 — Sat, 03 Jul 2010 16:37:07 +0900

웹기반 소프트웨어에 대한 자료를 조사하던중 플렉스로 제작된 그래픽 저작툴을 발견하였습니다. 아무래도 포토샵에 비해서는 기능이 부족해보이지만 플렉스로 이런 소프트웨어를 만들었다는 자체가 저에게는 놀랍기만 하네요.

Sumo Paint는 보시는 바와같이 무료는 아니지만 Try Online 버튼을 클릭하시면 테스트하실수 있습니다. 아래는 테스트 화면입니다.

Tistory 태그: 웹기반 소프트웨어,플렉스

중복을 최소로 하는 프로그래밍 하기

웹눈 — Thu, 01 Jul 2010 00:43:25 +0900

위의 클래스 다이어그램은 리팩토링 하기전의 클래스 다이어그램 입니다. 언뜻보기에는 문제가 없어보이지만, AlphaStyleSoftJob과 AlphaStyleHard 클래스에서 AlphaStyle에 관한 코드가 있을듯 합니다. 또한 BetaStyleSoftJob과 BetaStyleHardJob도 마찬가지로 BetStyle에 관한 코드가 있을것 같습니다.

이러한 것을 리팩토링에서는 {중복된 코드}라는 코드의 악취라고 합니다.

중복이 발생하게 되면 유지보수 단계에서 많은 비용이 발생하게 됩니다. 위의 예로, AlphaStyle에 대한 속성값을 변경할라치면 AlphaStyleSoftJob과 AlphaStyleHardJob이라는 두개의 클래스 모두 변경이 필요합니다.

“켄트 벡의 구현 패턴” 에서는 위와 같은 중복을 없애는 한가지 방법으로 프로그램을 여러가지 작은 부분 – 짧은 구문, 짧은 메소드, 작은 객체, 작은 패키지 – 으로 나누라고 하고 있습니다.

위의 클래스 다이어그램에서 보이는 하위 클래스 AlphaStyleSoftJob에는 두개의 개념이 포함되어 있습니다. 이러한 부분을 두가지 개념으로 나누어서 개념의 중복을 없애 보면, Style과 Job 으로 나눌수 있을것 같습니다.

이렇게 나누어진 개념으로 다시 상속구조를 다이어그램으로 나타내어 본것은 아래와 같습니다.

위와 같은 구조에서는 대부분의 코드 변경이 지역적으로 일어날 것을 알수 있습니다.

플래시의 uint 표현방법

웹눈 — Tue, 29 Jun 2010 00:06:57 +0900

저번에 “플래시의 정수 표현방법 - 2의 보수표기법” 이라는 제목으로 포스팅한 적이 있습니다. 그 포스트에 hika 님이 uint 에 관해서도 진리표 작성을 권유(?) 하셔서 한번 삽질을 해보았습니다.

우선 uint는 양의 정수만을 표현할때 사용하는 기본형으로, 32비트를 사용하여 양의 정수를 표현한다고 레퍼런스에 나와있습니다. 최대값이 int 형의 두배가 된다고도 나와있는데 (즉, 2^32 – 1 ,정확히 두배는 아니…음..) 여기에서 32비트 전부를 수를 표현하는데 사용한다는걸 알수 있었습니다.

그럼 간단히 테스트를 해본 결과를 보겠습니다.

위 그림과 같이 255 크기의 uint 를 byteArray에 쓰고, 한 바이트씩 읽었습니다.

여기서 4번째 바이트를 읽어왔을때 반환값이 –1 인것을 볼수 있는데, 이것은 ByteArray의 readByte() 메소드는 int형을 반환하고, 2의 보수표기법을 사용하는 int형은 비트열 11111111 을 -1로 표현한다는것을 알수 있습니다.

따라서 플래시의 uint형은 비트열의 32비트열의 2진 체계를 그대로 10진법으로 변환하여 표현해주는 방식을 사용한다고 볼수 있겠습니다.

Actionscript Project 로 Air 프로그래밍 하기

웹눈 — Sat, 26 Jun 2010 13:49:29 +0900

플래시 빌더4를 사용해서 Actionscript Project 형식으로 Air 프로젝트를 생성 하는 방법을 알아보겠습니다.

1. File > New > "Flex Project"
2. 프로젝트 이름을 입력합니다. 예로, “Foo”
3. "Desktop (runs in Adobe AIR)" 를 선택합니다.
4. "Finish" 버튼을 클릭.
5. "Foo.mxml" 지웁니다.
6. File > New > ActionScript Class 에서 Sprite 를 상속받는 Foo.as 파일을 생성합니다.
7. 완료 버튼 클릭.
8. "Foo.as" 파일에 마우스 우측 버튼을 클릭후, "Set as Default Application" 를 선택합니다.
9. Foo.as 생성자에 다음과 같이 입력합니다. "this.stage.nativeWindow.visible = true;"
10. Run & Done!

켄트 벡의 구현패턴

웹눈 — Sat, 26 Jun 2010 08:52:55 +0900

스터디 교제로 사용될 책.

“여러분은 프로그래머로서 시간과 재능과 돈과 기회를 부여 받았다. 이러한 자원들을 책임감 있게 잘 사용하려면 어떻게 해야 하는가? 이 책은 이러한 고민에 대한 나의 답이다. “ – 켄트 벡

데이터 통신과 네트워킹

웹눈 — Sat, 19 Jun 2010 06:23:00 +0900

얕게, 말초적이고 소모적이게만 간보고 다니면 결국은 소모품 이하도 이상도 아니게 된다.

역자 말을 빌면, 이 책을 통해 데이터 통신과 컴퓨터 네트워킹에 필요한 전반적인 지식을 얻을수 있다고 말하고 있다.

저자는 본 교재의 뼈대로 5계층 인터넷 모델을 사용하였는데, 이는 이 모델을 철저히 이해해야만 현대 네트워크 이론을 바로 이해하게 되기 때문이라고 말하고 있다.

플래시의 정수 표현 방법 - 2의 보수 표기법

웹눈 — Wed, 26 May 2010 23:42:49 +0900

플래시에서 정수를 표현하기 위해 어떤 비트패턴을 사용하는지 알아보고 정수를 사용할 때 나타날수 있는 이슈사항들에 대해 알아보도록 하겠습니다.

1. 컴퓨터의 정수표현 - 2의 보수 표기법

2의 보수 표기법(two’s complement) 은 컴퓨터에서 정수 표현에 사용되는 표기법이며 다른 표기법으로는 초과 표기법이 있습니다.

이 글에서는 플래시에서 정수를 표현하는데 사용되는 2의 보수 표기법에 대해서 알아보도록 하겠습니다.

현재 플래시는 길이가 32인 비트패턴을 사용하여 정수를 표현하고 있습니다. 여기서는 2의 보수 표기법이 무엇인지 설명하기 위해 내용전달이 충분히 가능면서 보다 설명하기 편한 길이가 4인 비트패턴을 사용하겠습니다.

2의 보수 표기법은 양수와 음수의 정보를 나타내는 하나의 최상위 비트와 나머지 값을 나타내는 비트들로 이루어져 있습니다. 길이가 4인 비트패턴으로 예를 들면 아래 표와 같습니다.

비트 패턴	표현 값
0111 0110 0101 0100 0011 0010 0001 0000 1111 1110 1101 1100 1011 1010 1001 1000	7 6 5 4 3 2 1 0 -1 -2 -3 -4 -5 -6 -7 -8

2의 보수 표기법에서 최상위 비트(제일 왼쪽 비트) 0은 양수를 , 1은 음수를 표현합니다. 이는 부호비트(sign bit) 라고 불립니다. 나머지 3비트는 정수의 크기를 나타내는데, 양수 표현에서는 일반 2진 체계로 정수를 나타내는 방법과 동일합니다. 즉, 정수 3은 2진 체계로 010 의 값으로 나타낼수 있습니다.

여기서 음의 정수를 표현한 비트패턴과 양의 정수를 표현한 피트패턴 사이에는 재미있는 규칙이 있습니다. 양의 정수 비트패턴을 오른쪽에서 왼쪽으로 읽어나갈 때 처음으로 1이 나오는 부분까지는 양과 음의 비트패턴이 같고, 나머지는 양의 정수 비트패턴과 보수관계 입니다. 예를 들어 정수 2와 -2의 비트 패턴을 살펴보면, 비트 패턴의 오른쪽으로 부터 2번째에 처음으로 1이 나오고, 3번째 부터는 양수와 음수의 비트패턴이 보수관계에 있는것을 볼수 있습니다. (보수 관계란 1은 0 , 0은 1 이 되는것을 말함.)

위의 보수 관계를 이용하면 음의 정수 7의 비트패턴을 양의 정수 7의 비트패턴을 이용하여 구할수가 있는데, 다음과 같이 양의 정수 7의 비트패턴을 구하고 (0111), 오른쪽으로부터 처음으로 1이 나오는 자리 다음부터 보수를 취하면 됩니다. (1001)

2. 플래시의 int 를 사용할때 나타날수 있는 이슈사항

정수를 표현하기 위해 이용하는 비트의 자리수에 따라 표현할수 있는 정수의 최대값과 최소값이 정해지는데, 위의 4비트로 예를 들면, 부호 비트 하나를 제외한 나머지 비트열들의 경우의 수 만큼 정수를 표현할수 있습니다( 즉, 양수는 2^3 –1 , 음수는 - 2^3 ). 플래시는 정수를 표현하기 위해 길기가 32인 비트패턴을 사용하므로, 최대값은 2^31 – 1 , 최소값은 -2^31 이 됩니다.

얼마전 팀에서 모 증권 사이트 프로젝트를 진행한적이 있는데, 다른 팀원분이 금액을 나타내기 위해 int 형을 사용해서 이슈가 되었던 적이 있습니다. 즉, 원(WON) 단위 금액을 표현하는데, 최대로 표현할수 있는 수 2,147,483,647 (약 21억) 을 넘어가니까 오버플로(overflow) 가 발생한것이지요.

Tistory 태그: actionscript,flash,int,2의 보수표기법

책 리뷰 - "Java 언어로 배우는 리팩토링 입문"

웹눈 — Sun, 09 May 2010 11:22:54 +0900

컴퓨터 과학 총론 구입

웹눈 — Mon, 03 May 2010 22:03:09 +0900

폭넓은 배경지식을 쌓을수 있도록...

게임 서버 프로그래밍의 배경지식

웹눈 — Mon, 03 May 2010 18:19:33 +0900

http://lab.gamecodi.com/board/zboard.php?id=GAMECODILAB_QnA_etc&page=18&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=73

jQuery 강좌 - 핸드폰 번호만 입력받기

웹눈 — Sat, 01 May 2010 08:39:00 +0900

과제

폼 입력에 사용자가 숫자와 +, - 기호만 입력할수 있게 하고 싶다.

해결

먼저 아래와 같이 라벨과 submit 버튼 그리고 오류메세지 필드를 만들어 봅시다.

<form id="signup" method="post" action="">
<div><span class="test_label">핸드폰 번호를 입력하세요. </span><input type="text" class="test_infobox" name="phone" />

<span class="test_error">숫자와 +,- 만 입력하실수 있습니다.</span></div>

</form>

각 엘리먼트의 class 속성에 각각 "test_label" , "test_infobox", "test_submit", "test_error"를 지정해줍니다.

스크립트 소스는 아래와 같습니다.

$(document).ready(function() {

$('.test_error').hide();

$('.submit').click(function(event){

var data=$('.test_infobox').val();

if(validate_phoneno(data))

{

$('.test_error').hide();

}

else

{

$('.test_error').show();

event.preventDefault();

}

});

function validate_phoneno(ph)

{

var pattern=new RegExp(/^[0-9-+]+$/);

return pattern.test(ph);

}

동작은 아래와 같이...

심심풀이로 만들어본 플래시 게임

웹눈 — Fri, 30 Apr 2010 16:36:57 +0900

회피(avoid) 게임의 일종입니다. 사실 이런 게임을 어디선가 보고 약간의 아이데이션만 추가해서 만들어본 게임입니다.
게임이라 하기에는 무리가 있을수도 있습니다. ^^;

간단한 공 충돌만 필요해서 다른 물리엔진은 사용하지 않았습니다.

운동량 보존법칙을 사용해서 충돌반응을 하는 시뮬레이션 자체는 어렵지 않은것이나 "어디선가 보았던" 아름다운 알고리즘이 있어서 그것을 약간 손보고(버그 해결?) 적용해보았습니다.

그 알고리즘에 관련되서 간단히 포스팅한게 있는데 날려먹기로 포스팅 한것이라 ;; 나중에 출처(어느 외국인 블로거 분이셨는데 까먹었..;;) 부터 해서 소스를 분석하는 시간을 가져보도록 해야겠습니다.

지금은 구조를 공부하고 있으니 이 게임에 한번 실험해 봐야겠네요..

녹색공을 마우스로 콘트롤하여 빨간색 공을 피하셔야 합니다. 빨간색 공끼리 충돌하면 일정 확률로 파란색 공이 되는데 그것을 드셔서 위험을 줄이세요!

새해 들어 읽은 책들 2010.1~

웹눈 — Thu, 29 Apr 2010 22:20:00 +0900

hika님의 book 카테고리를 보고 저도 한번 책 리뷰를 해보고 싶다는 생각이 들었습니다.

어떠한 주제에 관심이 있으며 왜 그런 책을 읽게 되었고 무엇을 얻을수 있었는지 공유하는건 참 괜찮은 것이라고 생각되네요.

1. 색채학 원론

"느낌 좋은데?" , "색감 좋다~" , "이쁘다" <- 주로 주위에 디자인 하는 친구나 직장에서 듣게 되는 말이었습니다. 그런데 저는 "왜 저런 색조합이 느낌이 좋을까?" 라는 원론적인 이론을 알고 싶었습니다. 그런데 빛이 성질에 대한 물리적인 의미를 알수 있기에는 꽤 훌륭한 책이지만 "그래서 저런 색조합이 느낌이 좋구나" 라는 대답은 얻기 힘든것 같습니다. ㅎㅎ

2. 수치해석과 그의 알고리즘

대수적, 해석적 해법을 컴퓨터로는 어떻게 풀수 있을까? 라는 궁금해서 구입하게 된 책입니다. 초보자를 대상으로 한 책입니다. 구성이 깔끔하고 이해하기 좋았습니다.

3. 공업수학

물리가 전공이긴 합니다만... 워낙 담을 쌓고 지내다가.. 컴퓨터 프로그래밍을 접하면서 그렇겍 하기 싫었던 수학과 물리가 좋아지기 시작했습니다. ^^; 그렇지만.. 워낙 두껍게 쌓인 담인지라.. 기초적인 부분부터 다시 시작하고자 구입한 책입니다. 설명도 명쾌하니 구성도 깔끔하고 좋았습니다.

4. 천재성의 비밀

이 책을 설명하기 위해 책의 서문을 인용하자면 "세계를 체계적으로 이해하려면, 무엇보다도 밑바닥부터 차근차근 알아나가야 할 것이다. 이 책은 밑바닥부터 훑어 올라가면서 세상을 통째로 이해하겠다는 야심찬 기획의 한 갈래이고, 물리학을 그 출발점으로 삼은 탐사여행이다. 물리적 세계상을 두루 살펴보고, 그 밑바탕이 되는 수학과 철학을 거쳐서, 모든 지식의 형태를 결정하는 우리 자신의 정신 작용을 살펴보고, 생각의 수단인 언어와 시각을 검토하는 여정은 물리학에서 출발한 기획의 필연적인 수순이라고 할수 있다" 라고 하고 있습니다. 얼마나 흥미로운 이야기입니까!

5. 수학교사를 위한 프랙탈 기하

생각보다 얇은 두깨에 놀랬던 책입니다. 그래서 그런지 내용이 그다지 충실하지 못하다는 생각을 합니다. 기분탓인지.. 아직도 손에 잘 안잡히는 책..

오늘 구입한 책입니다.. 최근들어 개발 공부를 좀더 심도있게 해야겠다는 생각이 들었습니다. 무엇인가를 만들고자 할때 어디서부터 어떻게 시작해야 할지 항상 고민이 되어서 소프트웨어 구조에 대해서 공부를 해야겠다고 느꼇습니다.

이 책은 재미있게도 1장에서 초인지, 두뇌를 정복하는 방법에 대해서 이야기 하고 있습니다. 사실 이 내용이 끌려서 책을 구입한걸수도.. ㅎㅎ

풍부한 예제와 초보자를 배려한 세세한 설명, 다양한 그래픽적 요소들로 책을 읽는데 지루함을 덜하고 본연의 임무에도 충실한 괜찮은 책인것 같습니다. 이책은 다 읽고 다시한번 리뷰해야겠네요 ㅎㅎ

Actionscript3 - Matrix3D 의 버그??

웹눈 — Wed, 28 Apr 2010 08:54:20 +0900

아래와 같이 내장 API인 Matrix3D 을 사용해서 객체를 X,Y,Z 축으로 로테이션 시켜보려하였습니다.

_mat = new Matrix3D();
_mat.identity();
_mat.appendRotation(1, Vector3D.Y_AXIS) ;

_vec = new Vector3D(100,0,0) ;

private function loop(e:Event):void
{

_vec = _mat.transformVector(_vec) ;

_obj.x = _vec.x ;
_obj.y = _vec.y ;
_obj.z = _vec.z ;

}

그런데 위와 같이 실행하면 _vec (Vector3D) 의 x,y,z 성분이 모두 0으로 수렴(?) 하게 되네요. 레퍼런스를 찾아보면 Matrix3D 의 transformVector 멤버함수는 매개변수로 넘어온 벡터에 변환을 적용한후 새로운 Vector3D 객체를 반환한다고 나오는데 해석을 잘못한건지 ..

그래서 일단 CustomMatrix3D 클레스를 만들어 보았습니다.

CustomMatrix3D.as

CustomMatrix3D 를 사용해서 위와 같은 시도를 해보았습니다.

package example.matrix {

    import flash.display.Shape;
    import flash.events.Event;
    import flash.geom.Vector3D;

    import flash.display.Sprite;

    /**
    * @author Lee
    * http://webnoon.net
    */
    public class MatrixMain extends Sprite {




        private var _vec : Vector3D;
        private var _ball : Shape;
        private var _mat : CustomMatrix3D;

        public function MatrixMain() {




            _vec = new Vector3D(100,0,0) ;
            _vec.w = 1 ;
            var rad : Number = Math.PI/180 ;

            _mat = new CustomMatrix3D() ;
            _mat.rotationY(rad) ;
            //_mat.rotationZ(rad) ;
            //_mat.rotationX(rad) ;
            //_mat.translation(0, 1, 0) ;

            _ball = new Shape();
            with(_ball.graphics)
            {
                beginFill(0xff0000) ;
                drawCircle(.0, .0, 10) ;
                endFill();
            }
            addChild(_ball) ;

            addEventListener(Event.ENTER_FRAME,loop);
        }

        private function loop(event : Event) : void {

            _mat.transformVector(_vec) ;

            _ball.x = _vec.x + stage.stageWidth/2;
            _ball.y = _vec.y + stage.stageHeight/2 ;
            _ball.z = _vec.z ;

        }
    }
}

[소스코드]

MatrixMain.as

아래는 실행 결과...

rotationX,Y,Z , translation 모두 잘 적용됨을 알수 있습니다.

Flash Builder4 에서 실행결과 flash.geom.Matrix3D 사용에는 이상이 없었습니다.
오류(?) 가 발생한 환경은 FDT + Flash CS4(컴파일) 입니다.
개발 환경이 잘못된건지 제가 실수한건지 정확히 알수는 없지만 Flash Builder4 에서 실행한 코드는 같은 코드로 실행하였습니다.

안드로이드 멀티플레이 게임 엔진 - Mages

웹눈 — Sat, 24 Apr 2010 14:04:09 +0900

Mages는 안드로이드와 다른 모바일 기기를 위한 멀티플레이어 클라이언트/서버 게임 엔진입니다. http://code.google.com/p/mages/

Android & Eclipse - "unparsed aapt error" 오류 해결

웹눈 — Wed, 21 Apr 2010 11:14:21 +0900

XML 파일을 수정할때 종종 생기는 오류 메세지입니다. 정확한 원인은 모르겠지만 컴파일 차원에서 오류가 생기는것 같네요. 아무튼 해결법은 아래와 같습니다.

오류 메세지에 마우스 오른쪽 버튼 클릭후 "Delete"를 선택.

디자인이 훌륭한 메뉴(navigation) 예제

웹눈 — Tue, 20 Apr 2010 08:56:16 +0900

SMASHING 에서 Showcase Of Beautiful Vertical Navigation Designs 라는 제목으로 훌륭한 네비게이션 디자인을 소개하고 있네요.