Dpaint-js

steffest steffest
Dépôt créer le : 09/05/2022
Release du : 27/02/2026 v0.2.0-alpha – v 0.2.0
Forks: 57 Watcher: 0 964
Choisir une liste...
FR

Le Conseil européen de Lisbonne

Éditeur d'images Web modelé d'après le légendaire Peinture de luxe avec un accent sur les formats de fichiers Amiga rétro. À côté des formats d'images modernes, DPaint.js peut lire et écrire des fichiers d'icônes Amiga et des images IFF ILBM.

DPaint.js Logo

Version en ligne disponible à l'adresse https://dpaint.app

DPaint.js UI

Principales caractéristiques

  • Éditeur d'images entièrement présenté avec a.o.
    • Calque
    • Sélection
    • Masque
    • Outils de transformation
    • Effets et filtres
    • Défaire/refaire plusieurs fois
    • Copier/Paster de tout autre programme d'image ou source d'image
    • Outils de dither personnalisables
    • Cyclisme couleur
    • Animation basée sur le cadre
  • Accent mis sur la réduction de la couleur avec des options de dilution à grain fin
  • Amiga focus
    • Lire/écrire/convertir les fichiers d'icônes Amiga (tous formats)
    • Lire et écrire des images IFF ILBM (tous formats y compris HAM6, HAM8, SHAM et 24 bits)
    • Lire et écrire les fichiers IFF ANIM (format d'animation Amiga)
    • Lire et écrire directement depuis Amiga Disk Files (ADF)
    • Amiga Emulateur intégré pour prévisualiser votre travail dans la véritable peinture Deluxe.
    • Limitez la palette à 12 bits pour le mode Amiga OCS/ECS, ou 9 bits pour le mode Atari ST.
  • L'héritage de la peinture Deluxe
    • Prise en charge des fichiers PBM utilisés par la version PC de Deluxe Paint Michael Smith)
    • Prend en charge les modes de compression Deluxe Paint Atari ST Nicolas Ramz)

Gratuit et ouvert

Il fonctionne dans votre navigateur, fonctionne sur n'importe quel système et fonctionne bien sur les appareils à écran tactile comme les iPads.
Il est écrit en 100% clair JavaScript et n'a aucune dépendance.
C'est 100% gratuit, pas d'annonce, pas de suivi, pas de comptes, rien.
Tout le traitement se fait dans votre navigateur, aucune donnée n'est envoyée à aucun serveur.

La seule partie qui n'est pas incluse dans ce dépôt est le fichier Emulateur Amiga. (L'émulateur est basé sur Emulateur Amiga scénarisé)

Bâtiment

DPaint.js n'a pas besoin de bâtiment.
Il a également aucune dépendance, donc il n'y a pas besoin d'installer quoi que ce soit.
DPaint.js est écrit en utilisant des modules ES6 et sort de l'emballage dans les navigateurs modernes.
Il suffit de servir "index.html" d'un serveur Web et vous êtes prêt à partir.

Il y a une étape de construction optionnelle pour créer une version compacte de DPaint.js si vous voulez.
J'utilise Vit pour ça.
Pour plus de commodité, j'ai inclus un fichier "package.json".
ouvrir un terminal et exécuter npm install pour installer Vite et ses dépendances. Alors lancez npm run build pour créer une version compacte de DPaint.js dans le dossier "dist".

Documentation

La documentation peut être consultée à l'adresse https://dpaint.app/docs/

Exécuter hors ligne

Dpaint.js est une application web, pas une application que vous installez sur votre ordinateur. Cela étant dit: DPaint.js n'a aucune dépendance en ligne et fonctionne très bien hors ligne si vous voulez. Une mise en garde : vous devez servir le fichier index.html à partir d'un serveur web, pas seulement l'ouvrir dans votre navigateur.
Un moyen rapide de le faire est - par exemple - Spark pour
Télécharger le binaire pour votre plateforme, déposez l'exécutable Spark dans le dossier où vous avez téléchargé les fichiers sources Dpaint.js et exécutez-le. Si vous pointez votre navigateur vers http://localhost:8080/, il devrait fonctionner.
Mais n'importe quel serveur web fera, vous pouvez également utiliser celui intégré dans Python par exemple. ( python -m http.server ) Ou - si vous avez installé l'exécution node.js - vous pouvez utiliser des paquets comme:

  • servir: npx serve dans le dossier DPaint.js
  • http-serveur: npx http-server dans le dossier DPaint.js

Si vous utilisez Chrome, vous pouvez également "installer" dpaint.js comme application.
image
Il affichera ensuite vos applications Chrome et travailler hors ligne.

Contribution

La version actuelle est toujours alpha.
Je suis sûr qu'il y a des bugs et des fonctionnalités manquantes.
Les rapports de bogue et les demandes de tirage sont les bienvenus.

Caractéristiques prévues

Prévue pour une future libération si nécessaire.

  • Support pour les modes de pixel non carrés tels que HiRes et Interlaced
  • Importation et exportation de DSP
  • Support des feuilles Sprite
  • Commodore 64 modes graphiques
  • Brosses animées

Quirks du navigateur

Veuillez noter que Brave navigateur utilise "fraicheur" qui introduit le bruit d'image aléatoire dans certaines conditions. Ils affirment que c'est pour protéger votre vie privée. Bien que je comprends totalement le sentiment, À mon avis, un navigateur ne devrait pas modifier activement le contenu d'une page Web ou intentionnellement casser la fonctionnalité.
Mais qui suis-je pour parler, c'est un monde libre. Sachez simplement que si vous utilisez Brave, vous allez rencontrer des problèmes, donc s'il vous plaît "baisser vos boucliers" pour cette application dans Brave ou utiliser un autre navigateur.

Cyclisme couleur

Dpaint.js supporte Color-Cycling - un long art perdu de "animation" d'une image statique en tournant seulement quelques couleurs dans la palette. Voir un exemple ici:

https://github.com/user-attachments/assets/427bbecc-d38f-4120-ba0d-83c7f1249722

Ouvrez le fichier source superposé de l'image ci-dessus directement dans Dpaint.js

Contributeurs GitHub

steffest
steffest
232 contributions
michaelshmitty
michaelshmitty
3 contributions
warpdesign
warpdesign
3 contributions
rcoenen
rcoenen
3 contributions
sgilissen
sgilissen
1 contributions