パッケージ、リポジトリ、アプリカテゴリを検索

パッケージ詳細v0.14.1

malison

ブラウザ用の小さなターミナルUIパッケージ。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
521
いいね数
11
Pub ポイント
140

パッケージをインストール

flutter pub add malison

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Malisonは、ウェブアプリケーション向けに設計された軽量なターミナルスタイルのユーザーインターフェースパッケージで、開発者がブラウザ内でレトロ風のテキストベースのインターフェースを直接作成できるようにします。Flutterで構築されており、インタラクティブなコマンドライン体験をサポートし、ターミナル風の外観が利点となるゲームやツールに最適です。このパッケージは、モバイルおよびデスクトップを含む複数のプラットフォームにシームレスに統合され、クロスプラットフォーム開発に非常に柔軟です。Dartの機能を活用して、コンソール風の出力と入力を効率的にレンダリングおよび管理します。

用途

  • ブラウザベースのテキストアドベンチャーゲームを作成する
  • Webアプリ用のターミナルエミュレーターの構築
  • インタラクティブなコマンドラインツールの開発
  • レトロコンピューティング環境のシミュレーション
  • Webアプリケーションにデバッグコンソールを実装する

主な機能

  • ターミナルスタイルのUIレンダリング
  • クロスプラットフォーム互換性
  • シンプルなコマンド入力処理
  • 軽量で高速なパフォーマンス
  • ANSIエスケープコードをサポートしています
  • 組み込みテキストフォーマットとスタイル

適している対象

  • Webブラウザをターゲットとするゲーム開発者
  • インタラクティブな教育ツールの作成者
  • CLI風のWebインターフェースの構築者
  • レトロゲームの美学を好む人々
  • 最小限のUIフレームワークを探している開発者

注意事項

  • ターミナルスタイルのデザインパターンに限定
  • 複雑なグラフィカルインターフェースには適していません
  • コンソール/ターミナルの概念に精通している必要がある
  • 一般的なUIのニーズよりも、特定の用途に最適
  • 高度な相互作用には追加の論理が必要になる可能性があります

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Malison is a small Dart library for drawing old school ASCII terminals in the browser. I harvested it from my roguelike game, Hauberk and it's aimed primarily at web games ASCII graphics. Think of it like curses for the web.

Using it

Add it to your package's pubspec:

dependencies:
  malison: any

Then use the library:

import 'dart:html';

import 'package:malison/malison.dart';

void main() {
  // Create or query a <canvas> element to bind it to.
  var canvas = new CanvasElement();
  document.body.children.add(canvas);

  // Create a new terminal. CanvasTerminal uses your browser's fonts.
  // RetroTerminal uses a built in DOS-style Code Page 437 font.
  var terminal = new RetroTerminal.dos(80, 40, canvas);

  // You can draw strings at given positions.
  terminal.writeAt(0, 0, "This is a terminal!");

  // You can control the foreground and background color.
  terminal.writeAt(0, 1, "This is blue on green", Color.blue, Color.green);

  // You can also draw individual glyphs -- character+color units.
  terminal.drawGlyph(3, 4, new Glyph.fromCharCode(CharCode.blackHeartSuit,
      Color.red, Color.white));

  // When you're done drawing, tell it to render all of the changes. It renders
  // in batches for performance.
  terminal.render();
}

Example

The repo includes a little example web application so you can see it in action. From the root of repo, run:

$ dart run build_runner serve

Then in your browser of choice, navigate to http://localhost:8080.

カテゴリー

依存関係

依存関係一覧 2 件

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。