Tilesets

Sketch Tileset — dalles de sol

58 dalles de sol (dessin à la main) pour interfaces en mode clair — papier blanc cassé, accent bleu encre. SVG et PNG transparent en 1x/2x/4x.

  • ui
  • svg
  • png transparent
  • tileset
  • autotile
  • sans raccord
  • décor de niveau
  • trait à la main
  • dessin à la main
  • dessiné à la main
  • croquis
  • cahier
  • interface claire
Planche montrant 58 dalles de sol (dessin à la main) de la famille Sketch, disposés sur un damier de transparence avec leurs tailles en pixels inscrites en dessous
aperçu 1600×3539la transparence est montrée en damier

À propos de ce pack

Sketch Tileset — dalles de sol est un ensemble de 58 dalles de sol dessinés dans le style dessin à la main, où chaque bord est échantillonné puis légèrement décalé, si bien qu'aucune ligne n'est vraiment droite. Il contient un jeu d'autotile à 47 masques, des variations de sol et de mur, des pièces de bord et de coin, des accessoires alignés sur la grille et une planche déjà assemblée.

Un tileset n'est un tileset que si les dalles se raccordent vraiment. La plupart des sets gratuits sont un dossier de carrés qui ont l'air apparentés et qui s'alignent presque partout, et ce « presque » coûte une après-midi : un masque de bord est décalé d'un pixel et le raccord se voit sur tous les murs du niveau.

Le tremblement est déterministe et non aléatoire : la même boîte tremble de la même façon à chaque build, et c'est ce qui lui permet de vivre dans un dépôt de version. L'ombrage est en hachures croisées, parce qu'un dégradé sous une ligne dessinée se lit comme un filtre plutôt que comme une main.

À l'intérieur de ce style, voici la lecture Sketch : une interface en mode clair sur une palette papier blanc cassé avec des accents bleu encre, bâtie autour de deux cadres concentriques, de boutons à coins droits en 132x46, de barres en bandes divisées en 10 segments et d'icônes au trait sur une grille de 32px. Ces mesures expliquent pourquoi deux familles peuvent partager un style artistique sans être interchangeables : le style décide comment un bord est tracé, les nombres décident à quoi sert l'interface.

Les masques d'autotile sont générés à partir de la même géométrie de bord plutôt que dessinés un par un : une tuile et sa voisine partagent la bordure exacte par construction et non par soin. Les variations de sol sont dessinées pour être interchangeables à n'importe quelle position, et c'est ce qui empêche un grand sol de se lire comme un motif répété.

Chaque sprite est livré en SVG modifiable et en PNG transparent à 1x, 2x et 4x : vous pouvez déposer les PNG directement dans un moteur ou ouvrir le vecteur et changer une couleur. Dessiné aux mêmes mesures que le reste de la famille Sketch, ce qui veut dire que ce kit et le kit de panneaux Sketch s'alignent sans qu'aucun des deux soit redimensionné. Convient bien aux jeux de cahier et de livre illustré.

Téléchargement

Lien direct · sans inscription · sans page d'attente
Télécharger ZIP750 kB

Ensemble complet — sources SVG, exports PNG en 1x/2x/4x, licence et readme

Fichiers inclus dans ce pack
FichierFormatPoidsTéléchargement
Ensemble complet — sources SVG, exports PNG en 1x/2x/4x, licence et readmeZIP750 kB Obtenir →
Sol de base sans raccord, dalles de sol dans toutes les directions, dessin à la main, SVG modifiableSVG2.0 kB Obtenir →

Comment l'utiliser

  1. Importez la planche avec la taille de tuile indiquée dans la fiche, sans marge ni extrusion ; les dalles de sol sont dessinées jusqu'au bord de la grille exprès pour que les voisines se rejoignent exactement.
  2. Associez les masques d'autotile par leur numéro de bitmask — les noms de fichiers sont la valeur du masque, une configuration blob autotile standard se branche donc sans table de correspondance.
  3. Ne mettez à l'échelle qu'en nombres entiers. Un tileset en 1.5x pose les bords de tuile sur des demi-pixels et produit un raccord qui n'est pas dans le dessin.

Licence

Creative Commons Attribution 4.0 — Gratuit pour un usage commercial. Attribution obligatoire. Conditions complètes · Ce que cela veut dire en pratique

Ligne de crédit à copier
"Sketch Tileset — dalles de sol" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/tilesets/sketch-tileset