with okgosu (-..-)a

안드로이드의 질주는 언제까지 지속될까?

okgosu — Tue, 13 Jul 2010 13:33:46 +0900

최근 스마트폰은 애플 제국과 구글 안드로이드 연합군의 경쟁구도로 나오고 있습니다. 삼성, LG, HTC, 모토로라 연합군의 든든한 지원에 필을 받은 구글이 최근 안드로이드 3.0을 발표하면서 단말기부터 UI까지 통일화 한다고 했는데, 그리 좋은 수는 아닌 것 같네요. 구글 안드로이드가 가진 잠재적인 문제점들 때문에 연합군 체제는 언제 무너질지 모르는 일입니다.

1) 안드로이드는 자체 OS가 없는 제조사의 어쩔 수 없는 선택

단말기 제조사들은 HW를 팔아서 이윤을 남겨야 합니다. 스마트폰을 만들어서 팔려면 OS가 있어야 하는데 현재로서는 안드로이드 만한 대안이 없기 때문입니다.

2) 자체 OS를 향한 욕망

단말기 제조사들이 자체 OS를 구축하려는 움직임은 삼성의 바다말고 아직은 이렇다할 움직임이 없습니다. 하지만 대형서버시장의 역사를 보면 IBM, HP, Sun은 서버HW를 팔기 위해 자체OS도 함께 제공했습니다. 제조사도 지속가능한 비즈니스모델로 가려면 자체 OS 보유는 절실할 것입니다.

3) 컨텐츠 확보 문제

자체 OS가 있더라하더라도 보여줄 컨텐츠가 없다면 미분양된 상가빌딩과도 같은 처지일 것입니다. 그렇다고 새로운 플랫폼에 맞는 컨텐츠를 만드는 것은 불가능한 일이고, 어디선가 컨텐츠를 끌어와야하는데, 가장 적당한 것이 바로 플래시죠. 구글 안드로이드가 이점을 알았기 때문에 html5를 밀면서도 플래시를 전폭지원하는 이유라고 하겠습니다. 따라서 자체 OS를 구축하는 제조사들은 미우나 고우나 플래시를 끌어안는 구도로 갈 확률이 높습니다.

4) 운영체제 업데이트 문제

구글이 일년에 2번 이상 안드로이드를 업데이트 해왔습니다. 새로운 안드로이드 OS가 나오면 제조사 입장에서 업데이트 하지 않으면 안드로이드 폰 판매가 어려워질 것입니다. 아마 제조사들은 시장에 내어놓은 안드로이드폰이 다 팔릴때쯤 새로운 안드로이드가 나오기를 원할 것입니다.

이런 상황을 종합해볼때 단말기 제조사들은 SW에 모든 역량을 쏟아 부을 수 밖에 없는 현실이죠. 안그러면 HW껍데기만 만드는 회사 신세가 될게 뻔하니깐요. 올해는 안드로이드 디바이스 프레그멘테이션이 문제였지만 내년에는 안드로이드 연합군체제도 세분화 되지않을까 생각합니다. 제조사는 자체 OS가 하나 있다는 것 만으로도 구글의 안드로이드를 견제할 수 있을테니깐요.

Adobe Flash가 3D에 베팅한 이유

okgosu — Fri, 09 Jul 2010 13:36:33 +0900

올해 어도비 MAX컨퍼런스에 'Flash Player 3D Future'라는 세션에서 플래시의 3D의 미래를 보여주겠답니다. 다룰 내용은 Flash Player 렌더러, 3D 애플리케이션 최적화, 디스플레이리스트, 텍스트렌터링, 쉐이터, GPU가속 등이랍니다.

출처: http://www.bytearray.org/?p=1836

애플과 html5에 쫓기는 플래시가 제대로 탈출구를 찾은 것 같습니다. 플래시가 3D에 주력하는 이유는 뭘까요?

1) html5와의 차별성

: html5가 가장 취약하고 구현이 어려운게 3D 지원이죠. 3D를 브라우저에서 보여주는 것도 어렵지만, 문제는 개발이죠. html5코드로 3D를 개발하는 것은 아직 무리가 있습니다.

2) 3D 인프라 구비

: 인터넷 속도와 PC의 성능 확장, 3D TV등 사용자들이 자연스럽게 3D 컨텐츠를 소비할 수 있는 인프라가 만들어졌습니다.

3) 3D 컨텐츠의 급성장

: 3D 영화 아바타에서 3D 경험, 스마트폰에서의 3D 증강현실, 3D TV 등 새로운 사용자 경험은 이제 3D로 이동하고 있습니다.

그렇다면 차기 플래시플레이어 버전에는 추가될 3D api에는 뭐가 있을까요? 현재 지원하는 3D API를 볼때 이런게 되지 않을까 싶네요. 현재 버전의 플래시플레이어 10에서는 이런 것들을 API지원없이 노가다로 만들거나 페이퍼비전API를 써야하는 상황이니깐요.

1) 증강현실 관련 API

2) 각종 3D 오브젝트 생성 API

3) 3D 게임 개발 지원 API

기술이란 것이 '아무 브라우저에서 볼수 있다'라는 표준이란 관점으로 보면 html5가 우수하지만,

그건 보는 사람의 입장이지, 컨텐츠 생산자, 유통자의 입장도 고려가 되어야 건전한 컨텐츠 플랫폼 생태계만들어질 수 있다는 것이 제생각입니다. html5도 훌륭한 기술이긴 하지만 3D 경험에서는 플래시를 따라잡기는 힘들지 않나 싶네요.

ps. 현재 플래시플레이어 10에 있는 3D API는 다음과 같습니다.

1) z 축 개념 : (x, y)에 원근감을 나타내는 z축 좌표가 추가되어, z값이 크면 멀리 z축값 작아지면 가까이 보입니다.

2) Vector3D와 Matrix3D : (x, y, z)에 대한 행렬연산을 위한 벡터클래스와 행렬클래스입니다. 물체를 회전, 이동,크기 변화를 주기 위한 API죠.

3) 원근 투영개념: 입체물체를 카메라로 보는 느낌을 살리기 위한 화각(fieldOfView), 초점거리(focalLength), projectionCenter(투영중심)을 PerspectiveProjection클래스에서 지원합니다.

보너스로 아래 예제들은 제가 집필한 '액션스크립트 정석' 11장. Flash 3D 그래픽에 나오는 예제들입니다.

액션스크립트 강좌 (6) 암모나이트 패턴 드로잉 알고리즘 (ActionScript Exam - Ammonite Pattern Drawing Algorithm)

okgosu — Fri, 09 Jul 2010 13:01:02 +0900

[구현원리]

0) MyFlash.fla, AsExamAmmonite.as 클래스 생성 (FlexBuilder, Flash CS에서 작성방법은 액션 정석 1장 참조)

1) 화면을 애니메이션시키기 위해 drawPattern함수를 엔터프레임 이벤트 핸들러에 등록 (EnterFrame이벤트, 액션정석 10장 참조)

2) drawPattern에서는 Sprite를 생성하여 사각형의 크기를 1씩 감소하면서 4도씩 회전하면서 그린다. (객체지향스크립트, 액션정석 6장 참조)

3) 각도가 360도에 해당하면 엔터프레임이벤트 핸들러를 제거한다. (알고리즘, 액션정석 4, 5장 참조)

4) Flash CS의 경우, MyFlash.fla의 Document속성을 AsExamAmmonite로 한다음 체크버튼 클릭

5) Ctrl + Enter키를 눌러 SWF를 실행

package {

import flash.display.Sprite;

import flash.events.Event;

public class AsExamAmmonite extends Sprite {

private var degree:Number = 0;

private var size:Number = 150;

public function AsExamAmmonite() {

stage.addEventListener(Event.ENTER_FRAME, drawPattern);

}

private function drawPattern(event:Event):void {

var sp:Sprite = new Sprite();

sp.graphics.lineStyle(1, 0x0000FF, .8);

sp.graphics.drawRect(15, 15, size, size);

sp.rotation += degree;

sp.x = 200;

sp.y = 150;

degree += 4;

size--;

this.addChild(sp);

if(degree>360) stage.removeEventListener(Event.ENTER_FRAME, drawPattern);

}

45 개월 재민이 최근 모습

okgosu — Thu, 08 Jul 2010 15:25:49 +0900

28개월때 미용실이 무서워 제가 머리를 깎았던게 엊그제 같은데...

벌써 45개월이 되었네요.

요즘은 미용실에서 머리 깎아요...

사진은 가든파이브에서 찍었습니다.
장난감을 실컷 구경했더니 기분이 좋아져서 웃고 있네요.

밥은 무지 싫어하고 마이쮸, 아이스크림, 사탕, 구운양파를 무지 좋아한답니다. 그래서 살이 쪽쪽 빠지는중...

어도비 플래시플레이어 10.1 블랙베리, 윈도폰 차기버전, 리모, 미고, 심비안 지원예정

okgosu — Wed, 07 Jul 2010 16:47:09 +0900

올해 초만 해도 애플때문에 어도비가 '사면초가' 신세였는데,

최근 구글 안드로이드 2.2 버전인 프로요가 플래시를 전격 지원하는 것을 시작으로

급기야 1) 블랙베리 2) 윈도폰 차기버전 3) 리모 4) 미고 5) 심비안도 지원할 예정이랍니다.

기사 출처: http://www.asiae.co.kr/news/view.htm?sec=it4&idxno=2010070616441662611

애플 아이폰, 아이패드는 현재 탈옥폰에서 안드로이드용 플래시플레이어를 포팅을 하여 플래시가 가능하다고 합니다.

올해말쯤 플래시플레이어가 탑재된 폰들이 줄지어 나오면 애플은 어떻게 나올지 궁금합니다.

일단 뱉은 말이 있으니 계속 플래시를 계속 지원하진 않겠죠. 하지만 플래시가 가능한 스마트폰들은 플래시로 된 다양한 게임과 컨텐츠들을 자기 플랫폼으로 흡수하는 효과가 발생하기 때문에 애플 앱스토어가 가진 앱의 규모를 따라 잡는데 일조할 것으로 생각합니다. 또한 개발하는 입장에서 웹과 스마트폰에 동시에 컨텐츠를 전달할 수 있는 길이 열릴 것으로 생각합니다.

유튜브가 플래시 비디오를 html5로 완전히 바꾸지 못하는 6가지 이유

okgosu — Tue, 06 Jul 2010 08:37:48 +0900

유튜브 비디오를 html5로 서비스하기 시작하면서 플래시 비디오시대는 끝날 것이라 예측했지만 실상은 그렇지 않았습니다.

2010.6.30일자 CNET 뉴스 기사에 의하면 플래시가 html5보다 나은 이유를 다음과 같이 설명하고 있습니다.

1. 브라우저 마다 지원하는 비디오 코덱이 다릅니다.

- Safari, Chrome, IE9는 H.264 코덱

- Mozilla, Opera, Chrome은 로열티가 없는 WebM 코텍 (구글제공)

2.섬세한 비디오 컨트롤 문제

: 유튜브는 비디오를 재생하는 기능 뿐만 아니라 html5에서는 아직 지원하지 않는 버퍼링, 비디오 재생 옵션 조절 기능과 같은 섬세한 비디오 재생 컨트롤이 필요합니다.

3. 디지털 저작권 보호(Digital rights management) 문제

: 플래시는 디지털 저작권 보호를 위한 RTMPE (Real-Time Messaging Protocol, encrypted) 프로토콜을 지원함으로써 안전한 스트리밍을 가능하게 합니다.

4. 비디오 캡션, 광고 문제

: 유튜브에 비디오 캡션, 광고 삽입과 같은 기능은 플래시에서는 가능하지만 html5에서는 아직 가능하지 않습니다.

5. 풀스크린 비디오 지원 문제

html5는 풀스크린 비디오를 지원하지 않으며 플래시와 같은 플래이백 컨트롤을 보여줄수 없습니다.

6. 웹캠, 마이크 지원 문제

: 플래시는 웹캠, 마이크를 지원하기 때문에 PC에서 비디오를 바로 녹화할 수 있지만 html5는 아직 지원하지 않습니다.

플래시에 대한 저의 생각을 덧붙이자면,

웹2.0붐이 불때에도 플래시의 동적인 웹페이지는 Ajax로 대체될 것이라 예측했지만 그러지 못했죠.

제 생각은 html5가 플래시를 완벽히 대체하지 못하며, 구글은 플래시로 비디오를 계속 서비스할 것이라 생각합니다.

그 이유는 플래시로 현재 서비스가 잘되고 있으며, 굳이 html5로 바꿔서 얻을 이득이 없기 때문입니다.

참조글1) 안드로이드 2.2에서 플래시(flash), 플렉스(flex), AIR 작동 가능

액션스크립트 강좌 (5) 3D 그라데이션 효과 공 (ActionScript Exam: 3D Ball)

okgosu — Tue, 06 Jul 2010 08:15:28 +0900

[구현원리]

0) AsExamOkGosuBall.as 클래스 생성 (작성방법은 이전 강의 참조)

1) 입체효과를 주기 위해 Matrix객체를 이용하여 원형 그라데이션을 적용한다. (Matrix, 액션정석 9장, 10장 참조)

2) 공의 하이라이트부분을 표현하기 위해 matrix옵션을 주어 그라데이션을 45도 상단으로 이동한다. (createGradientBox, 액션정석 9장 참조)

3) 마우스를 클릭하는 곳에 랜덤한 색상과 크기의 공을 추가하도록 한다. (Math.random, 액션정석 9장 참조)

package

{

import flash.display.Sprite;

import flash.events.MouseEvent;

import flash.geom.Matrix;

[SWF(width=800, height=480, backgroundColor=0x000000)]

public class AsExamOkGosuBall extends Sprite

{

private var matrix:Matrix = new Matrix();

public function AsExamOkGosuBall()

{

stage.addEventListener(MouseEvent.CLICK, function(e:MouseEvent):void {

addBall(e.stageX, e.stageY, Math.random()*0x1000000, Math.random()*50);

});

}

private function addBall(px:Number, py:Number, color:int, r:Number):void {

var ball:Sprite = new Sprite();

var colors:Array = [0xFFFFFF, color];

matrix.createGradientBox(-250*(r/100), -250*(r/100), Math.PI/2, r, r*0.8);

ball.graphics.beginGradientFill("radial", colors, [1,1], [0,255], matrix);

ball.graphics.drawCircle(0, 0, r);

ball.x = px;

ball.y = py;

this.addChild(ball);

}

ps. UX 관련 정보만 따로 구독하실 분은 http://uxconsulting.co.kr/ 의 http://uxconsulting.co.kr/wordpress/?feed=rss2 를 구독해주세요.

액션스크립트 강좌 (4) 시계 애니메이션 (ActionScript Exam: Watch Animation)

okgosu — Tue, 29 Jun 2010 04:22:30 +0900

[구현원리]

1) 직선그리기로 선두께 5, 길이 200 픽셀의 시계바늘을 그린다. (drawWatch, 드로잉API는 액션정석1장, 9장 참조)

2) 회전중심을 선끝으로 맞추기 위해 선그리기는 (0, 0)에서 시작한다. (그래픽애니메이션은 액션정석 10장 참조)

3) 엔터프레임 이벤트 핸들러에서 시계바늘을 1씩 회전한다.

package {

import flash.display.Sprite;

import flash.events.Event;

[SWF(width=800, height=480,backgroundColor=0x000000)]

public class AsExamWatch extends Sprite {

private var needle:Sprite = new Sprite();

public function AsExamWatch() {

drawWatch();

needle.addEventListener(Event.ENTER_FRAME, function(event:Event):void { needle.rotation+= 1});

}

private function drawWatch():void {

needle.graphics.beginFill(Math.random() * 0x1000000);

needle.graphics.lineStyle(5, Math.random() * 0x1000000);

needle.graphics.drawCircle(0, 0, 210);

needle.graphics.moveTo(0, 0);

needle.graphics.lineTo(0, -200);

needle.x = stage.stageWidth/2;

needle.y = stage.stageHeight/2;

this.addChild(needle);

}

액션스크립트 강좌 (3) 그림판 이펙트 (ActionScript Exam: Painter Effect)

okgosu — Mon, 28 Jun 2010 17:14:09 +0900

(액션정석 8-2) 스크린샷

[구현원리]

1) 마우스를 누르면 그 지점으로 선그리기(moveTo)를 이동하고 마우스무브 이벤트 핸들러 함수를 추가한다. (mouseDownHandler, 자세한 내용은 액션스크립트 정석책 8, 9장 참조)

2) 마우스를 움직이면 선그리기 함수(lineTo)를 호출하여 선을 그리도록 한다. (mouseMoveHandler, 자세한 내용은 액션스크립트 정석책 8, 9장 참조)

3) 마우스를 놓으면 마우스무브 이벤트 핸들러 함수를 제거한다. (mouseUpHandler, 자세한 내용은 액션스크립트 정석책 8장 참조)

[소스코드]

package {

import flash.display.Sprite;

import flash.events.MouseEvent;

public class AsExamPainter extends Sprite {

public function AsExamPainter() {

this.graphics.lineStyle(10, 0xFFFFFF);

stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);

stage.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);

}

private function mouseDownHandler(event:MouseEvent):void {

this.graphics.moveTo(event.stageX, event.stageY);

stage.addEventListener(MouseEvent.MOUSE_MOVE, mouseMoveHandler);

}

private function mouseMoveHandler(event:MouseEvent):void {

this.graphics.lineTo(event.stageX, event.stageY);

}

private function mouseUpHandler(event:MouseEvent):void {

stage.removeEventListener(MouseEvent.MOUSE_MOVE, mouseMoveHandler);

}

구글맵으로 찾아본 덴마크의 피자마을

okgosu — Fri, 25 Jun 2010 00:40:27 +0900

트윗에서 알게된 덴마크의 피자마을을 구글맵에서 찾아보았습니다.

유일한 단서는 이미지 하단에 있는 흐릿한 영어 글씨였죠.

Housing p???, B??????by, on the ????? of Copenhagen, Seeland, Denmark (55°34' N, 12°23' E)

열심히 구글링해본 결과 아래의 사이트에서 원문을 확인할 수 있었습니다.

Housing plots at Brøndby, on the outskirts of Copenhagen, Seeland, Denmark (55°34' N, 12°23' E)

http://www.flatrock.org.nz/topics/environment/so_no_place_to_live_is_really_ok.htm

보너스로 피자마을 사진에 버금가는 희한한 도시 사진들이 있었습니다.^^

"Golderwood Shores" by Ross Racine, 2009

Modern graves in a cemetery at Asyut, Nile valley, Egypt (27°11' N, 31°11' E)

Cemetery in Kyoto, Honshu, Japan (N 35°00'-E 135°45')

Highlands Ranch, Outskirts of Denver, Colorado, United States (39°44' N, 104°59' W)

출처: http://www.flatrock.org.nz/topics/environment/so_no_place_to_live_is_really_ok.htm

암튼 대략적인 위도와 경도, 도시명까지 알았으니 구글맵으로 가니 복잡한 도시가 나왔죠.

하지만 여기서 포기하지 않고...'outskirts'라는 단어에서 힌트를 얻어 반경 10km 주변을 쥐잡듯 뒤진 결과 두둥....

구글맵에서 '피자마을'의 을 찾았습니다.

자세히 보니깐 공통 진입로가 있고 집 한 가구는 원을 24개등분해서 배치되어 있었습니다.

집을 짓고 남는 공간은 정원으로 사용하고 있었고요.

그리고 중앙은 주차장, 이것도 24등분이겠죠?

그냥 12등분해서 1시집, 2시집 이런식으로 해도 좋을텐데 24등분하니 시계랑 맞춰 부르기 애매할 것 같은데,

구글맵에서 우측 위에 마을을 보면 12등분해서 나뉜 마을도 있었고 반쪽짜리 마을도 있었습니다.

피자마을 구글맵 링크

덴마크에 비행기 타고 다녀온 기분이랄까요?

덴마크 주변에는 그 외에도 둥글둥글한 인공물들이 많이 있었습니다.

여러분도 찾아보시길 바랍니다^^