Xamp e FilleZila em Server FTPD

Como colocar o Xampp no Fillezilla

A proposta do Filezilla

Uma experiencia boa para usar o Xampp e realmente tratá-lo como um servidor local igual se faz nos servidores online, para fazer isso uso o FilleZilla, ao invés de enviar manualmente os arquivos ate o servidor, e bem mais rápido e seguro enviar com um gerenciador, neste caso o Filezilla, também com duas abas de gerenciamento fica muito mais fácil gerenciar o trafego de arquivos.

 O que e o Filezilla ?

Um ótimo gerenciador FTP, SFTP e FTPS de código livre, além de fácil de usar,torna bem mais dinâmico o trafico de dados entre o servidor a seu computador. Ainda não testei um alternativa ao Filezilla, o que e bom pois demonstra minha satisfação com o programa na realização do meu trabalho, percebi no uso que o filezilla é seguro e rápido, um dos problemas fácil de resolver que tive foi reportado como " Falha na transferência do arquivo filezilla " o que muita vezes são problemas de login quando  nome de usuário e senha, ou bloqueios no firewall, mas de resto tudo se resolve.

Preparando o Xampp

Pelo fato do Xampp ser completo ele pode ser usado para faze seu ambiente local de forma rápida e segura para postar seu site a partir de configurações simples que passei em outra postagem, recomendo que confira. para prepara o Xampp deve se iniciar nele o servidor ProTPD, que e um servidor FTP livre e de código aberto bastante usado no Linux e windows

Preparando o Xampp

Agora e preciso criar um grupo FTP onde recebera o usuário par uso do cliente FTP do Filezilla, coloque este comendo no terminal " groupadd ftp ", agora adicione os usuários com este comando  "usermod -a -G ftp nomedousuario", agora preparar a pasta para receber o site sem problemas de permissões. O site normalmente fica numas pasta com este caminho "/opt/lampp/htdocs" então para aplicar entramos um diretório acime da pasta e mudar suas permissões. Primeiro comando, "cd /opt/lampp/".  segundo comando " chown root.ftp htdocs chmod 775 htdocs ". 

Entrando com o Filezilla

Para conectar o Filezilla no servidor FTP e conseguir gerenciar seus site, basta faze o seguinte em Host você coloca o endereço da sua maquina com o servidor Xampp, você pode usar o comando "ifconfig" e pegar o IP ou então pode usar o no lugar do da maquina IP este IP aqui "127.0.0.1", em nome do usuário: você coloca seu nome de usuário normal que ja existe no sistema, ou então o nome de usuário da pessoa que vai usar, porem lembre-se de que os usuários são aqueles que estão cadastrados com o comando que fizemos la em sima, se não estive deve ser feito não será autorizado o acesso, no campo senha e sua senha de usuário tambem do sistema, aquela senha de usuário sudo que você usa normalmente, por ultimo a porta que e a porta do firewal "21".

 

Quando entra você tera do lado direito seus arquivos do servidor FTP e a esquerda os arquivo local de edição do seu site. espero te ajudado e um grande abraço e até mais pessoal.

Xampp no Biglinux

Como instalar o xampp?

O que e o Xampp?

 O xamp e um pacote de ferramentas completo pra servidor que ajuda muito a desenvolver seu site mesmo evitando precisar de um servidor na internet, ele instala o servidor HTTP Apache , ja vem com interpretador vercao PHP 5.6 pra cima, banco de dados Mysql  a para o xampp database. Com uma interface fácil de configura uso ele pra testar meus sites antes de aplica no servidor online, e bem complicado de instalar, mas depois fica tudo mais simples. veja como instalei o meu e ficou uma beleza.

Atenção

E sempre bom ver sua versão de sistema, se for x32 baixe a versão xampp download 32 bit, porem se for x64 baixe xampp download 64 bit. Instalei no Biglinux x64 baixei o xampp ja atualizado no site sourceforge.net,  depois instalar ele como sudo, abra o terminal no local do arquivo e escreva " sudo ./nomedoarquivo.run". Assim basta esguite clicando em próximo ate terminar a instalação. agora e importante testar se esta tudo bem, teste com o seguinte comando paraver se inicia "sudo /opt/lampp/lampp start ". se iniciar encerre ele com o esguite comando "sudo /opt/lampp/lampp stop".  Escreva o seguinte teminal.

"ls /opt/lampp" para ver o se aparece o arquivo "manager-linux-x64.run". Para o atalho funionar precisa instalar o gksu "sudo apt-get install gksu".  porem nao existe mais e bom baixar uma alternativa como uso o biglinux ele ja tem o bigsudo

Assim falta criar o acesso ao executável no menu e com categoria certa vasta escreve este comando no terminal. 

echo -e '[Desktop Entry]\n Version=1.0\n Name=xampp\n Exec=gksudo /opt/lampp/manager-linux-x64.run\n Icon=/opt/lampp/icons/world1.png\n Type=Application\n Categories=Application' | sudo tee /usr/share/applications/xampp.desktop

Quando clicar no atalho ele incia pedindo uma senha que e a senha do usuario sudo 

Quando entrar com a senha e clicar em ok abrira a janela do Xampp

Agora sim um site inteiro do ser criado e usado para diversos fins inclusive para estudar e aprender mais sobre tudo de php. podemos agora aprender o verdadeiro significado do xampp

#xampp #josegamestest  #php #mysql #banco de dados #apache2 #apache

Como fazer pixelarte Animada

 O que e sprite?

Para fazer pixelarte e preciso entender que e uma técnica simples de gerar imagens digital pixel a pixel, os sprites mesmo são muito usados para apresentar graficamente os jogos, por serem leves e terem uma essência visual única, existem muitos apps de sprites animados vou apresentar aqui um bem legal e gratuito, o  LibreSprite, fiz um video sobre ele e minha primeira impressão ao usar, e de fácil aprendizado e também gratuito.

O que sprite animado?

Sprite animada em pixel arte sao sequencias de imagens em linha, coluna e as vezes em tabela, que são orientadas para mostra uma apos a outra, e assim dando a impressão alteração de estado, ou movimento. Para fazer o sprite animado  e preciso primeiro desenhar a primeira imagem e depois criar uma sequencia de frames 

Pixel arte animado

Se você já domina pixelarte, agora e só fazer sua sequencia de sprite para animar, mas para isso e importante escolhe ferramenta boas,  veja no video abaixo um exemplo de ferramenta que ajuda nisso o LibreSprite que e gratuito e fácil de usar.

Video sprite animado canal josegamestest

As imagens com pixel art 16x16, pixel art 32x32 e pixel art 64x64, são muito utilizados por deixar o app leve e bonito, pois são imagens que contem uma boa coleção de pixels, e bem ocomum usar para gera gráficos em sprite rpg pois dão um aspecto bem legal para o jogo sem ocupar muito espaço, uma vez que e necessário muitos para representar os itens e personagens no jogo, e sempre bom ter um bom criador de sprite, dominado ele poderá fazer muito com menos esforço e se caso precisar de uma ferramenta na hora do aperto não precisa ficar cassando no s menus e nem estudar tudo de novo em outro programa.

E hora de pixelar, fazer sua animações easy, cool, master e tambem o que achar melhor para definir seu apreço pela arte digital,  boa sorte e vá aos estudo com vontade que você sera uma bom artista.

Arduino Leonardo button box pc

Arduino Leonardo

Vale a pena comprar um  Arduino Leonardo?

Um Arduino dos mais legais e o Arduino Leonardo, com ele da pra fazer projetos que podem controlar atividade do computador como se fosse um mouse ou um teclado USB, ate controles de videogames em casa, meus colegas fazem isso sem saber programar, apenas assistindo dicas rápidas que pesquisam na internet, fazem volantes, inserem comando no computador com uma facilidade muito grande, por ter uma electronica simples e programação mais fácil, qualquer pessoa pode ter uma Arduino em casa sem se preocupar, já fiz sintetizadores simples, e controladores mid que funcionam de verdade com Arduino, usando de bibliotecas gratuitas que facilitam ainda mais trabalhar, da para ir longe e realizar o sonho de fazer o que gosta com uma logica bem simples. 

Característica

A maior característica do Arduino Leonardo e seu visual, porem sua diferença mais importante e ser composto pelo micro controlador ATmega32u4 igual o Arduino Micro que tem uma placa menor, entre outros, porem da pra fazer muito com ele.  

  

Alguns dos projetos mais incríveis são os volante para Simuladores, da para jogar simulador de caminhão igual o  euro truck steam que tem versão gratuita de test e o jogo e bem barato o bom e que ainda da para jogar euro truck 2 online com os colegas e se divertir muito,

Button box pc

Um progeto legal demais que da pra fazer são as buttonbox, o pessoal faz button box  ts2, também button box sim racing para  jogos de corrida as top são as button box pc pois pode controlar vários recurso alem de jogos, exemplo programas mesmo como o obs studio em live

O que mais da pra fazer com button box?

E possível controlar programas com arduino, via mid igual controle de teclado, uma button box pc e feita de varias formas,  tando para funcionar como mid e também botão de teclado, o mais legal e que feita de arudino e mais simples de construir e de programar e também muito barato, da pra fazer ate com aquela marmita ou caixa organizador que tem guardado mais umas sucata ou com um case profissional + um quit de botoes arcade.

Você já fez algo em arduino?

Você gosta de arduino? O que voce ja fez? eu quero aprender mais e conseguir mais placas para mais projetos ate la vamos com calma.

Dica como fazer sombra na letra com o gimp

Colocar sombra nas palavras e bem fácil de fazer

Sombra no texto como fazer de forma profissional, nada de duplicar camada e tirar o brilho da camada de baixo, chega de ficar posicionando elementos de forma errada, Vou te mostrar neste tutorial, uma método simples e muito profissional que uso nos meus trabalhos, con certeza vai te economizar um bom tempo, esforço e deixar seu trabalho muito mais elegante.

Uma dor de cabeça que sempre tive era fazer sombras no editor de imagens, a única  forma era duplicar objetos, tirar o brilho da camada de baixo, ate ficar escuro, mas isso e muito trabalhoso. Porem numa atualização do Gimp mudou tudo, agora com um filtro especifico eu posso fazer em poucos passos o que era bem trabalhoso.

Como fazer ?

Crie uma nova imagem do tamanho que precisar, usarei 800x400 para uma imagem horizontal de qualidade razoável.

Coloque um texto do tamanho desejado, eu coloquei um texto com poucas palavras e tamanho da fonte bem grande 350px.

Para adicionar sombra basta clicar no menu Filtros, na lista de filtro que expandiu você clica em luz e sombra, e por ultimo na lista de edição de luz e sombre que expandiu você clica em  em Sombra projetada.

Quando clicar vai aparecer um menu com varias opções, vou citar um por um numa lista para entender melhor que ele significa.

Sombra projetada

 

1 Armazenadas. O primeiro item da lista serve para selecionar as edições que foram feitas anteriormente no histórico para aplicar novamente no novo texto.

 

2 Barra de Deslocamento do sombreamento. Estas barras são para deslocar a sombra na Horizontal e Vertical, assim posicionar a sombra na tela. do nado tem um a corrente que e para bloquear e desbloquear se as barras seguem paralelas ou individuais.

3 Raio de desfoque. O raio de desfoque e para espalhar a sombra e ter um aspecto mais suave.

4 Cor. Em cor abre o color picker para selecionar a cor que precisar na sombra.

5 Opacidade. aqui e onde você escolhe no nível de transparência da imagem.

6 Slitview. Serve para ativar uma divisão na tela para ver uma parte com efeito e outra sem, serve para fins de monitoramento do seu trabalho.

7 Pré-visualisação Ativado mostra seu trabalho em tempo real sendo feito, desativado mostra sem o efeito, ajuda muito fer o antes de depois se ainda não tiver aplicado o filtro.

Vamos praticar ?

Para você ver como o filtro atua abra ele no seu texto e coloque as seguintes opções

 

1. Na barra de deslocamento do sombreamento coloque o calor 12,000 nos dois assim a sombra fica só um pouco abaixo e a direita da letra.
2. No desfoque você coloca apenas 4,00 assim teremos um leve espalhamento na sombra.
3. Cor deixe preto mesmo.
4. Opacidade pode deixar 0.800, assim a sombra fica levemente transparente.
5. Agora clique em ok para confirmar.

O resultado e uma letra com uma sombra leve e bonita, vale lembra que a sombra pode ser de qualquer cor, e a distancia as configurações e de acordo com sua necessidade. 

 

Site para baixar o gimp: 

https://www.gimp.org

Inverter o mouse no Blender

Blender o mouse esta estranho

Quando vai selecionar um objeto algo da errado, nada selecionam vai mover o objeto e ele não move, vai fazer um laço no objeto e não da certo, o que esta errado nisso?  porque o mouse esta invertido, como resolver então?

 

 O que esta acontecendo com o Blender?

Alguns usuários já profissionais no Blender com muitos anos já acostumaram com a maioria das ferramentas e o visual do Blender, porem uma alteração mesmo pequena pode atrapalhar e muito, porem com suas mudanças drásticas no visual e nos comandos pode atrapalhar muito na produtividade, mesmo dos mais antigos usuários.

Eu não uso menus mas atalhos de mouse e telado para fazer tarefas simples, assim sobra esforço  para tarefas mais complexas, mas sempre vem aquela atualização que atrasa meu lado com muitas novidades boas mas outras não tao boas. O principal deles e o uso do botão esquerdo do mouse para laçar e o direito para para pegar os objetos que e invertido. Nomes diferentes para opções que são muito importantes e bem conhecidas e ninguém acha mais e tem de revirar a internet ou a documentação do programa tentando entender oque ouve. Diferente disso os ícones que da pra supera de boa.
O blender 2.8 veio com isso. e novamente os alunos novos na área não sabem porque esta dando tudo errado, o problema não e aula pois o Blender tem uma comunidade muito rica em conhecimento e brota cursos a rodo. O maior problema da atualização forcada e que torna ate os cursos mais ricos em conhecimento obsoletos, falo isso por experiencia própria, me sinto ultrapassado quando desafiado pela pela ferramenta.
Blender Foundation nos deixe trabalhar em paz, acrescente sempre, porem pra que mudar o essencial? Novatos não sabem o que fazer e os antigos ficam frustrados, Youtuber que se aguentem.

Inverter mouse

Para você conseguir laçar com o botão esquerdo e pegar com o botão direito precisara inverter o botão do mouse no nas propriedades,

Clique no menu editar, depois clique no submenu preferencias.

Assim abrira uma janela, procure a opção "Keymap" e clique nela para abrir as opções de teclas.

 Em preferencias tera dois botoes como opção "left e right" escolha Right

Para não perder as configurações, basta clicar na opção de menu abaixo e depois em salvar preferencias e pronto agora um problema resolvido.

Site de download do blender: Link

Como Ativar o Xray no blender

O que ouve com o xray?

 As atualizações do Blender sempre trazem mudança bem completas
O que e  mais notável quando muda  e a parte visual, porem o que vem para otimizar, acaba por trazer também algumas dores cabeça. Exemplo o x-ray necessário nos sosso ajudam muito os animadores na hora de selecionar cada parte, como ele ativo da para ver os osso através da malha, mas ele não foi removido porem mudou de nome. Ao invés de se chamar xray agora se chama InFront, então e uma questão de aprender novos nomes, o que dificulta um pouco na hora de usar.

 

Como resolver ?

 Para resolver o problemas e bem simples basta seguir alguns passo.
1 Entre na aba layout para ter uma área de edição inicial, selecione o esqueleto que vai receber o xray no editor de tipo 3D Viewport .

Agora no editor do lado propriedades, clique na opção Object Data  Proprerties, nele você apodera editar as propriedades do objeto selecionado, selecionai um esqueleto então tera neste menu apenas as propriedades deste tipo de elemento, agra clique para expandir o menu Viewport Display, 

E nele que esta o xrai porem com outro nome, então agora e só clicar com o bota direito do mouse na opção in front para marcar ele e ter os ossos vistos através da malha.

Para desativar o procedimento e o mesmo, porem desmarcando a opção In Front.

Blender site de baixar: Link

Tirar chiado com Audacity de forma profissional

O ruido entenda o problema.

Existem vários tipos de elementos no áudio que podem atrapalhar a qualidade,
um deles e quele Ruido parecendo som de radio mal sintonizado as vezes não interfere, porem esta la e nem ninguém gosta. neste tutorial vamos remover ruido do áudio com o Aduacity que e um editor de áudio grátis. 

Audacity filtro de ruido

No Audacity tem um ótimo filtro de ruido, com ele da para remover ruídos até no meio da gravação, por meio de uma comparação de amostra de áudio, uma coisa que as pessoas fazem e gravar o áudio e deixar uma parte sem falar nada para remover o ruido, isso pode trazer alguns problemas pro áudio,

 

Como evitar problemas na remoção do chiado

Quando gravar o áudio com microfone do notebook, que já e bem sensível por ser de eletreto, o microfone dinâmico que mesmo sendo menos sensível que o microfone condensador ainda pega ainda algum fragmentos de áudio a loga distancia. Se alguns ponto da amostras de som que foi selecionada para analise de rido tiver fragmentos de som parecidos com o vocal ou instrumento usado, sera considerado no processo,  e que quando for  aplicar o filtro, ocorra a voz pode ficar mais baixa em alguns pontos por causa de compressão indesejadas ou ate mesmo a perda de palavras similares na voz deixando a faixa com falhas.
 

Como remover o chiado de forma mais profissional?

Uma coisa que podemos reparar e que estes ruídos de microfone, interface de áudio amplificadores,  cabos etc, são bem parecidos, praticamente a mesma coisa, o que faço e gera o "Ruido rosa" no Audacity e uso ele como referencia na remoção de problemas de chiado exemplo.

Como gera o tal ruido rosa?

E bem simples, basta clicar no menu "gerar" depois em "ruido" agora tera uma janela do gerador

Agora muda  de ruido branco que parece som de chuva, para ruido Rosa

 

 

Coloque a Amplitude o valor 0,1 a duração fica a seu critério, mas é bom deixar como está, teste o som com o botão visualizar, se estiver igual o seu chiado de microfone basta clicar em ok para concluir se não diminua ou aumente os valores da Amplitude e valores depois da virgula tipo, 01,02,03,04,05,06. Agora você tem uma amostra para usar no filtro.

Pegando perfil do filtro de ruido

Pra obter a amostra de rido selecione uma parte do ruido que foi gerado

assim que

  Depois abra o filtro de efeito de redução de ruido, e clique em obter perfil de ruido.

Agora selecione a parte que tem o áudio gravado a ser tratado, e abra novamente o filtro
fique atento ao seguintes detalhes.
Redução de ruido (ab): Este e o valor da intensidade de amostra de ruido aplicada, Sensibilidade: quanto maior for o valor mais agressivo e a atuação do filtro e qui que seu adio corre o risco fazer seu áudio perder detalhes e ficar com aspecto de robô ou tenho altas diferenças de intensidade (volume) em partes do áudio.
Suavização da frequência (banda), aqui quanto maior o valor mais o programa vai tentar mascara a aplicação do filtro suavizando a amostra tratada de ruídos, evitando que a voz fique muito forçada parecendo voz de um robô.

 

Clique em visualizar se estiver bom, clique em ok, se não gostar continue testando novas regulagens até ficar bom, se não quiser aplicar estas configurações e achar que e necessário pegar um perfil de ruido diferente, clique em cancelar e recomesse novamente.

Link do Audacity para baixar: Baixar

O que e svg porque usar

O que são vetores SVG

Fazer vetores para site e a ótima forma de representar alguns de seus elementos, ter a ferramenta certa e conhecimento sobre isso e muito importante para criar seus conteúdos o formato gratuito mais usado e o SVG. vamos falar de como podemos criar e onde aprender o essencial sobre os assunto.

Pra que serve os vetores?

Os Vetores são muito importantes em vários cenários de criação visual principalmente na internet, tem aspecto mais polido para representar artes gráficas simples. Um site por exemplo precisa de arte gráfica responsivas para criar seus logos, ícones, etiquetas, entre outras representações visuais, então e comum desenharem este tipo de elemento em editores SVG, o resultado são elementos gráficos mais limpos, bonitos, leves e dinâmicos,

Do que e feito os vetores.

Os vetores são códigos de linguagem em xml  para desenho de forma gráfica objetos 2D tanto deforma fixa quanto animadas, a extensão mais usada e o SVG que significa:  scalable vector graphics, este nome e uma forma de dizer que os objetos criados são constituídos por vetores e pode se adaptar a partir sua forma a medida que for escalonado",

Qualidade e responsividade

 Diferente dos projetos feitos de pixeis que perdem sua qualidade ao serem escalonado com e o caso do .PNG e .JPEG. diferente deles o SVG a medida que  escalonado por ser um vetor sua escala se adapta de forma dinâmica para não perder a qualidade. O vetor que compõe o elemento são segmentos retos e curvos que pode modificar suas propriedades de tamanho ao ser esticados ou encolhidos. para melhor responsividades dos tracos a medida que sua escala aumenta para evitar perder qualidade da linha recebem modificações em seus segmentos ou ate mesmo a medida que encolhe estes segmentos são orientados  para melhor desempenho e qualidade.  uma vantagem de usar a extensão SVG que ele uma aplicação de código aberto e livre para uso.

Programa para fazer vetor gratuito

O que mais tem e ferramentas  para SVG, tanto online quanto offline, porem nem todos são completos, aprender um editor mais completo e atualizado pode lhe oferecer mais recursos sem seus trabalho, o que eu mais uso e o Inkscape.

Visual profissional, pode ser usado tanto por profissionais quanto para iniciantes, tem muitas ferramentas para trabalhos com SVG, visualizador xml integrado, multiplataforma (Windows, Linux, macOS), e contem um site recheado de recursos sobre a ferramenta e os formatos de trabalhos, da para exportar vários formatos (SVG, AI, EPS, PDF, PS e PNG) e contem variações de exportação otimizadas para seus projetos.

Converter SVG em PNG

Umas coisas que as pessoa mais tem duvida e de como converter  SVG em PNG ou JPEG

porem, na pratica e importante saber que isso e estranho quando se conhece os dois formatos de perto. Pois o svg e mais que um extensão do arquivo, isso diz mais a respeito de como a imagem e constituída e seus dados são orientados. 

Então como faço para resolver isso?

Simples de entender, as duas ideia que podemos e em primeiro como renderizar um projeto svg para png, jpeg e etc. E depois no seu oposto temos como vetorizar uma imagem em png, jpeg etc. Assim e possível ter uma projeção da ideia que precisamos resolver. lembrando que renderizar um projeto e uma coisa simples de se fazer, no oposto vetorizar as veze requer aplicar da cada linha pessoalmente

Programação Lua Aprender

O que e lua?

 Lua e uma das linguagens de script em alto nível, usadas na construção de projetos de forma  descomplicada.

 

Apresentada pelo Prof. Roberto Lerusalimschy do Departamento de Informática da PUC-Rio,  durante a 33ª edição do Congresso da Sociedade Brasileira da Computação, 

O primeiro projeto usando lua como linguagem de script um  jogos chamado Grim Fandango feito em1997 pela LucasArts 

Vantagens

Por ser muito flexível e multiplataforma foi projetada para expandir aplicações,usada na prototipagem de softwares mais complicados tornando viável a realização dos  projetos mais complexos. E uma linguagem menos complexa, que também auxilia muito a inclusão de  novos programadores no mundo da programação, fez muita historia no mundo dos jogos, como na Blizzard Entertainment com o jogo World of Warcraft,