https://github.com/abuseofnotation/comic-web-markup

Comic-web is a markup language for describing comics, as well as a rendering engine for this language.
https://github.com/abuseofnotation/comic-web-markup

comics graphics

Last synced: 2 months ago
JSON representation

Comic-web is a markup language for describing comics, as well as a rendering engine for this language.

• Host: GitHub
• URL: https://github.com/abuseofnotation/comic-web-markup
• Owner: abuseofnotation
• License: mit
• Created: 2025-01-28T18:06:13.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-02-05T17:58:17.000Z (2 months ago)
• Last Synced: 2025-02-05T18:55:49.563Z (2 months ago)
• Topics: comics, graphics
• Language: JavaScript
• Homepage: https://abuseofnotation.github.io/comic-web
• Size: 1.8 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• my-awesome-github-stars - abuseofnotation/comic-web-markup - Comic-web is a markup language for describing comics, as well as a rendering engine for this language. (JavaScript)

README

        
Comic-Web is a lightweight markup language and rendering engine designed for creating comics programmatically. It allows users to define comic panels using a simple, text-based syntax, which is then rendered into SVG images. The markup language supports layers, character dialogue, moods, and custom image integration, providing flexibility for both automated and manual comic creation.

The repo includes:

- */lib/* --- Rendering Engine: Converts markup into SVG elements, handling layer stacking, character positioning, and speech balloon placement.

- */lib/index.js* --- API: A JavaScript function (renderComic) that processes markup and image directories to generate SVG outputs.

- */plugin.js* --- Plugin: Enables seamless integration into HTML by replacing placeholder images with dynamically rendered panels.

- */editor.js* --- *Editor: An interactive environment for writing and testing comic scripts in real-time.

- *comic/style.css* -- Styling: Customizable CSS for controlling the appearance of frames, balloons, and other elements.

For more info see https://abuseofnotation.github.io/comic-web-markup