The avatar for @processingbrasil
Processing Brasil
Comunidade brasileira de Processing e programação criativa
Published
Introduções
Edited
Mar 11, 2021
Fork of As formas mais fáceis de se utilizar Processing no Observable
•
1 fork
3 stars
Introduções
O que se faz no Observable, não fica só no ObservableDesenhando com p5, canvas e SVG
As formas mais fáceis de se utilizar Processing no Observable
Diferenças na sintaxe que você está acostumado a usar em Javascript para programar no ObservableAmbiente P5 no Observable
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
processing(meuSketch, 'width: 160px; height: 170px;')
Insert cell
Insert cell
Insert cell
Insert cell
p5(p5_code, 'width: 160px; height:170px')
Insert cell
Insert cell
Insert cell
Insert cell
pythonProcessing(codePy, 'width: 160px; height: 170px;')
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
p5(CodigoViaAce, "width: 400px; height: 170px;")
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewof CodigoViaAce2 = {
let codigoinicial = ``;

// Instanciando o editor
const { editor, view } = ace(
codigoinicial,
{ fontSize: "0.8em", height: "260px" },
{
theme: "ace/theme/xcode",
selectionStyle: "text",
highlightActiveLine: false,
mode: "ace/mode/javascript",
enableBasicAutocompletion: true,
enableLiveAutocompletion: true,
enableSnippets: true,
showPrintMargin: false,
showGutter: true
}
);

// Captura o valor inicial
view.value = editor.getValue();

// Reage a qualquer mudança feita no editor
editor.on('change', () => {
view.value = editor.getValue();
});

return view;
}
Insert cell
Insert cell
Insert cell
pythonProcessing(CodigoViaAce3, 'width: 160px; height: 170px;')
Insert cell

One platform to build and deploy the best data apps

Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.
Learn more