CoolFace
Apppublic

thesuryash/ASCII-GLB-Viewer

sourceHugging Facemitupdated 2mo agoView on Hugging Face
0likes
App README

Turn videos into ASCII pixel art! Use your webcam feed or upload a video, then use the controls to adjust the colors, resolution, text style, etc...

Live website: https://collidingscopes.github.io/ascii

Hugging Face Space ==================

This repo can run as a static Hugging Face Space. The Space entrypoint is hf-space.html, which lets you upload a .glb file and render it as blue shaded ASCII in the browser. Use the arrow keys to rotate, 1 to zoom in, and 0 to zoom out.

GLB terminal viewer ===================

This fork also includes a realtime terminal viewer for binary glTF files:

sh
node glb-ascii.js path/to/model.glb

The terminal viewer renders with blue foreground and background shades by default. Use --no-color if your terminal does not support ANSI truecolor output. For the highest detail, make your terminal font small and use the 640x350 mode.

or:

sh
npm run glb -- path/to/model.glb

Controls:

  • —Left/right arrows rotate the model around the vertical axis.
  • —Up/down arrows rotate the model around the horizontal axis.
  • —1 zooms in.
  • —0 zooms out.
  • —Space pauses or resumes --spin mode.
  • —r resets the view.
  • —q or Ctrl+C quits.

Options:

sh
node glb-ascii.js path/to/model.glb --width 120 --height 48 --spin
sh
node glb-ascii.js path/to/model.glb --hd
sh
node glb-ascii.js path/to/model.glb --resolution 640x350 --fps 12
sh
node glb-ascii.js path/to/model.glb --no-color

The code used to create the animation is quite resource-intensive, so it may run with some lag if your computer doesn't have enough computing power, too many tabs open, low battery, etc.

This project is coded using Javascript, HTML canvas, and CSS. Video creation and encoding is done using mp4 muxer.

I do not have access to any of the videos that you upload here, as all processing is done "client-side" (i.e., no videos or images are saved/stored by me — they stay on your computer only).

Enormous thanks and credits to <a href="https://medium.com/@sasha.kub95/webcam-stream-to-ascii-art-with-javascript-2a2f9a39befb" target="_blank" rel="noopener">Aleksandr Kubarskii</a>, whose code served as the foundation for this project.

<a href="https://www.buymeacoffee.com/stereodrift" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="41" width="174"></a>

License ======= This is an open source project provided under an <a href="https://opensource.org/license/MIT">MIT license</a>