JPontes: Silverlight

JPontes

Mostrar mensagens com a etiqueta Silverlight. Mostrar todas as mensagens

21/01/2010

Silverlight efeitos de bolhas na bebida

De certeza que já viu o borbulhar de uma imperial acabada de tirar pois bem é um exemplo deste tipo que vos trago hoje,este exemplo é inspirado numa aplicação Flash que pode encontrar aqui e resolvi recriar algo semelhante no Silverlight .

Ler mais ...

Ler mais »

19/12/2009

Silverlight como criar e usar efeitos Pixel Shaders

Os efeitos Pixel Shaders são hoje muito utilizados principalmente na industria dos vídeos jogos estes possibilitarem transformações visuais complexas ,no Silverlight estes efeitos começaram a ser suportados com o lançamento do Silverlight 3 .
Mas o que é o Pixel Shader?
O pixel shader é um conjunto de intrusões normalmente executadas na GPU(graphic processing unity) componente das placas gráficas e que permite realizar complexos efeitos nos pixels(pequena unidade da imagem) no Silverlight esta tecnologia é suportada por via de algoritmo de software .
Esta tecnologia permite então trabalhar os diversos atributos dos pixéis melhorando as imagens e criando os mais diversos efeitos e porque são executados na GPU da placa gráfica é libertado o processador para outras tarefas , infelizmente no Silverlight este efeitos são realizados por um algoritmo logo não são tão rápidos que executados na GPU.
Passando esta parte mais introdutória vamos ao realmente interessa que é utilizar este efeitos no Silverlight estes efeitos são criados usando High Level Shader Language (HLSL) que faz parte do SDK do DirectX mas escolhi começar por mostrar como utilizar este efeitos já criados porque certamente é a que vai utilizar mais vezes.
O Silverlight 3 traz implementados 2 efeitos o blur e o shadow se quiser ver um exemplo do shadow pode visitar o exemplo aqui que eu já anteriormente tinha criado.Visto que o Silverlight não fornece uma grande quantidade de efeitos e vamos aproveitar o projecto wpffx que fornece uma biblioteca com uma grande quantidade de efeitos, se quiserem visualizar os efeitos que este projecto fornece que podem verificar o seguinte vídeo:

Aplicar este efeitos é muito fácil , basta adicionarmos a referencia para a biblioteca dos efeitos escolhermos o controlo a aplicar os efeitos no meu caso vou escolher um imagem e criar um efeitos e aplicar na imagem ,agora configure os parâmetros do efeito aos seu jeito , no meu exemplo aplicarei o efeito de Pixlate a uma imagem e criar 2 slidebars para mudar a quantidade de pixéis na horizontal e na vertical.

PixelateEffect effect =new PixelateEffect();
effect.VerticalPixelCounts = 50;
effect.HorizontalPixelCounts =50;
MyImage.Effect =effect;

Código fonte da aplicação para download aqui.

Agora vamos a parte mais dolorosa que é criar de raiz os nossos efeitos .

Para fazermos isto teremos de fazer o download do DirectX SDK pois vamos necessitar do compilador de efeitos (fxc.exe) . Instalado já podemos criar o nossos efeitos usando o Microsoft High-Level Shading Language (HLSL) a linguagem utilizada para manipular imagens.

Relativamente a criação do efeito vou deixar ao vosso gosto o efeito que escolhi para este tutorial foi o Nightvision.fx (adaptação de código http://developer.valvesoftware.com/wiki/Vision_Nocturna) ,para criarmos o nosso ficheiro .ps existem varias possibilidade a primeira é gerar o ficheiro na linha de comando executando o fxc /T ps_2_0 /Fo Nightvision.ps Nightvision.fx a que aconselho é utilizar a aplicação http://shazzam-tool.com/publish.htm que permite compilar e visualizar vários exemplo da aplicação do efeito alem disso ainda gera código c# para utilizarmos no seguimento.

public class Nightvision : ShaderEffect 
    { 
        public static readonly DependencyProperty InputProperty = ShaderEffect.RegisterPixelShaderSamplerProperty("Input", typeof(Nightvision), 0); 
        public static readonly DependencyProperty BrightnessProperty = DependencyProperty.Register("Brightness", typeof(double), typeof(Nightvision), new PropertyMetadata(((double)(0)), PixelShaderConstantCallback(0))); 
        public Nightvision() 
        { 
            PixelShader pixelShader = new PixelShader(); 
            pixelShader.UriSource = new Uri(@"/SL3CustomPSeffect;component/Nightvision.ps", UriKind.Relative); 
            this.PixelShader = pixelShader; 

            this.UpdateShaderValue(InputProperty); 
            this.UpdateShaderValue(BrightnessProperty); 
        } 
        public Brush Input 
        { 
              get { return (Brush)GetValue(InputProperty); } 
              set { SetValue(InputProperty, value); }        
        } 
        public double Brightness 
        { 
              get { return (double)GetValue(BrightnessProperty); } 
              set { SetValue(BrightnessProperty, value); } 
        } 
    }

O resto já sabe é só utilizar.

Código fonte da aplicação para download aqui.

Se mesmo depois deste tutorial ainda tiver duvidas não deixe de assistir o vídeo tutorial oficial do Silverlight acerca do Pixel Shader aqui.

Referencias e recursos a consultar (EN):

Ler mais ...

17/12/2009

Moonlight 2 disponibilizado e anuncio de Moonlight 3 para 2010

Foi lançado o Moonlight 2 , o Moonlight é a implementação código aberto do Silverlight e destinasse aos sistema operativos Linux .
O Moonlight como já referi destina-se aos utilizadores Linux e terá compatibilidade com a versão do Silverlight 2 sendo que também tem algumas das funcionalidade que o Silverlight 3. Foi também anunciado uma maior colaboração entre a Microsoft e Novell forma a implementar também as versões 3 e 4 do Silverlight sendo que está previsto o lançamento do Moonlight 3 no primeiro trimestre ainda como pré-visualização e numa versão final no terceiro trimestre de 2010.
Agora relativamente ao dados mais técnicos na criação de aplicações Moonlight 2 os programadores podem utilizar varias linguagens para como C#, Ruby, Python e Javascript e tirar partido do suporte de janelas de selecção de ficheiros das APIs de Bitmap , conectores de pipeline de elementos multimédia ,personalização de codecs de média, maior fluidez na distribuição de elementos multimédia tendo em conta a ligação de Internet do utilizador bem como outras funcionalidades interessantes.
Alguns exemplos de aplicações :

Recursos e mais Informação:

Ler mais ...

05/12/2009

Deep Zoom Compozer agora tambem com Ajax

Agora já pode criar efeito de profundidade nas duas imagens sem necessidade do silverlight e apenas utilizando a tecnologia ajax.
Faça download Deep Zoom Composer e crie um novo projecto e junte as suas imagem quando finalizado basta apenas exportar escolhendo a opção “seadragon ajax” e este gerará os ficheiros necessários com o demo da aplicação.
Para conhecer todas as opções não deixe de visitar http://www.seadragon.com/developer/ajax/

Ler mais ...

02/12/2009

Queda de Neve no Silverlight

Quer criar o efeito de queda de neve no Silverlight então existe uma exemplo no site eu tomei a liberdade de alterar este exemplo e o resultado é o seguinte:

Ler mais ...

27/11/2009

Siverlight, aplicar o efeito sombra

Umas das surpresas que surgiu de quando do lançamento do Silverlight 3 foi a possibilidade de aplicar efeito de sombra (Drop Shadow) e de Blur aos componentes .
Aqui fica um pequeno exemplo de como é fácil e rápido a aplicar uma sombra a um botão:

<StackPanel VerticalAlignment="Top" Margin="0,0,14,0" >    
          <Button Content="O Meu Botão Com sombra">     
              <Button.Effect>     
                  <DropShadowEffect Color="Black" Direction="320" Opacity="0.5" ShadowDepth="10"/>     
              </Button.Effect>     
          </Button>     
  </StackPanel>

Download:

Ler mais ...

18/11/2009

Versão Beta do Silverlight 4 está ai!!

Foi disponibilizada a versão beta do Silverlight 4 , fiquei impressionado com o numero de melhoramentos e funcionalidades implementadas nesta versão .
Para começar com é exigido por praxe os links para download do Silverlight e das ferramentas necessária para tirar total partido do mesmo:

Visual Studio 2010 Beta 2 ou Visual Web Developer Express 2010 Beta 2
Silverlight Tools for Visual Studio 2010
Expression Blend for .NET 4 Preview – criação de aplicações Silverlight 4 e WPF 4 .
WCF RIA Services (anteriormente serviços .NET RIA) (Nota: está incluida tando no SL Tools como no Silverlight 4)
Silverlight 4 SDK CHM (documentação para download) – pode utilizar também a documentação online aqui .
Actualização do Silverlight Toolkit para Silverlight 4
‘Rotinas’ para desenvolvimento: Windows e Mac .
Silverlight 4 SDK only – não é necessário se instalar o SL tools .
Silverlight Media Framework – Novo, biblioteca código aberto de leitor de mídia.

Quanto as funcionalidade que foram implementadas apenas vou referir algumas das que acho mais relevantes, tais como possibilidade de impressão de documentos, suporte do Google Chrome, autenticação via rede, acesso a documentos locais, acesso a microfone e webcam, suporte de H.264, suporte da roda do rato entre muitas outras funcionalidade.
Se quiser ver na íntegra as funcionalidade do SL 4 dei-a uma espreitadela nos links seguintes onde encontrará toda a informação:
Links mais gerais , para uma primeira abordagem ao SL4:

Descrição detalhada das novas funcionalidade com exemplos e videos:

Ler mais ...

11/11/2009

Laçamento do Facebook SDK

A Microsoft lançou um conjunto de bibliotecas que permitem tirar partido das funcionalidades oferecidas pela plataforma Facebook.

Desta forma todos os programadores .NET podem mais facilmente criar aplicações para o Facebook ,como integrar as mesma aplicações nesta rede social.

Podem fazer download da mesma em Download Facebook SDK , poderão então verificar que cotem os seguintes dll’s :

Facebook.dll : Este será o ficheiro base de todas as aplicações . Nele está implementado toda a estrutura de comunicação com o facebook e a sua aplicação. Neste ficheiro também está especificado o suporte para aplicações XAML (Silverlight e WPF) bem como associações de dados e cache de dados.
Facebook.Silverlight.dll: Este ficheiro será a base para as aplicações Silverlight e terá está implementado toda a estrutura de comunicação com o facebook e a sua aplicação Silverlight bem como associações de dados e cache de dados. A implementação REST API neste assembly funciona de modo assíncrono.
Facebook.Web.dll: Este ficheiro deverá ser usado por todas as aplicações Canvas. Terá como responsabilidade a comunicação com o facebook e a sua aplicação canvas (FBML e IFrame).
Facebook.Web.Mvc.dll: Permite o suporte de aplicações canvas que utilizem o ASP.NET MVC.Está separada do Facebook.Web.dll para não obrigar todos os programadores de instalarem o ASP.NET MVC.
Facebook.Winforms.dll: Este ficheiro permite a criação de aplicações Windows (Winform) .Contem também componentes que comunicam com a API e facilitam a listagem de dados do Facebook.

Para começarem é recomendado que alem de fazerem o download do SDK que vejam os manuais de iniciação a esta biblioteca bem como os exemplos da mesma.

Referencias:

Ler mais ...

09/07/2009

Silverlight 3 para download

Ja está disponível a nova versão do Silverlight 3 , nesta nova versão destacasse o suporte para vídeos de alta definição ,suporte de gráficos 3D ,efeitos Pixel Shader,suporte de temas ,suporte de mais de 60 controlos ,possibilidade de correr aplicações sem necessidade de utilizar um browser e muitas outras funcionalidades que deixo para o leitor descobrir.

Links para download:

Silverlight 3 Runtime (Para o utilizador final correr aplicações Silverlight )

Silverlight 3 Tools for Visual Studio (Incorporação no seu Visual Studio 2008 de forma a criar aplicações Silverlight )

Expression Blend 3 + SketchFlow RC
(Ferramenta visual que permite a criação aplicações web do Silverlight 3 (Versão limitada por 60 dias))

Silverlight 3 SDK (obeservação: se instalou o "Silverlight 3 Tools for Visual Studio" não necessita de instalar esta)

[NOVOS LINK'S (10/07/09)]
Silverlight 3 Toolkit July 2009 (Colecção de ainda mais controlos para o Silverlight)

Microsoft Silverlight 3 Offline Documentation (Documentação para trabalhar sem acesso a Internet )

Microsoft Silverlight 3 ONLINE Documentation

Ler mais ...

21/01/2010

19/12/2009

17/12/2009

05/12/2009

02/12/2009

27/11/2009

18/11/2009

11/11/2009

09/07/2009

Top Tabs