Nesta coluna aprenderemos passo a passo como
utilizar o elemento CU3ER.

O CU3ER é um elemento desenvolvido para facilitar a implementação 3D
(Flash) de imagem deslizante com conteúdo dinâmico carregado através de
um arquivo XML, é muito simples de editar e utilizar em seu projeto,
deixando com um visual profissional e impactante.

Para iniciar devemos acessar: http://www.progressivered.com/cu3er/

Após baixar os arquivos mapeie em seu software para desenvolvimento web:

Após mapear vamos verificar o arquivo que da toda a dinâmica em nosso
efeito de transição (config.xml):

<?xml version="1.0" encoding="utf-8" ?>
<cu3er>
    <settings>
        <prev_button>
            <defaults round_corners="5,5,5,5"/>
            <tweenOver tint="0xFFFFFF" scaleX="1.1" scaleY="1.1"/>
            <tweenOut tint="0x000000" />
        </prev_button>

        <prev_symbol>
            <tweenOver tint="0x000000" />			
        </prev_symbol>

        <next_button>
            <defaults round_corners="5,5,5,5"/>			
            <tweenOver tint="0xFFFFFF"  scaleX="1.1" scaleY="1.1"/>
            <tweenOut tint="0x000000" />
        </next_button>

        <next_symbol>
            <tweenOver tint="0x000000" />
        </next_symbol>	

    </settings>    
    <slides>
        <slide>
            <url>images/slide_1.jpg</url>
        </slide>
        <!-- changing transition between first & second slide -->
        <transition num="3" slicing="vertical" direction="down"/>
        <slide>
            <url>images/slide_2.jpg</url>
        </slide>		
        <!-- changing transition between second & third slide -->
        <transition num="4" direction="right" shader="flat" />
        <slide>
            <url>images/slide_3.jpg</url>
        </slide>
        <!-- transitions properties defined in transitions template -->
        <slide>
            <url>images/slide_4.jpg</url>
        </slide>
        <transition num="6" slicing="vertical" direction="up" shader="flat" delay="0.05" z_multiplier="4" />
        <slide>
            <url>images/slide_5.jpg</url>
        </slide>
    </slides>
</cu3er>

Abaixo as principais funcionalidades do cu3er 3D
que pode ser modificada no arquivo xml:

• Real transições 3D
• Sombreamento
• Cúbica horizontal
  ou vertical
• Direção de transição – esquerda, direita, cima,
  baixo
• Duração e tempo de transição
• Cor do Cubo
• Direção
  automática frente e para trás transição
• Substituir as
  configurações globais para cada transição
• Cantos arredondados
  para navegação e descrição caixa
• Alterar as coordenadas,
  dimensões, orientação, cor, alfa e informação
• Linear e circular
  modelos personalizáveis para preloader e slideshow indicador
• Incorporar
  fonte favorita
• Texto – tamanho, cor, alinhamento, margem,
  levando e espaçamento entre letras ajustes
• Combinações e
  possibilidades ilimitadas
• Inserir imagens

É um bom elemento para colocar nas seus projetos. Embora ele não permita
edição no Adobe Flash. Você pode usá-lo editando o XML com a suas
configurações.

Um exemplo simples para verificar como é fácil inserir em seu projeto:

Resultado:

Bom essa é a dica de um excelente elemento dinâmico,
totalmente gratuito, com isso seu projeto ficará mais atraente e com
movimentação dinâmica e atual.

Referência:
http://www.progressivered.com/cu3er/

Um abraço a todos!