* J2D 라이브러리

J2D 라이브러리의 기본 정신은 트리 컴포지트 패턴이다.

AS3 처럼 부모객체 자식객체가 있고(DisplayObjectContainer ,)

, 자식이 또한 부모가 될수 있고,

그 자식들을 추가 삭제 할수 있고 (addChild , removeChild , addChildAt , getChildAt)

부모 자식간의 Transform 을 계승한다.

기본 문법을 AS3 를 준수 하려고 노력하였다.

구현된 기능은

J2DObject - name , trace

DisplayObject - x , y , width , height , scaleX , scaleT , transform , rotation , hitTest

InteractiveObject - [MouseEvents(Down , up , move)] , MouseX , MouseY

DisplayObjectContainer - addChild , removeChild , addChildAt , getChildAt , getChildIndex , numChildren , getObjectUnderPoint , contain ,

Sprite - loadFormFile ,

Graphic - [NotYet]

Loader - loadUrl , CompleteEvent , IOErrorEvent

Stage -

BitmapData - setData , getData , setPixel , getPixel , getBitmapByte , boundRect , Clone , LoadFromStream

WebCamera -

URLLoader -

WebKit -

대략 이러하고 앞으로 추가해야할 기능은 Shader 쪽이다. 마치 As3 의 ShaderFilter 처럼 쉽게 이용하기 위해서이다.

Transform 을 이용하여 x , y , scale , rotatiom 등등을 구현하고 자식까지 계승하는것을 직접 구현을 했다.

정말 As3 는 잘 만든 언어이고, 그것을 사용했다는것은 아무도 없는 직선고속도로를 달리는것과 같다고 생각한다.

그만큼 생산적으로 빠르다는것이다.

하지만 XNA 와 같은 Hidef 플랫폼을 사용함으로서 표현의 한계를 넘는다는것이 고생의 의의 이다.

덕분에 XNA 로 인한 생산성은 높아 졌고 백그라운드로 돌려 처리하였던 WPF 용 미들웨어도 통합할수 있어,

프로덕트 배포시 유리하다.

또한 비교적 저사양의 PC 에서 돌릴수 있어 단가 적인 측면에서 유리하고 또한 PC 사이즈가 작아져서 상품 익스테리어에 도움이 될것으로 전망한다.

아래의 영상은 J2D 와 JMultitouch 를 붙인 것이다.

JMultitouch는 조금더 정리가 된후 포스팅 할것이다.

테스트 타블렛 사양은 (MSI 110w ATi Mobility Radeon HD 6250)

첨부 압축은 7z; XNA 포함

Microsoft_Press_ebook_Programming_Windows_Phone_7_PDF[1].7z.001

Microsoft_Press_ebook_Programming_Windows_Phone_7_PDF[1].7z.002

Created with colorer-take5 library. Type 'csharp'

private Texture2D tx;
        //Aforge �� 플레이어
        VideoSourcePlayer player = new VideoSourcePlayer();

        protected override void LoadContent()
        {
            spriteBatch = new SpriteBatch(GraphicsDevice);
            tx = new Texture2D(graphics.GraphicsDevice, 1024, 768);//dummy;


            //Aforge �� 디바이스 설정 
            FilterInfoCollection device = new FilterInfoCollection(FilterCategory.VideoInputDevice);
            VideoCaptureDevice cam = new VideoCaptureDevice(device[0].MonikerString);
            
            player.VideoSource = cam;
            player.Start();

            //플레이어가 갱신될때 마다 ��출
            player.NewFrame += new VideoSourcePlayer.NewFrameHandler(player_NewFrame);
        }


        //인��로 비트맵을 받음
        void player_NewFrame(object sender, ref Bitmap _image)
        {
            //비트맵�� 고속 복사
            MemoryStream camStream = new MemoryStream();
            player.GetCurrentVideoFrame().Save(camStream, ImageFormat.Bmp);
            camStream.Position = 0;
            tx = Texture2D.FromFile(graphics.GraphicsDevice, camStream);
            
        }
 
 
 
포인트 : 비트맵의 고속복사. 




나중에 곧.. ? Aforge의 VideoSourcePlayer의 stream 을 직접 참조 할수 있는 방법을 모색하여 좀더

높은 퍼포먼스를... 

Created with colorer-take5 library. Type 'csharp'

//http://scripter.egloos.com
        //원본 이미지 텍스쳐
        Texture2D targetTx;

        //복제할 이미지 텍스쳐
        Texture2D copyTx;
        protected override void LoadContent()
        {
            spriteBatch = new SpriteBatch(GraphicsDevice);

            //원본 이미지를 가져��다
            targetTx = Texture2D.FromFile(GraphicsDevice,@"c:\a.jpg");

            //복제할 이미지를 만든다.
            copyTx = CloneImage(targetTx, 0, 0, 200, 200);
        }


        //복제 메소드 :: 매개변��로는 원본이미지,좌표,크기 이다. 
        public Texture2D CloneImage(Texture2D image, int x, int y, int w, int h)
        {
            //면적을 만든다.
            Rectangle srcRect = new Rectangle(x, y, w, h);

            //면적만큼�� 바이트 배열을 생성한다
            // *4 인이유는 ���� 정���� 메모리 크기가 4바이트이기때문은 상식
            byte[] data = new byte[srcRect.Width * srcRect.Height * 4];
            
            //원본이미지에서 면적만큼 가져와 바이트배열에 저장한다.
            image.GetData(0, srcRect, data, 0, data.Length);
            
            //새로운 텍스쳐를 생성한다.
            //주��할점은 TextureFormat을 원본이미지�� Format과 같게해야 된다.
            Texture2D result = 
                new ResolveTexture2D(this.GraphicsDevice, srcRect.Width, srcRect.Height, 0, image.Format);
            
            //데이터를 채워주고..
            result.SetData(data);
            
            //����한다.
            return result;
        }
 
 
 
참고 :: http://xna.omgsoft.com.cn/education/graphicex_class.aspx




중요한점은 복제될 Texture2D의 Format  과 원본 Texture2D 의 Format 이 
일치해야 되더라

Created with colorer-take5 library. Type 'csharp'

private Texture2D tx;
        protected override void LoadContent()
        {
            spriteBatch = new SpriteBatch(GraphicsDevice);

            //비트맵을 만든다.
            Bitmap b = new Bitmap(@"c:\a.jpg");
            //xna �� 컬러배열을 타겟 비트맵 크기만큼 생성한다.
            xColor[] pixels = new xColor[b.Width * b.Height];
            //x , y 루프를 돌려 비트맵�� 컬러를 검출��여 xna 컬러배열에 넣는다.
            for (int y = 0; y < b.Height; ++y)
                for (int x = 0; x < b.Width; ++x)
                {
                    cColor c = b.GetPixel(x, y);
                    pixels[(y * b.Width) + x] = new xColor(c.R, c.G, c.B, c.A);
                }
            //texture2d를 생성��고 컬러를 적용한다.
            tx = new Texture2D(graphics.GraphicsDevice, b.Width, b.Height, 1, TextureUsage.None, SurfaceFormat.Color);
            tx.SetData<xColor>(pixels);


        }
실시간으로 캡춰가 될때 퍼포먼스는 아직 무리수


 
 

Created with colorer-take5 library. Type 'csharp'

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using AForge.Video.DirectShow;
using AForge.Controls;

namespace AforgeTest
{
    public partial class Form1 : Form
    {
        // 크기설정
        int _wid = 640;
        int _hei = 480;


        VideoSourcePlayer player;
        public Form1()
        {
            setPlayer();
            InitializeComponent();

            this.ClientSize = new System.Drawing.Size(_wid, _hei);
            this.Load += new EventHandler(Form1_Load);
            this.FormClosing += new FormClosingEventHandler(Form1_FormClosing);
        }

        //플레이어 셋팅
        void setPlayer()
        {
            player = new VideoSourcePlayer();
            player.Width = _wid;
            player.Height = _hei;
            this.Controls.Add(player);
        }

        //초기화
        void Form1_Load(object sender, EventArgs e)
        {
            //디바이스�� 설정
            FilterInfoCollection device = new FilterInfoCollection(FilterCategory.VideoInputDevice);
            //카메라�� 설정 :: 디바이스�� 0 번째를 가져��다( 카메라가 하나일경우 )
            VideoCaptureDevice cam = new VideoCaptureDevice(device[0].MonikerString);
            //카메라�� fps 설정 :: 안해도 됨
            //cam.DesiredFrameRate = 30;

            //플레이어에 적용 / 시작
            player.VideoSource = cam;
            player.Start();
        }

        //종료
        void Form1_FormClosing(object sender, FormClosingEventArgs e)
        {
            player.SignalToStop();
            player.WaitForStop();
        }

    }
}














Aforge : http://code.google.com/p/aforge/



            http://www.aforgenet.com/






참고 : http://stackoverflow.com/questions/1789684/webcam-calling-in-xna















추가 :: avi 불러오기 



다음과 같이 초기화 하면 된다.









            FileVideoSource video = new FileVideoSource(@"G:\Down\movie.avi");



            player.VideoSource = video;



            player.Start();



















속도가... 빠르다..



 




 

Created with colorer-take5 library. Type 'csharp'

public void setVertices()
        {
            
           // vertices 들 ~//
            //vertexBuff 라는 멤버 변��가 있겠죠..
            vertexBuff = new VertexBuffer(device.GraphicsDevice, VertexPositionNormalTexture.SizeInBytes * vertices.Length, BufferUsage.WriteOnly);
            vertexBuff.SetData(vertices);
        }
        public void setIndices()
        {

           //index들  ~//
            //indexBuff 라는 멤버 변��가 있겠죠..
            indexBuff = new IndexBuffer(device.GraphicsDevice, typeof(int), indices.Length, BufferUsage.WriteOnly);
            indexBuff.SetData<int>(indices);
        }
        

         //메인클��스에 update()에 넣어야 함
        public void update()
        {
            device.GraphicsDevice.Vertices[0].SetSource(vertexBuff, 0, VertexPositionNormalTexture.SizeInBytes);
            device.GraphicsDevice.Indices = indexBuff;
        }

        //메인클��스에 draw()에 넣어야함
        public void render(Matrix view , Matrix projection)
        {
            effect.World = Matrix.Identity; ;
            effect.View = view;
            effect.Projection = projection;

            effect.Begin();

            /* //여러개일경우
            foreach (EffectPass p in effect.CurrentTechnique.Passes)
            {
                p.Begin();
                device.GraphicsDevice.DrawIndexedPrimitives(PrimitiveType.TriangleList, 0, 0, vertices.Length, 0, indices.Length / 3);
                p.End();
            }*/

            effect.CurrentTechnique.Passes[0].Begin();
            device.GraphicsDevice.DrawIndexedPrimitives(PrimitiveType.TriangleList, 0, 0, vertices.Length, 0, indices.Length / 3);
            effect.CurrentTechnique.Passes[0].End();

            effect.End();
           
        }


물론 여러가지 방법이야 있겠지만 꾀나 골머리를 썩은 문제이므로 일단 이대로 .. 


update 부분은 render 에도 해도 되나 그냥 로직과 분리를 하고 싶은 마음에서 한거다.


한가지 덧붙이자면 


effect.World 라던지 effect.View 라던지 effect.Projection 은 변경사항이 없다면 


따로 메소드를 빼서 루프를 돌리지 않는 방법도 있다.








( 첫째도 퍼포먼스 둘째도 퍼포먼스 셋째는 수면... ? )

Created with colorer-take5 library. Type 'csharp'

using System;
using System.Collections.Generic;
using System.Linq;
using Microsoft.Xna.Framework;
using Microsoft.Xna.Framework.Audio;
using Microsoft.Xna.Framework.Content;
using Microsoft.Xna.Framework.GamerServices;
using Microsoft.Xna.Framework.Graphics;
using Microsoft.Xna.Framework.Input;
using Microsoft.Xna.Framework.Media;
using Microsoft.Xna.Framework.Net;
using Microsoft.Xna.Framework.Storage;

namespace WindowsGame9
{
    public class Game1 : Microsoft.Xna.Framework.Game
    {
        GraphicsDeviceManager graphics;
        SpriteBatch spriteBatch;
        Texture2D tx;
        public Game1()
        {
            graphics = new GraphicsDeviceManager(this);
            Content.RootDirectory = "Content";
            graphics.PreferredBackBufferWidth = 272;
            graphics.PreferredBackBufferHeight = 480;
        }

        protected override void Initialize() { base.Initialize(); }
                
        protected override void LoadContent()
        {
            spriteBatch = new SpriteBatch(GraphicsDevice);
            tx = new Texture2D(GraphicsDevice, graphics.PreferredBackBufferWidth, graphics.PreferredBackBufferHeight);

            //픽셀����그리기 (레벨 , 위��(x좌표,y좌표,1,1), 컬러값  ~ )
            tx.SetData<Color>(0, new Rectangle(0, 0, 1, 1),new Color[]{Color.Black} ,0, 1, SetDataOptions.None);
            

            //응용! 면적 체우기 

            //화려한?컬러값을 위해 랜덤 함�� ��출
            Random r = new Random();
            Color c;

            //가로크기
            for (int i = 0; i < graphics.PreferredBackBufferWidth; ++i)
            {
                //세로크기
                for (int j = 0; j < graphics.PreferredBackBufferHeight; ++j)
                {
                    //랜덤 컬러
                    c = new Color(new Vector3(r.Next(i), r.Next(j), r.Next(3)));
                    //픽셀만들기 , 총 272 * 280 개 만큼 그린다.
                    tx.SetData<Color>(0, new Rectangle(i, j, 1, 1), new Color[]{ c } , 0, 1, SetDataOptions.None);
                }
            }
        }

        protected override void UnloadContent(){  }

        protected override void Update(GameTime gameTime)
        {
            if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed)
                this.Exit();
            base.Update(gameTime);
        }

        protected override void Draw(GameTime gameTime)
        {
            GraphicsDevice.Clear(Color.CornflowerBlue);
            
            //시작��고 그리고 끝내고 는 기본.
            spriteBatch.Begin();
            spriteBatch.Draw(tx, new Vector2(0, 0), Color.White);
            spriteBatch.End();

            base.Draw(gameTime);
        }
    }
}



아직 깊게 봐야 할것이 많이 있지만, 우선 요것 가지고 쉽게 사용할수있도록 


AS3 스타일로 클래스를 랩핑하면 매우 유용할듯하다.




원하는대로 Circle 이라던지 Line 이라던지 이제 루프만 잘 돌리면 된다. 




다시한번 곰동님께 감사입니다~ 




※ zune hd의 해상도가 272 * 480 이라서 이러한 크기에서 테스트중..