후덜덜..

HP 컬러체험단

(Heyon) — Sun, 20 Jul 2008 17:36:50 +0900

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

외부 자바스크립트 호출시 간단한 문제하나.

(Heyon) — Wed, 16 Jul 2008 12:00:22 +0900

플래시에서 ExternalInterface class 를 사용하여 외부 자바스크립트와 연동할때
자바스크립트의 소스를 html 주석이 감싸고 있으면 동작이 안된다.

js)
<script type="text/javascript">

</script>

위의  는 제거를해서 사용하면 호출이된다.
문제와 답 모두가 아주심플하지만 개인적으로 계속 동작이 안되어 external을 잘못사용하고 있는지 flash 소스만 보느라 시간낭비한게 생각나 메모해둔다.

간단한 externalinterface 사용법.
// 클래스 참조 import flash.external.ExternalInterface; // 외부인터페이스가 사용가능한지 여부를 체크 if (ExternalInterface.available) { // 실행 - call 뒤의 Argments는 javascript의 인자갯수만큼 맞추어 값을 보낼때 사용한다. ExternalInterface.call("CallAlert" /*, Argments..*/); }

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

Papervision3d 의 index-sort 이용하기.

(Heyon) — Tue, 24 Jun 2008 03:22:11 +0900

papervision3d 를 사용하다보면 분명히 z depth 를 뒤로 뺐음에도 불구하고 마우스를 x좌표 + 방향으로 이동시키다보면 DisplayObject3D끼리 겹치거나 뒤에 있어야할 object가 위로 온다던지 겹쳐서 깜빡거린다던지 하는 문제가 있다.
나도 해당 object의 z값을 뒤로 빼주기만 하면 알아서 index가 형성될줄 알았는데 이리저리 살펴보니 해당 sorting부분은 따로 있었다.

잘못된 예제1 : http://www.heyon.com/@works/papervision3d_test/2008_06_24/01_LayerSort.html
잘못된 예제 2 : http://www.heyon.com/@works/papervision3d_test/2008_06_24/02_LayerSort.html
정상적인 예제 : http://www.heyon.com/@works/papervision3d_test/2008_06_24/03_LayerSort.html
소스 다운로드 : http://www.heyon.com/attach/1/1219839324.zip

퇴근전에 잊어먹지 않기위해 블로깅하는거라 소스첨부와 간단한 설명만 남기는게 조금 아쉽다.
급하게 짜느라 상세한 주석은 못달았지만 대략적인 구조와 이용방법은 소스를 참고하면 된다.

AlphaPlane.as 파일은 무시해도 되고 LayerSort.as 파일에 중요한 index에 관련한 루틴이 들어있다.
클래스는 org.papervision3d.view.layer.util 안에 있는 ViewportLayerSortMode.as 파일이 필요하다.
대략적인 프로세스는 아래와 같다.

1. viewport 생성
2. 해당 viewport 에 viewport parent layer 생성
3. viewport 의 container sprite에 생성한 parent layer add (addChild와 같은 개념)
4. parent layer의 sortMode를 INDEX_SORT나 Z_SORT로 선언
5. parentLayer.getChildLayer(plane 객체).layerIndex = 작은수로 갈수록 뒤로 빠짐

DisplayObject3D객체를 생성할때 layer 영역도 같이 생성이 되는데 해당 객체의 layer를
useOwnContainer = true 값으로 세팅하여야 sorting 을 할 수 있다.
해당 메소드사용법은 AlphaPlane.as 파일에 있다.

내가 대략 이해하기로는 useOwnContainer = true 로 하여 자신의 Object3D객체를 viewport parent layer 로 렌더링을 하고 이렇게 렌더링된 layer를 layer.util 의 layerSortMode 에서 정렬을 해주는게 아닌가 싶다.
금방 소스만 올리고 갈랬는데 벌써 시간이 3시가 되어버렸다..OTL
오늘은 이만 줄이고 정확한 동작법과 프로세스를 알게되면 다시 피드백을 남겨야 겠다.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

papervision3d Alpha effect 2탄

(Heyon) — Mon, 23 Jun 2008 21:34:13 +0900

GreateWhite 버전에서 alpha를 먹이는 방법은 의외로 초초초초초초 심플하였으니..
사용방법은 interaction 주는 방식과 동일하다.
DisplayObject3D 객체를 만들고 해당 객체에 useOwnContainer = true 를 주면된다.

var myPlane:Plane = new Plane(new BitmapColorMatrial(0xFFCC00), 300, 300);
myPlane.useOwnContainer = true;

Tweener.addTween(myPlane, {alpha:0.5, time:2});

끗~
useOwnContainer 메소드의 간단한 설명조차 없고 소스에도 주석이 없어서.. 설명하긴 좀 난해하나..
This property gives you the ability to tell Papervision to dynamically create a layer for your DisplayObject3D when it is rendered in the viewport. By setting DisplayObject3D.useOwnContainer to true, your object will be rendered with its own ViewportLayer. Moreover, you can assign properties to your DisplayObject3D that will be passed along to your generated Layer.
위 구문을 인용해보자면 useOwnContainer 가 true일때 DisplayObject3D 자신을 viewport layer로 동적렌더링을 한다는 것 같다..

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

papervision3d 에서 DisplayObject3D에 alpha effect 먹이기

(Heyon) — Mon, 16 Jun 2008 14:51:37 +0900

샘플보기 : http://www.heyon.com/attach/1/1147443654.swf

papervision3d 에서 Object3D에 알파를 먹일수 있는 방법을 강구하던중 드디어 GreateWhite 버전에서
답을 찾았다.
Viewport3D 클래스의 getChildLayer 메소드를 이용하여 viewport 안에 있는 DisplayObject3D 객체의
레이어를 반환한뒤 해당 레이어에 alpha를 먹이면 된다.
자꾸 먹인다니까 이상하네 ㅋㅋ
getChildLayer에 관한 정보는 아래 URL에서 확인
http://lostboys.epologee.net/papervision/greatwhite.doc/html/

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

고화질 바탕화면을 받을 수 있는 곳

(Heyon) — Mon, 09 Jun 2008 17:01:03 +0900

바로가기 : http://nerdbusiness.com/blog/218-hd-resolution-desktop-wallpapers-nerds

모니터가 쩌시는 분들을 위한 바탕화면 서비스.
해당 이미지하단의 from 링크를 따라가면 더 많은 종류와 더많은 해상도의 이미지들을 다운받을 수 있다.

Mint in Turquoise 5124 x 1604 from mandolux.com

Growing Love 1900 x 1200 from pixelgirlpresents.com

Of Me & You 1900 x 1200 from pixelgirlpresents.com

Jackless 5124 x 1604 from pixelgirlpresents.com

Splash 1920 x 1200 from InterfaceLift.com

Lazy Days II 1920 x 1200 from InterfaceLift.com

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

인터렉티브!

(Heyon) — Sun, 08 Jun 2008 05:19:44 +0900

인터렉티브가 뭔뜻인지 몰라..
근데 뭔가 있어보여..
내가 좀 단순해..

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

구글 Tweener를 써보자

(Heyon) — Sun, 08 Jun 2008 03:40:00 +0900

얼마전에 cs3의 내장 Tween 클래스로 작업을 하는데 이상한 문제가 발생하였다.
Tween이 플레이중일때 다른 Tween이 플레이되버리면 기존에 플레이 되던 Tween은 멈추던 것이다.
해결책으로 new Tween을 할때마다 변수명을 달리줘서 해결하였으나 검색해보니 cs3내장 Tween에 문제가 많다고 한다.
내가 좋아하는 lan fuller(flash monkey) 도 google tweener를 쓰는걸 알고 부터는 나도 google tweener를 사용하기 시작했다. 그렇다 난 완전 팔랑귀다.ㅋㅋ

다운로드 URL : http://code.google.com/p/tweener/downloads/list
API Documentation : http://hosted.zeh.com.br/tweener/docs/en-us/

아직 사용해보지는 않았지만 포인트 지점을 정해줘서 곡선운동도 간단히 표현가능한것으로 보인다.
아래는 API Documentation 에 있는 Transition 예제들이다.

[Flash] http://hosted.zeh.com.br/tweener/docs/en-us/misc/transitions.swf

예제소스 - google tweener를 이용해서 drag&drop 을 허접하게 구현해보았다.

[Flash] http://www.heyon.com/attach/1/1134042070.swf

import flash.display.Sprite;
import caurina.transitions.Tweener;

// 컬러 리스트 수동으로 구성 OTL
var colorList:Array = new Array();
colorList.push(0xFFCC00);
colorList.push(0xEFC000);
colorList.push(0xCACC00);
colorList.push(0xBBCC0E);
colorList.push(0xCACACA);
colorList.push(0xEFEF00);

/**
 * circle을 생성한다.
 * @param (string) circleName : circle 의 인스턴스명
 * @return (Sprite) circle : 생성된 Sprite인스턴스 리턴
 */
function createCircle(circleName:String = null, colorIdx:uint = 0):Sprite {
	var circle:Sprite = new Sprite();
	circle.graphics.beginFill(colorList[colorIdx]);
	circle.graphics.drawCircle(60, 60, 60);
	circle.graphics.endFill();
	circle.x = 0;
	circle.y = 0;
	circle.buttonMode = true;
	addChild(circle);
	
	return circle;
}

/**
 * 드래그 시작
 * @param (MouseEvent)
 * @return
 */
function dragIt(e:MouseEvent):void {
	e.target.addEventListener(Event.ENTER_FRAME, runDrag);
	
	// 마우스를 target밖에서 떼었을때 - releaseOutSide 처리
	function dispListener(disp_e:MouseEvent):void {
		// 중복 호출을 막기위해 mouse up 이벤트를 삭제
		stage.removeEventListener(MouseEvent.MOUSE_UP, dispListener);
		// 초기 호출된 e.target으로 dropIt을 호출
		dropIt(e);
	}
	stage.addEventListener(MouseEvent.MOUSE_UP, dispListener);
}

/**
 * 드래그 중단
 * @param (MouseEvent)
 * @return
 */
function dropIt(e:MouseEvent):void {
	e.target.removeEventListener(Event.ENTER_FRAME, runDrag);
}

/**
 * 드래그 하는동안의 Tween 처리
 * @param (Event)
 * @return
 */
var tweenEffect:Object = null;
function runDrag(e:Event):void {
	tweenEffect = {
		x:(mouseX-(e.target.width/2)),
		y:(mouseY-(e.target.height/2)),
		time:2,
		transition:'easeOutElastic'
	}
	Tweener.addTween(e.target, tweenEffect);
}

/**
 * 초기화 처리를 하는 메소드
 * @param (MouseEvent)
 * @return
 */
function resetCircle(e:MouseEvent):void {
	for (var i:Number = 0; i < 6; i++) {
		removeChildAt(1);
		// 마우스를 눌렀을때 dragIt호출
		createCircle(defaultName + i, i).addEventListener(MouseEvent.MOUSE_DOWN, dragIt);
	}

}

// 뿌립시다.
var defaultName:String = 'myCircle';
for (var i:Number = 0; i < 6; i++) {	
	// 마우스를 눌렀을때 dragIt호출
	createCircle(defaultName + i, i).addEventListener(MouseEvent.MOUSE_DOWN, dragIt);
}

// 초기화 버튼 이벤트
reset.addEventListener(MouseEvent.CLICK, resetCircle);

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

Flex builder 3 컴파일옵션

(Heyon) — Tue, 29 Apr 2008 10:26:52 +0900

Flex에서 사용되는 컴파일 옵션들이다.
이 후 작업후 빌드시에 프로그램 작동여부 및 SANDBOX보안에 많은 영향을 끼치는 부분들이 있으니 꼭 숙지하고 사용법을 이해해야 한다.

C:\Program Files\Adobe\Flex Builder 3>mxmlc -help list details
Adobe Flex Compiler (mxmlc)
Version 3.0.0 build 477
Copyright (c) 2004-2007 Adobe Systems, Inc. All rights reserved.

-benchmark
output performance benchmark
-compiler.accessible
alias -accessible
generate an accessible SWF
-compiler.actionscript-file-encoding <string>
alias -actionscript-file-encoding
specifies actionscript file encoding. If there is no BOM in the AS3
source files, the compiler will use this file encoding.
-compiler.context-root <context-path>
alias -context-root
path to replace {context.root} tokens for service channel endpoints
-compiler.debug
alias -debug
generates a movie that is suitable for debugging
-compiler.external-library-path [path-element] [...]
alias -el
list of SWC files or directories to compile against but to omit from
linking (repeatable)
-compiler.fonts.advanced-anti-aliasing
alias -advanced-anti-aliasing
enables advanced anti-aliasing for embedded fonts, which provides
greater clarity for small fonts.
-compiler.fonts.flash-type
alias -flash-type
enables FlashType for embedded fonts, which provides greater clarity
for small fonts.
-compiler.fonts.max-glyphs-per-face <string>
alias -max-glyphs-per-face
sets the maximum number of character glyph-outlines to keep in the
server cache for each font face. The default value is 1000.
-compiler.include-libraries [library] [...]
alias -include-libraries
a list of libraries (SWCs) to completely include in the SWF
(repeatable)
-compiler.incremental
alias -incremental
enables incremental compilation
-compiler.library-path [path-element] [...]
alias -library-path
list of SWC files or directories that contain SWC files (repeatable)
-compiler.locale [locale-element] [...]
alias -locale
specifies the locale for internationalization (repeatable)
-compiler.mxml.compatibility-version <version>
alias -compatibility-version
specifies a compatibility version. e.g. -compatibility-version=2.0.1
-compiler.namespaces.namespace <uri> <manifest>
alias -namespace
Specify a URI to associate with a manifest of components for use as
MXML elements (repeatable)
-compiler.optimize
alias -optimize
Enable post-link SWF optimization
-compiler.services <filename>
alias -services
path to Flex Data Services configuration file
-compiler.show-actionscript-warnings
alias -show-actionscript-warnings
runs the AS3 compiler in a mode that detects legal but potentially
incorrect code
-compiler.show-binding-warnings
alias -show-binding-warnings
toggle whether warnings generated from data binding code are
displayed
-compiler.show-shadowed-device-font-warnings
alias -show-shadowed-device-font-warnings
toggles whether warnings are displayed when an embedded font name
shadows a device font name
-compiler.show-unused-type-selector-warnings
alias -show-unused-type-selector-warnings
toggle whether warnings generated from unused CSS type selectors are
displayed
-compiler.source-path [path-element] [...]
alias -sp
list of path elements that form the roots of ActionScript class
hierarchies (repeatable)
-compiler.strict
alias -strict
runs the AS3 compiler in strict error checking mode.
-compiler.theme [filename] [...]
alias -theme
list of CSS or SWC files to apply as a theme (repeatable)
-compiler.use-resource-bundle-metadata
alias -use-resource-bundle-metadata
determines whether resources bundles are included in the application.
-help [keyword] [...]
keywords are 'syntax', 'list', 'advanced', 'aliases', 'details', or a
search term
-include-resource-bundles [bundle] [...]
a list of resource bundles to include in the output SWC (repeatable)
-licenses.license <product> <serial-number>
alias -license
specifies a product and a serial number. (repeatable)
-load-config <filename>
load a file containing configuration options (repeatable)
-metadata.contributor <name>
alias -contributor
A contributor's name to store in the SWF metadata (repeatable)
-metadata.creator <name>
alias -creator
A creator's name to store in the SWF metadata (repeatable)
-metadata.date <text>
alias -date
The creation date to store in the SWF metadata
-metadata.description <text>
alias -description
The default description to store in the SWF metadata
-metadata.language <code>
alias -language
The language to store in the SWF metadata (i.e. EN, FR) (repeatable)
-metadata.localized-description <text> <lang>
alias -localized-description
A localized RDF/XMP description to store in the SWF metadata
(repeatable)
-metadata.localized-title <title> <lang>
alias -localized-title
A localized RDF/XMP title to store in the SWF metadata (repeatable)
-metadata.publisher <name>
alias -publisher
A publisher's name to store in the SWF metadata (repeatable)
-metadata.title <text>
alias -title
The default title to store in the SWF metadata
-output <filename>
alias -o
the filename of the SWF movie to create
-runtime-shared-libraries [url] [...]
alias -rsl
a list of runtime shared library URLs to be loaded before the
application starts (repeatable)
-runtime-shared-library-path [path-element] [rsl-url] [policy-file-url] [rsl-url] [policy-file-url]
alias -rslp
(repeatable)
-static-link-runtime-shared-libraries
alias -static-rsls
statically link the libraries specified by the
-runtime-shared-libraries-path option.
-target-player <version>
specifies the version of the player the application is targeting.
Features requiring a later version will not be compiled into the
application. The minimum value supported is "9.0.0".
-use-network
toggle whether the SWF is flagged for access to network resources
-version
display the build version of the program
-warnings
toggle the display of warnings

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

다항계산기

(Heyon) — Wed, 16 Apr 2008 21:20:02 +0900

형이 부탁해서 만든 이름하야 초 력셔리한 초간단 버라이어티 히스토리 계산기.ㅋ
어떤 계산기를 보여주시면서 여기서 이 레이아웃으로 이러 저러한 기능만 간추려서 동작하게 해달라고 해서 만들었다.
첨에는 한 30분이면 되겠지하고 만들었는데.. 젝일.. 다항연산을 생각못한 미스를 범하였다.
결국 한 5시간동안 스택으로 어케 저케 처리했다.

지원기능
1. 다항연산
2. History

다운로드

LightCal_exe.zip

(.NET FRAMEWORK가 있는경우)

LightCal_setup.zip

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.