Repositório do editor FunFic. Disponível em: https://funfic.com.br
Este é um projeto em HTML, CSS e JS puro, ou seja, não precisa rodar nenhum comando em Node ou algo do tipo.
Para rodar, é necessário clonar e servir a pasta usando um servidor HTTP de preferência.
FunFic é um espaço inventivo, onde você poderá explorar novas formas de construção, exibição e transmissão de conteúdo literário fazendo uso de novas tecnologias digitais. A ideia é proporcionar o encontro entre o universo fanfic e programação criativa em um ambiente laboratorial para desenvolvimento de novas experiências com a produção literária e escrita de códigos.
Esperamos que quanto mais você exercitar suas ideias utilizando a FunFic, mais irá aprender sobre programação através da busca por customização da ferramenta.
Programação criativa é um tipo de programação de computadores em que o objetivo é criar algo expressivo em vez de algo funcional.
John Maeda in Creative Code
Toda programação é criativa, mas nem todo mundo programa de uma forma experimental, ou seja, sem saber exatamente onde o processo criativo vai levar. E isso muda tudo!
FanFic é uma narrativa ficcional, escrita e divulgada em diversas plataformas pertencentes ao ciberespaço, dentre as mais conhecidas podemos citar: Commaful, Wattpad e FanFiction. A criação de Fanfics parte da apropriação de personagens e enredos provenientes de produtos midiáticos como filmes, séries, quadrinhos, histórias videogames, etc. Portanto, tem como finalidade a construção de um universo paralelo ao original e também a ampliação do contato dos fãs com as obras que apreciam.
Tanto o cenário da Fanfic como o do Programação Criativa, são espaços colaborativos, diversos, engajados, criativos e estimulantes, e acreditamos que ao aproximarmos esses dois universos em um mesmo ambiente, um irá potencializar as formas de expressão do outro. Nesse caso, o uso criativo da escrita literária irá alimentar a escrita criativa de códigos interativos e vice-versa.
- Aula de Programação Criativa usando o p5js no Festival Multiverso
- Aula sobre JavaScript da Microsoft (Habilite as legendas)
- Processing Community Day
- The Coding Train (Conteúdo em Inglês)
Há pouco material para leitura em livros especializados em Programação Criativa em português que utilizam o P5.js como linguagem de ensino.
Organizamos alguns materiais de acordo com alguns tipos de necessidades:
- Arte feita em Código de Patrícia Oakim
- O tecido das tecnologias criativas do Prof. Dr. Guilherme Ranoya
- Creative Code de John Maeda
- Generative Art de Matt Pearson
Uma das coisas mais especiais sobre FanFic e Programação Criativa é o sentido de comunidade, de trocas entre pessoas, do acolhimento de pessoas em processo de aprendizado. Por isso encorajamos você a se conectar o máximo possível e aprender a partir da troca com outras pessoas.
- Encontros Digitais (Rede social sobre Arte e Novas Tecnologias)
- Grupo de email sobre Processing
- Grupo sobre Programação Criativa no Telegram
- OpenProcessing (Rede social de Programação Criativa)
O comando createCanvas(windowWidth, windowHeight); define o tamanho da área de desenho. E as propriedades windowWidth e windowHeight fazem com que o programa tenha o tamanho da área disponível na janela do navegador.
Se você quer mudar o tamanho, você precisa alterar windowWidth pelo número em pixels da largura que você quer, e windowHeight substitua pela altura.
Ex: createCanvas(1280, 720);
FunFic é um projeto de código aberto(Open-Source). Caso queira contribuir com correções, criação de ferramentas e ampliação de possibilidades, acesse nosso github e fique à vontade. Ajude novos programadores a encontrar um caminho de aprendizado mais fácil e intuitivo.
Um código pode não funcionar por várias razões. Vamos as principais delas:
- Se seu código nunca funcionou, talvez seu dispositivo não seja compatível com a FunFic, que utiliza HTML e Canvas para realizar os desenhos. Para melhor experiência com a FunFic, recomendamos usar a versão mais atual do navegador Google Chrome.
- Seu código parou de funcionar depois de alguma alteração feita diretamente no código. Recomendamos o seguinte passo-a-passo:
- Verificar se você digitou corretamente os comandos, comandos escritos com letras maiúsculas são diferentes de comandos escritos em letras minúsculas.
- Verificar se há uma caixa de "Erro" no canto inferior direito. Esta funcionalidade apresenta a linha e o tipo de erro. Busque olhar para a linha onde o erro acontece, pode ter sido algum erro de digitação. Se não estiver evidente a solução, procure jogar no google o tipo de erro apresentado. Você vai descobrir que muita gente passou pelos mesmos desafios que você.
- Verificar se os parênteses() e chaves{} foram todos fechados na ordem correta. É muito comum esquecer estes caracteres, ou embaralhar a ordem que eles são abertos e fechados. Se não tiver certeza de como isso funciona, recomendamos fazer o curso de JavaScript que recomendamos na pergunta “Onde assisto aulas sobre programação?”.
Esperamos que isso ajude você a resolver seu problema, se ainda tiver problemas, pode não ser uma questão de grafia do código, mas na lógica, e aí fica mais difícil achar uma solução pronta. Experimente procurar por pessoas com problemas semelhantes no Google ou pedir ajuda no StackOverflow.
A FunFic foi idealizada por André Anastácio e Carlos Oliveira (Vamoss) durante a residência artística BiblioHackLab, projeto de inovação, criatividade e desenvolvimento em Bibliotecas coordenados por Casa da Árvore.
Contou também com a orientação de Ricardo Palmieri e com a colaboração de Tiago Rezende.
FunFic é um projeto possível graças a cultura do conhecimento aberto, e utilizou os projetos de código livre P5js da Fundação Processing, Ace Editor e Bootstrap.