ascii-logo

KO | EN

gitlite — search

#sql #cli #security #devops #developer-tools #ai #golang #redis #command-line #codex

(★ 9)

No description available.

File Explorer

ZIP Download

- - element.js
  - glyph-atlas.js
  - mark.js
  - renderer.js
  - samples.js
- main.js
- styles.css
.gitignore
.npmrc
.nvmrc
.prettierignore
eslint.config.js
index.html
LICENSE
package-lock.json
package.json
prettier.config.js
README.md
vite.config.js

# Use via CDN

jsDelivr

jsDelivr 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.

Version

File

Link

Example

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

_The Codrops mark as a draggable 3D solid, printed in ASCII characters on the GPU._

![Image Title](https://tympanus.net/codrops/wp-content/uploads/2026/09/split-article-cover-scaled.png)

[Article on Codrops](https://tympanus.net/codrops/?p=TODO)

[Demo](https://tympanus.net/Tutorials/ASCIILogo/)

## Features

- **Real geometry** - a swept solid with domed faces, not an extruded disc faked in shading
- **Glyph search on the GPU** - every character cell picks its own glyph from 95 candidates each frame
- **Drag to orbit** - pointer drag with damping, easing back into an idle float on release
- **Light and dark** - one switch flips the page, the ink, and the direction the tone runs
- **No framework** - a single `<ascii-logo>` custom element

## Getting Started

```bash
nvm use
npm install
npm run dev
```

## Tech Stack

- three.js
- WebGL2 and GLSL
- Custom elements
- Vanilla HTML, CSS and JavaScript
- Vite

## Credits

- Type set in [IBM Plex Mono](https://fonts.google.com/specimen/IBM+Plex+Mono)

## Misc

Follow Edoardo: [Instagram](https://www.instagram.com/edo.tsx/), [GitHub](https://github.com/edoardolunardi), [LinkedIn](https://www.linkedin.com/in/edoardolunardi/), [X](https://x.com/edo_lunardi)

Follow Codrops: [X](http://www.x.com/codrops), [Facebook](https://www.facebook.com/codrops), [Instagram](https://www.instagram.com/codropsss/), [LinkedIn](https://www.linkedin.com/company/codrops/), [GitHub](https://github.com/codrops)

## License

[MIT](LICENSE)

ascii-logo

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

ascii-logo

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

Download README