닥서클의 세상사는 이야기

[개발] 영수증 레이싱

닥서클(권오남) — Wed, 22 Jun 2011 23:28:08 +0900

receipt racer from d_effekt on Vimeo.

영수증 프린터/PS3 콘트롤러/빔라이트로 구성된 이름하여 "영수증 레이싱"
3명이서 openFramworks를 사용해 하루만에 만들었다고 함...

병신같지만 멋있다..

FlashDevelop에서 Flash Professional CS 5.5 실행 오류 문제

닥서클(권오남) — Mon, 20 Jun 2011 16:08:25 +0900

FlashDevelop 3.3.4 이하 버전에서 Flash Professional CS 5.5 (ctrl+enter) 실행시 아래와 같은 에러 발생시

Adobe Flash Professional Configuration Required

The path to Flash.exe (Adobe Flash Professional) is not configured properly, do you want to edit your program settings?

Flash Professional CS 5.5 버전을 만약 사용중이라면 위와 같은 에러가 발생할 수 있습니다.
FlashDevelop 에서 Flash Professional CS 5.5 버전을 인식하지 못하면서 생기는 문제입니다.

이 문제를 해결하기 위해서는

Tools -> Program Settings -> AS3Completion -> Path To Flash IDE
항목을 보면 패스설정을 하는 부분이 있는데 아래와 같인 끝에 Flash.exe 를 붙여주면 됩니다.

C:\Program Files (x86)\Adobe\Adobe Flash CS5.5\Flash.exe

이 문제는 FlashDevelop 다음버전에서 수정된다고 하니 임시로 이렇게 사용하시면 되겠습니다.

[AIR] air 2.7 아이폰 어플 제작시 해상도 관련 이슈

닥서클(권오남) — Sat, 18 Jun 2011 23:35:48 +0900

25.6 fps

30.0 fps

상황

- 실제 게임에 사용되는 이미지들은 320 x 480 크기에 맞춰 제작됨
- 화면에 그려질때는 3GS일경우 그대로 4일경우 2배로 뻥튀기해서 그려짐

[SWF( width='320', height='480')]

이와 같은 상황에서 메타태그를 이용해 320 x 480을 해줄경우 fps가 30을 유지해줬다(부드럽다)
하지만 메타 태그를 지정하지 않거나 그 이상의 해상도를 지정해줬을 경우에 fps는 5fps 정도
드롭률을 보인다.

해상도

이전 포스팅 에서도 적었지만 시뮬레이터의 최초 기본 크기는 500 x 375이다.
이후에 디바이스 별로 각 해상도에 맞춰 변경되어진다.(Resize 이벤트 발생)
최초 500 x 375 -> 디바이스 해상도(3gs는 320x480, 4는 640 x 960 ) 변경 되어지는 과정이 있다.

하지만 메타태그를 이용해 해상도를 320 x 480으로 고정 했을시
최초 320 x 480 -> 디바이스 해상도(3gs는 320x480, 4는 640 x 960 ) 변경 되어 졌다.

그리고 위에 설명했는 부분처럼 fps 더 안정적이고 부드럽게 돌아갔다.
정확한 이유는 모르겠지만 해상도를 지정해주는것이 유리해 보인다.

[리뷰] ZIISOUND D5

닥서클(권오남) — Sat, 11 Jun 2011 21:10:02 +0900

블루투스 모드 일때와 apt-x 코덱이 있는 동글이를 장착했을 때와 음질차이가 확실히 납니다.

착용하는게 훨씬 좋습니다.

음질은 막귀로써는 꽤 괜찮다는 생각이 드네요.

우선 디자인은 뭐 사진으로 보다시피 실물도 정말 예쁩니다.

크기는 사진으로 보는것보단 실제로 좀 작은거 같네요.

동글이는 케이스를 착용한 상태로는 장착할 수 없다는게 조금 불편하네요.

아이폰이랑 씽크 됬을때 볼륨 조절 반응이 한템포 느려서 즉각적으로

잘 안되는거 같고 첫번째 터치반응은 씹히고? 두번째 부터 입력이 되는거 같네요.

스피커를 둘러싸고 있는 망?이 먼지 유입에 취약할듯 싶네요.

관리하기 조금 까다로울거 같습니다.

스피커에는 볼륨 조절 이외에는 디스플레이 해주는게 전혀 없네요.

이부분도 조금 아쉽긴 합니다.

하지만 전체적인 제품 마감이나 음질 그리고 디자인이 괜찮은 제품이라고 할 수 있겠네요.

동글이를 이용해서 편리하게 음악을 들을 수 있다는 점도 큰 특징이구요.

좋은 제품 싼가격에 구입할 수 있게 해주신 파코즈와 제이웍스코리아 분들에게 감사드립니다.

tip. 동글이에 있는 버튼을 꾸욱 누르고 있으면 스피커가 꺼집니다.(잠자기전에 편하게 끌 수 있어 좋네요)

flixel 게임 프레임웍을 이용한 미니게임 만들기

닥서클(권오남) — Thu, 19 May 2011 16:20:29 +0900

오픈소스 게임 프레임웍 Flixel을 이용해서 간단한 코인 모으기
게임을 만들어 보면서 Flixel 프레임웍의 기능들을 알아볼 수
있는 예제입니다.

flixel.org 사이트에 있는 내용이며 처음 접하시는 분들의 이해를
돕기 위해 작성된 글입니다.

해당 예제에서는 플레이어(레드박스), 코인, 출구, 스코어 표시,
현재 상태, 타일맵 생성 그리고 게임의 승리 조건을 나타내는
소스들로 이루어져 있습니다.

실제 사용자가 작성해야할 코드는 크게 EZPPlatformer.as(메인
클래스) 와 PlayState.as(게임화면) 두개의 클래스로 이루어져 있습니다. 어렵지 않으니 차근차근 보시면 됩니다~~!

package
{
	import org.flixel.FlxGame
	[SWF(width="640", height="480", backgroundColor="#000000")]
	[Frame(factoryClass="Preloader")]

	public class EZPlatformer extends FlxGame
	{
		public function EZPlatformer()
		{
			super(320,240,PlayState,2);
			forceDebugger = true;
		}
	}
}

EZPlatformer.as
메인 클래스(EZPlatformer) 생성 합니다.
부모 클래스 생성자 인자값으로 가로 320 세로 240에
최초에 보여질 게임화면 PlayState를 참조시키고 화면을 2배 줌합니다.

package
{
	import org.flixel.*;

	public class PlayState extends FlxState
	{
		public var level:FlxTilemap;
		public var exit:FlxSprite;
		public var coins:FlxGroup;
		public var player:FlxSprite;
		public var score:FlxText;
		public var status:FlxText;
		
		override public function create():void
		{
			//배경색을 밝은 회색으로 설정 (0xAARRGGBB)
			FlxG.bgColor = 0xffaaaaaa;

PlayState.as
실제 보여질 게임화면을 구성 작성합니다.
앞으로 만들어질 모든 게임과 관련된 화면들은
FlxState 클래스를 상속해서 화면을 구성합니다.
우선 FlxG 클래스의 bgColor 클래스 속성을 이용해 배경 색을 변경합니다.

			//맵 디자인 (320x240 화면에 40x30 으로 채운다 )
			var data:Array = new Array(

			
				1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1,
				1, 1, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 1, 1, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1,
				1, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 1, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1,
				1, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1,
				1, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1,
				1, 0, 0, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1,
				1, 0, 0, 0, 1, 1, 0, 0, 1, 1, 1, 1, 1, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 0, 0, 0, 0, 1,
				1, 0, 0, 0, 1, 1, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 1,
				1, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1,
				1, 0, 0, 0, 0, 1, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1,
				1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1,
				1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1,
				1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 1,
				1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 1,
				1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1,
				1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1,
				1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1,
				1, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1,
				1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 1,
				1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 1,
				1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 0, 0, 1,
				1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1,
				1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1,
				1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1,
				1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1,
				1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1,
				1, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1,
				1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 0, 0, 0, 1, 1, 1, 1, 1, 0, 1, 0, 1, 1, 1, 1, 1, 0, 0, 0, 1, 1, 1, 1, 0, 1,
				1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 1,
				1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1 );

			//레벨 데이터를 이용해 타일맵을 만듭니다. Create a new tilemap using our level data
			level = new FlxTilemap();
			level.loadMap(FlxTilemap.arrayToCSV(data,40),FlxTilemap.ImgAuto,0,0,FlxTilemap.AUTO);
			add(level);

타일 맵 구성하기
타일 맵을 만들기위해 data배열에 맵을 그려줄 데이터를 넣습니다(1과0으로 이루어진).
level 변수에 FlxTilemap클래스를 객체로 생성합니다.
level 객체의 loadMap 함수를 이용해 타일맵을 만듭니다.

			//출구를 만듭니다. 처음에는 숨겨져 있는 어두운 회색 상자
			exit = new FlxSprite(35*8+1,25*8);
			exit.makeGraphic(14,16,0xff3f3f3f);
			exit.exists = false;
			add(exit);

출구 만들기
FlxSprite클래스를 이용해 출구로 사용할 객체를 만듭니다.

			//수집할 동전을 만듭니다. 
			coins = new FlxGroup();
			//상단 왼쪽에 코인들
			createCoin(18,4);
			createCoin(12,4);
			createCoin(9,4);
			createCoin(8,11);
			createCoin(1,7);
			createCoin(3,4);
			createCoin(5,2);
			createCoin(15,11);
			createCoin(16,11);
			
			//하단 왼쪽에 코인들
			createCoin(3,16);
			createCoin(4,16);
			createCoin(1,23);
			createCoin(2,23);
			createCoin(3,23);
			createCoin(4,23);
			createCoin(5,23);
			createCoin(12,26);
			createCoin(13,26);
			createCoin(17,20);
			createCoin(18,20);
			
			//상단 오른쪽 코인들
			createCoin(21,4);
			createCoin(26,2);
			createCoin(29,2);
			createCoin(31,5);
			createCoin(34,5);
			createCoin(36,8);
			createCoin(33,11);
			createCoin(31,11);
			createCoin(29,11);
			createCoin(27,11);
			createCoin(25,11);
			createCoin(36,14);
			
			//하단 오른쪽 코인들
			createCoin(38,17);
			createCoin(33,17);
			createCoin(28,19);
			createCoin(25,20);
			createCoin(18,26);
			createCoin(22,26);
			createCoin(26,26);
			createCoin(30,26);

			add(coins);

코인 만들기
createCoin(x, y) 함수를 이용해 화면에 보여질 코인들을 생성합니다.

	
			//플레이어 만들기 (붉은상자)
			player = new FlxSprite(FlxG.width/2 - 5);
			player.makeGraphic(10,12,0xffaa1111);
			player.maxVelocity.x = 80;
			player.maxVelocity.y = 200;
			player.acceleration.y = 200;
			player.drag.x = player.maxVelocity.x*4;
			add(player);

플레이어 만들기(붉은상자)
FlxSprite클래스를 이용해 플레이어 객체를 생성합니다.
Player 속성값을 이용해 중력값과 가속도를 설정합니다.

			
			score = new FlxText(2,2,80);
			score.shadow = 0xff000000;
			score.text = "SCORE: "+(coins.countDead()*100);
			add(score);

스코어 보드 만들기
FlxText클래스를 이용해 스코어 보드 객체를 생성합니다.

			
			status = new FlxText(FlxG.width-160-2,2,160);
			status.shadow = 0xff000000;
			status.alignment = "right";
			switch(FlxG.score)
			{
				case 0: status.text = "Collect coins."; break;
				case 1: status.text = "Aww, you died!"; break;
			}
			add(status);

현재 상태창 만들기
FlxText클래스를 이용해 상태창 객체를 생성합니다.

		}
		
		//코인을 타일 좌표에 생성
		public function createCoin(X:uint,Y:uint):void
		{
			var coin:FlxSprite = new FlxSprite(X*8+3,Y*8+2);
			coin.makeGraphic(2,4,0xffffff00);
			coins.add(coin);
		}

코인 생성 메서드
FlxSpritet클래스를 이용해 화면에 코인객체를 생성해주는 메서드입니다.

		
		override public function update():void
		{
			//플레이어 움직임 컨트롤
			player.acceleration.x = 0;
			if(FlxG.keys.LEFT)
				player.acceleration.x = -player.maxVelocity.x*4;
			if(FlxG.keys.RIGHT)
				player.acceleration.x = player.maxVelocity.x*4;
			if(FlxG.keys.justPressed("SPACE") && player.isTouching(FlxObject.FLOOR))
				player.velocity.y = -player.maxVelocity.y/2;
	
			//모든 객체를 업데이트 한다.
			super.update();

			//플레이어가 코인과 오버랩 되는지 체크
			FlxG.overlap(coins,player,getCoin);
			
			//플레이어가 출구를 건들였는지 체크
			FlxG.overlap(exit,player,win);
			
			//마지막으로 플레이어가 맵에 다달았을때 충돌 체크
			FlxG.collide(level,player);
			
			//플레이어가 죽었는지 체크
			if(player.y > FlxG.height)
			{
				FlxG.score = 1; //sets status.text to "Aww, you died!"
				FlxG.resetState();
			}
		}

화면 업데이트 하기(update())
enterFrame에 의해 모든 상황을 체크하는 심장이라고 볼 수 있습니다.
플레이어와 코인, 출구, 타일 맵 충돌등을 그리고 죽었을 때의 상황을 계속 체크합니다.

		//플레이어가 코인을 건들였을 때
		public function getCoin(Coin:FlxSprite,Player:FlxSprite):void
		{
			Coin.kill();
			score.text = "SCORE: "+(coins.countDead()*100);
			if(coins.countLiving() == 0)
			{
				status.text = "Find the exit.";
				exit.exists = true;
			}
		}

getCoin()
플레이어가 코인에 충돌할 경우 코인을 삭제합니다.
스코어 보드에 점수를 추가 합니다.
코인의 갯수가 0이 되었을 경우 출구가 보이게 됩니다.

		//사용자가 출구에 도착 했을 때
		public function win(Exit:FlxSprite,Player:FlxSprite):void
		{
			status.text = "Yay, you won!";
			score.text = "SCORE: 5000";
			Player.kill();
		}
	}
}

게임을 클리어 했을 경우 (win())
현재 상태창을 변경합니다.
스코어보드에 점수값을 대입
플레이어를 죽입니다 ;ㅁ;

결과물 : http://flixel.org/EZPlatformer/

소스 : https://github.com/AdamAtomic/EZPlatformer/archives/master

게임을 만들기 위해서는 기술적으로 많은 기능들이 들어가는데 flixel 프레임웍을 이용한다면
게임에 필요한 기능들을 쉽고 간편하게 사용해서 단기간에 게임 개발이 가능합니다.
잘 활용한다면 좋은 프레임웍이 될 수 있을거 같네요.

현재도 플래시를 통해 안드로이드, 아이폰 모바일 플랫폼 개발이 가능합니다.
추후에 나올 모레힐 버전에서는 하드웨어 가속을 통해 좀더 원활한 개발이 가능할것이고
모바일 게임 개발에 이런 다양한 프레임웍들이 큰 도움이 되리라 생각됩니다.

flixel 사이트에는 튜토리얼, 예제, 도움말등 더 많은
자료가 정리되어 있습니다. 참고하세요~

flixel이 지원하는 기본적인 기능
- 카메라
- 패스파인딩
- 리플레이
- 충돌
- 타일맵 생성 & 자동 생성
- 파티클 생성
- 저장

프레임웍 사이트 : http://flixel.org

Air 2.6 + Flixel 을 통해 만들어진 IOS 게임들
- http://www.youtube.com/watch?v=Rd-i4mGJcSo
- http://johnlindquist.com/2011/03/29/flixel-on-the-ipad/

앱스토어 올라가있는 Air 2.6 + Flixel 게임 어플
- http://itunes.apple.com/us/app/pixel-city-skater/id436758864?mt=8&ls=1
- http://www.youtube.com/watch?v=vtFPuBQTgoU

Flash Builder 4.5 에서 plug-in 버전 설치 하기

닥서클(권오남) — Wed, 18 May 2011 16:30:19 +0900

기존 이클립스 플러그인 버전을 설치하는 방법을 플러그인 버전을 따로 받아서 설치 했지만
왠걸 스탠다드 버전 밖에 없습니다!!!

빌더4.5 정식 버전부터는 스탠다드 버전으로 설치하고 아래와 같이 하시면 됩니당~

플래시 빌더 4.5 스탠다드 버전을 설치합니다.
설치된 플래시 빌더 폴더에 가서 "utilities/" 폴더를 엽니다.
"Adobe Flash Builder 4.5 Plug-in Utility.exe" 실행합니다.
언어를 선택하고 OK를 클릭!
플래시 빌더 설치 위치를 선택합니다.
다음으로 이클립스가 있는 폴더를 선택해 줍니다. (참고: 이클립스 버전은 3.6.1 이상 그리고 32-bit 버전에 “dropins” 라는 폴더가 있어야 합니다.)
인스톨을 합니다.
이클립스의 폴더에 있는 eclipse.ini 파일을 아래와 같이 설정해주는걸 추천 합니다.
```
-vmargs -Xms256m -Xmx512m -XX:MaxPermSize=256m -XX:PermSize=64m 
```

파이어폭스에서 플래시 trace를 찍어보자

닥서클(권오남) — Mon, 10 Jan 2011 11:29:33 +0900

오늘 소개할 프로그램은 파이어폭스 add-on 플러그인 프로그램 'flashbug' 이다

플래시에서 trace 문을 확인 하기 위해서는 별도의 패키지를 import 하고

해당 프로그램을 실행 시켜야 하지만 지금 소개하는 플러그인은 Firefox에

Plug-In만 설치하면 바로 trace 문을 확인할 수 있어 상당히 편리하다.

설치 방법 아래 참조

↓

1. 파이어폭스 -> 도구 -> 부가 기능

2. Firebug 검색 -> Firefox에 추가

https://addons.mozilla.org/ko/firefox/addon/1843/

3. Flashbug 검색 -> Firefox에 추가

https://addons.mozilla.org/ko/firefox/addon/14465/

4. 설치 완료우 Firefox 재 실행 -> F12 클릭

5. 플래시에서 trace 문 작성

6. Firefox에서 trace 확인

좀더 편리한 개발을 위해~

HTML5 Input Type 요소들

닥서클(권오남) — Tue, 21 Sep 2010 13:42:23 +0900

search: <INPUT type=search>

telephone: <input type="tel" />

url: <input type="url" >

email: <input type="email" >

datetime: <input type="datetime" >

date: <input type="date">

month: month: <input type="month" >

week: week: <input type="week" >

time: time: <input type="time" >

datetime-local: <input type="datetime-local" >

date: <input type="date" min="2010-09-19" max="2010-09-26" step="2">

number: <input name="number" type="number" min="0" max="10" step="2">

range: <input type="range" name="points" min="1" max="100" />

color: <input type="color" > hidden: <input type="hidden" >

hidden: <input type="hidden" >

text: <input name="text" type="text" >

checkbox: <input name="check" type="checkbox" >

var checkbox = document.getElementById("check");

checkbox.indeterminate = true;

</script>

radio: <input type="radio" >

file: <input type="file">

위에 소스들은 HTML5 API를 지원해주는 브라우저에서 제대로 표현이 됩니다.

구글 수표

닥서클(권오남) — Thu, 05 Aug 2010 20:13:03 +0900

구글에서 수표를 받았습니다~

161.86$

유튜브에 올렸던 동영상 하나로 벌어들인 순이익입니다.

생각보다 꽤 짭짤하네요.

과연 국내 ucc 시장을 이용했다면 얼만큼 수익을 낼 수 있었을까요?

구글 유튜브의 전세계인 타겟층이 수익에 큰 몫을 했네요.

일본 아마존에 올라온 플래시 디벨롭 가이드 책

닥서클(권오남) — Thu, 05 Aug 2010 18:04:11 +0900

ActionScript3.0 개발을위한 FlashDevelop 완전 가이드 - 전체 Flash 사이트 제작 스타일

일본 아마존에 나온 플래시 디벨롭 책이 나왔네요.
일본어가 전혀 불가능 해서 그냥 그림의 떡입니다.

궁금하네요 어떤 내용들이 있을지 ...

http://foldurl.com/147995

내용 소개

FlashDevelop 는 오픈 소스 ActionScript 개발 소프트웨어 입니다.
고급 ActionScript 코딩을 지원하는 무료 Flash 컨텐츠를 개발할 수 있습니다.
이 문서는 FlashDevelop 의 도입 방법 사용 에서보다 실질적인 성공 사례로
전체 Flash 사이트 의 제작 방법 까지 정리하고 있습니다.

FlashDevelop 의 활용법 에 중점을 두고 있으며 , ActionScript 3.0 의 기초 지식을
습득 하는 것을 전제로 합니다 . 그러나 개발 환경 구축 방법은 Flash 의 개발 경험이
없는 사람도 참고로 읽어 수 있도록 설명 하고 있습니다 .

Chapter1 FlashDevelop 의 소개
1.1 FlashDevelop 은
1.2 설치 절차

Chapter2 FlashDevelop 의 기본 기능
2.1 FlashDevelop 작업 공간
2.2 코드 편집기 의 사용 방법
2.3 프로젝트 기능 사용 FlashDevelop 화면 갤러리

Chapter3 전체 Flash 사이트 개발 의 실천
3.1 전체 Flash 사이트 에 대한 기본 지식
3.2 Flash Professional 을 기본 으로 FlashDevelop 을 보조적으로 사용
3.3 FlashDevelop 혼자 개발
3.4 FlashDevelop 을 중심으로 Flash Professional 을 보조적으로 사용

Chapter4 전문적인 코드 작성 지원 기능
4.1 코드 어시스트 기능
4.2 패널 사용
4.3 찾기 및 바꾸기 기능
4.4 삽입 기능
4.5 리팩토링 기능
4.6 도구를 사용하는
4.7 프로젝트 기능 의 응용
4.8 라이브러리 기능 ( SWC 파일의 이용)
4.9 매크로 의 사용
4.10 컴파일 제어

Chapter5 FlashDevelop 의 정의
5.1 환경 설정
5.2 구문 색상 변경
5.3 단축키 변경
5.4 패널 레이아웃 변경
5.5 단편 편집
5.6 템플릿
5.7 프로젝트 템플릿
5.8 논쟁
5.9 플러그인

Chapter6 다른 서비스, 언어와 함께
6.1 Progression 템플릿 사용
6.2 FlashDevelop 에서 만든 코드를 wonderfl 에 추가
6.3 ActionScript 3.0 이외의 언어 편집기 로 사용