p5.asciify
Apply real-time ASCII conversion to your favorite WebGL p5.js sketches instantly.
File Explorer
- ci.yml
- deploy-docs.yml
- FUNDING.yml
- AsciifyError.d.ts
- ErrorHandler.d.ts
- index.d.ts
- index.d.ts
- PluginRegistry.d.ts
- RendererPlugin.d.ts
- BrightnessAsciiRenderer.d.ts
- shaderGenerators.d.ts
- shaderGenerators.min.d.ts
- EdgeAsciiRenderer.d.ts
- AbstractFeatureRenderer2D.d.ts
- index.d.ts
- AsciiRenderer2D.d.ts
- index.d.ts
- AsciiDisplayRenderer.d.ts
- AsciiRenderer.d.ts
- constants.d.ts
- index.d.ts
- RendererManager.d.ts
- types.d.ts
- JSONExporter.d.ts
- SVGExporter.d.ts
- TyprFontUtils.d.ts
- index.d.ts
- utils.d.ts
- Asciifier.d.ts
- AsciifierManager.d.ts
- ColorPalette.d.ts
- FontManager.d.ts
- Grid.d.ts
- HookManager.d.ts
- index.d.ts
- types.d.ts
- p5.asciify.esm.js
- p5.asciify.umd.js
- index.md
- authors.yml
- tags.yml
- using-plugins.md
- P5Asciifier.md
- P5AsciifierManager.md
- P5AsciifyColorPalette.md
- P5AsciifyFontManager.md
- P5AsciifyGrid.md
- P5AsciifyExtensions.md
- P5AsciifyError.md
- P5AsciifyErrorLevel.md
- index.md
- P5AsciifyPluginRegistry.md
- P5AsciifyRendererPlugin.md
- index.md
- P5AsciifyDisplayRenderer.md
- P5AsciifyRenderer.md
- P5AsciifyRendererManager.md
- AsciiRendererOptions.md
- BrightnessAsciiRendererOptions.md
- EdgeAsciiRendererOptions.md
- FeatureAsciiRendererOptions.md
- P5AsciifyRenderer2D.md
- P5AsciifyAbstractFeatureRenderer2D.md
- P5AsciifyBrightnessRenderer.md
- P5AsciifyEdgeRenderer.md
- BRIGHTNESS_DEFAULT_OPTIONS.md
- EDGE_DEFAULT_OPTIONS.md
- index.md
- CUSTOM_DEFAULT_OPTIONS_2D.md
- index.md
- RENDERER_TYPES.md
- index.md
- compareVersions.md
- detectP5Version.md
- isP5AsyncCapable.md
- isValidP5Color.md
- isValidP5Font.md
- JSONExportOptions.md
- SVGExportOptions.md
- index.md
- HookType.md
- P5AsciifyCharacter.md
- P5AsciifyHookHandlers.md
- p5asciifier.md
- p5asciify.md
- index.md
- typedoc-sidebar.cjs
- contributing.md
- contributors.md
- resources.md
- showcase.md
- support.md
- index.md
- installation.md
- playgrounds.md
- typescript-support.md
- 00_custom_setup_sketch.js
- 01_characterFB_sketch.js
- 02_dvd_logo_sketch.js
- 00_multiple_asciifiers_sketch.js
- 00_brightness_setup_sketch.js
- 01_edge_setup_sketch.js
- 02_drawAsciify_sketch.js
- 03_updates_sketch.js
- custom-ascii-conversion.md
- exporting.md
- first-rendering-pipeline.md
- fundamentals.md
- livecoding.md
- multiple-asciifiers.md
- p5-2.x.x.md
- using-plugins.md
- intro.md
- sandbox_sketch.js
- ContributorCard.module.css
- ContributorCard.tsx
- Contributors.module.css
- Contributors.tsx
- DonationCard.module.css
- DonationCard.tsx
- DonationGrid.module.css
- DonationGrid.tsx
- FontCard.module.css
- FontCard.tsx
- FontGrid.module.css
- FontGrid.tsx
- asciiCharacter.frag
- asciiColorPalette.frag
- noise.frag
- push.frag
- shift.frag
- shader.vert
- P5Sketch.tsx
- rectanglemanager.js
- index.tsx
- styles.module.css
- PlaygroundCard.module.css
- PlaygroundCard.tsx
- PlayGroundGrid.module.css
- PlaygroundGrid.tsx
- SandpackEditor.tsx
- ShowcaseCard.module.css
- ShowcaseCard.tsx
- ShowcaseGrid.module.css
- ShowcaseGrid.tsx
- custom.css
- contributors.json
- fonts.json
- showcase.json
- index.module.css
- index.tsx
- markdown-page.md
- atascii.png
- bescii.png
- c64_truetype.png
- CHUNKY.png
- cpc64.png
- FROGBLOCK.png
- Kitchen_Sink.png
- petme64.png
- pixel_dingbats_7.png
- UrsaFont.png
- charsets-textmode-art.png
- face-segmentation.png
- ghastly-wither.png
- place-textmode-art.png
- textmode-art.png
- bescii1.svg
- bescii2.svg
- bescii3.svg
- codesandbox_screenshot.png
- Discord-Symbol-White.svg
- doc_logo.svg
- docusaurus-social-card.jpg
- docusaurus.png
- favicon.ico
- logo.svg
- openProcessing_screenshot.png
- p5.asciify-social-card.png
- p5_web_editor.png
- stackblitz_screenshot.png
- undraw_docusaurus_mountain.svg
- undraw_docusaurus_react.svg
- undraw_docusaurus_tree.svg
- .nojekyll
- robots.txt
- .gitignore
- docusaurus.config.ts
- package-lock.json
- package.json
- README.md
- sidebars.ts
- tsconfig.json
- index.html
- sketch.js
- index.html
- sketch.js
- asciiCharacter.frag
- asciiColorPalette.frag
- noise.frag
- push.frag
- shift.frag
- shader.vert
- index.html
- rectanglemanager.js
- sketch.js
- index.html
- sketch.js
- index.html
- sketch.js
- brutalist-high-rise-building.jpeg
- index.html
- p5.asciify-accurate-renderer-plugin.esm.js
- sketch.js
- index.html
- sketch.js
- index.html
- sketch.js
- asciiCharacter.frag
- asciiColorPalette.frag
- noise.frag
- push.frag
- shift.frag
- shader.vert
- index.html
- rectanglemanager.js
- sketch.js
- index.html
- sketch.js
- index.html
- sketch.js
- brutalist-high-rise-building.jpeg
- index.html
- p5.asciify-accurate-renderer-plugin.esm.js
- sketch.js
- index.html
- ursafont_base64.txt
- shader.vert
- AsciifyError.ts
- ErrorHandler.ts
- index.ts
- index.ts
- PluginRegistry.ts
- RendererPlugin.ts
- asciiCharacter.frag
- colorSample.frag
- BrightnessAsciiRenderer.ts
- asciiCharacter.frag
- colorSample.frag
- rotation.frag
- shaderGenerators.min.ts
- shaderGenerators.ts
- sobel.frag
- transform.frag
- EdgeAsciiRenderer.ts
- AbstractFeatureRenderer2D.ts
- index.ts
- AsciiRenderer2D.ts
- index.ts
- asciiConversion.frag
- AsciiDisplayRenderer.ts
- AsciiRenderer.ts
- constants.ts
- index.ts
- RendererManager.ts
- types.ts
- JSONExporter.ts
- SVGExporter.ts
- TyprFontUtils.ts
- index.ts
- utils.ts
- Asciifier.ts
- AsciifierManager.ts
- ColorPalette.ts
- FontManager.ts
- Grid.ts
- HookManager.ts
- index.ts
- types.ts
- Grid.test.ts
- declarations.d.ts
- .gitignore
- .nvmrc
- LICENSE
- package-lock.json
- package.json
- README.md
- tsconfig.json
- typedoc.json
- vite.config.ts
# Use via CDN
jsDelivrjsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.
Command Glossary
Commands referenced in this DOCs, explained below.
npm install
View Details ▼
npm install
Install Node packages.
npm {{[i|install]}}
Install dependencies listed in `package.json`:
npm {{[i|install]}} {{package_name}}@{{version}}
Download a specific version of a package and add it to the list of dependencies in `package.json`:
npm {{[i|install]}} {{package_name}} {{[-D|--save-dev]}}
Download the latest version of a package and add it to the list of dev dependencies in `package.json`:
npm
View Details ▼
npm
JavaScript and Node.js package manager.
Manage Node.js projects and their module dependencies.
Some subcommands such as `install`, `run`, etc. have their own usage documentation.
npm init {{[-y|--yes]}}
Create a `package.json` file with default values (omit `--yes` to do it interactively):
npm {{[i|install]}}
Download all the packages listed as dependencies in `package.json`:
npm {{[i|install]}} {{package_name}}@{{version}}
Download a specific version of a package and add it to the list of dependencies in `package.json`:
brightness
View Details ▼
brightness
Get and set the brightness level of all internal and certain external displays.
brightness -l
Show current brightness:
brightness {{0..1}}
Set a specific brightness:
brightness {{0.5}}
Set the brightness to 50%:
