p5.asciify
Apply real-time ASCII conversion to your favorite WebGL p5.js sketches instantly.
파일 탐색기
- 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
# CDN으로 사용하기
jsDelivrjsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.
명령어 용어집
이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.
npm install
설명 보기 ▼
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
설명 보기 ▼
npm
JavaScript 및 Node.js 패키지 관리자.
Node.js 프로젝트 및 모듈 의존성을 관리합니다.
더 많은 정보: <https://docs.npmjs.com/cli/npm/>.
npm init {{[-y|--yes]}}
기본값으로 `package.json` 파일 생성 (`--yes`를 생략하면 대화식으로 진행):
npm {{[i|install]}}
package.json에 의존성으로 나열된 모든 패키지를 다운로드:
npm {{[i|install]}} {{package_name}}@{{version}}
특정 버전의 패키지를 다운로드하고 `package.json`의 의존성 목록에 추가:
brightness
설명 보기 ▼
brightness
모든 내부 및 특정 외부 디스플레이의 밝기 수준을 조회 및 설정.
더 많은 정보: <https://github.com/nriley/brightness>.
brightness -l
현재 밝기 표시:
brightness {{0..1}}
특정 밝기 설정:
brightness {{0.5}}
밝기를 50%로 설정:
