यदि मेरे स्प्राइट टाइल्स को अच्छी तरह से देखा जाए तो मैं जल्दी से कैसे जांच कर सकता हूं?


47

मैं उस टाइल को अच्छी तरह से छिड़कने के लिए टिलमैप बनाने की कोशिश कर रहा हूं, लेकिन यह जांचना कि वे टाइल कितनी अच्छी तरह बोझिल हैं।

आदर्श रूप में, मैं एक छवि संपादक होना चाहूंगा जो इस तरह से एक लेआउट दिखाता है, इसलिए मैं यह देख सकता था कि क्या यह मैनुअल चेक के बिना अच्छी तरह से टाइल करता है:

     [img]
[img][img][img]
     [img]

क्या कार्यक्रम यह कर सकते हैं, या मैं अन्यथा इसे कैसे आसान बना सकता हूं?


मुझे लगता है कि आप जाँच कर रहे हैं कि क्या बनावट टाइलिंग मूल रूप से काम करती है। और कम से कम मेरे ज्ञान के लिए एक रेंडर-> नक्शा या कुछ फ़ंक्शन है जो ऐसा करता है। लेकिन संपादन करते समय नहीं। अन्यथा, वैली में यह सुविधा है, लेकिन इसका लानत पुराना है। (आधा जीवन बनावट संपादक)
v.oddou

1
amnoid.de/ddsview कई छवि प्रारूपों के टाइल किए गए पूर्वावलोकन का समर्थन करता है। और आप किस छवि संपादक का उपयोग कर रहे हैं? मुझे यकीन है कि यह एक छवि को टाइल करने का कुछ तरीका है।
स्नेक 5

1
आप किस संपादक का उपयोग कर रहे हैं?
फोटोशॉप्स

4
इसे अपने डेस्कटॉप पृष्ठभूमि के रूप में सेट करें, और "टाइल" विकल्प चुनें।
user14146

"क्या कार्यक्रम यह कर सकते हैं" कृति ऐसा कर सकती है और यह आपको
लिपटाते

जवाबों:


67

यहां एक त्वरित हैक है जो किसी भी छवि संपादक के साथ काम करता है।

यदि आपकी टाइल की छवि को कहा जाता है tile.png, तो index.htmlइस तरह बनाएं :

<body style="background:url(tile.png) repeat 0 0"></body>

( सरल विकल्प के लिए @Deryllium धन्यवाद !)

वेब ब्राउज़र में खोलें।

जब भी आपको यह जांचने की आवश्यकता है कि छवि टाइल कितनी अच्छी तरह से सहेजती है, और वेब ब्राउज़र को ताज़ा करें।

वर्कफ़्लो

GIMP का निर्यात शॉर्टकट है Ctrleऔर क्रोमियम का ताज़ा शॉर्टकट है Ctrlreऔर rएक QWERTY पर निकट हैं, तो यह बहुत तेजी से करना है।


10
बहुत आविष्कारशील! आप HTML का उपयोग करके और भी सरल बना सकते हैं<body style="background: url(tile.jpg) repeat 0 0;">
driima

15
आप पेज को हर 2 सेकंड में ऑटो-लोड करने के लिए <body> <meta http-equiv = "Refresh" कंटेंट = "2"> </ हैडर> <body> से ठीक पहले जोड़ सकते हैं।
शिवन ड्रैगन

7
या, यदि आप बहुत इच्छुक थे, तो आप गहराई में जा सकते हैं और बदलाव के लिए देखने के लिए ग्रन्ट या गल्प जैसे टूल सेट कर सकते हैं और जब आप उन्हें बनाते हैं तो ब्राउज़र को फिर से लोड कर सकते हैं।
सियारिया

1
कथित तौर पर @Kroltan ddsview का "टाइल दृश्य" समर्पित है। GIMP का बाढ़-भरण उपकरण क्लिपबोर्ड से पढ़ सकता है, जिसके साथ परीक्षण करना भी तेज है।
एको

2
@ सच है, लेकिन मेरी बात एक वास्तविक, संपादन योग्य और पूरी तरह कार्यात्मक टाइल दृश्य के लिए थी। ये उपकरण इसे तेजी से बनाते हैं, लेकिन एक सहज प्रक्रिया नहीं है (अनजाने में दंड)।
क्रोल्टन

18

फ़ोटोशॉप या जीआईएमपी का उपयोग करके, आप ऑफ़सेट कमांड का उपयोग कर सकते हैं। यदि आप 100x100px छवि कहने के लिए काम कर रहे हैं, तो आप इसे प्रत्येक दिशा में 50px ऑफसेट कर सकते हैं, और सीम जहां छवि टाइलें एक साथ छवि के बीच में प्रदर्शित की जाएंगी।

इस पृष्ठ में स्क्रीनशॉट दिखाया गया है कि यह कैसे काम करता है: http://blogs.adobe.com/jkost/2015/01/how-to-create-a-seamless-pattern-tile-in-photoshop.html


2
एक अतिरिक्त बोनस के रूप में, अब सीम छवि के मध्य में है, त्वरित और आसान संपादन के लिए!
Cort Ammon

17

क्रिटा में एक विशेषता है जो आपको टाइलिंग बनावट को संपादित करने और परिवर्तनों को लाइव देखने की अनुमति देती है। डब्ल्यू कुंजी दबाकर, यह मोड के चारों ओर लपेटने में सक्षम बनाता है, जिससे यह संभव हो जाता है। एक्शन में इस फीचर का एक यूट्यूब वीडियो यहां उपलब्ध है । (सुविधा 0:12 पर सक्षम है)


2
यह अधिक उत्थान के योग्य है। इसका एक साफ्टवेयर है जो एक बटन प्रेस में ठीक उसी तरह से काम करता है जैसा पूछा जाता है। बेहतर अभी तक, यह आपकी पेंटिंग को भी चारों ओर लपेटने देता है - जो लगभग निश्चित रूप से किसी को भी सहज बनावट बनाने में मदद करने वाला है। आपको यह भी इंगित करना चाहिए कि कृतिका मुफ़्त है और इसे डाउनलोड किया जा सकता है; krita.org/download/krita-desktop
डार्कफ्लेम

1
+1 यदि किसी के पास एक ही प्रश्न है, तो यह पहला उत्तर है जिसे उन्हें देखना चाहिए। "क्या कार्यक्रम यह कर सकते हैं?" "केरिता"।
जिब स्मार्ट

6

अपनी टाइल को आप डेस्कटॉप पर टाइलों वाला वॉलपेपर बनाएं। सुपर आसान और कोई कोडिंग या बाहरी सॉफ्टवेयर नहीं है।


2
+1 यह काम करता है शानदार अच्छी तरह से लिनक्स पर inotifywait -m -e modify --format '%w' tile.png | while read file; do feh --bg-tile "$file"; doneचल रहा है। बस छवि को बचाओ; वॉलपेपर तुरंत बदल जाता है। इसके अलावा निर्दिष्ट कई फ़ाइलों के साथ काम करता है tile.png। जब मुझे फुलस्क्रीन की जरूरत नहीं है, तो यह चट्टानें।
अंको

5

यदि आप कई छवियों का परीक्षण करना चाहते हैं, तो यह Anko के उत्तर के आधार पर एक मिनी वेबएप बनाने में मदद कर सकता है। यह आपको त्वरित उत्तराधिकार में उन्हें परीक्षण करने के लिए पृष्ठ पर छवियों को खींचने देगा:

window.addEventListener('load', function() {
  document.body.addEventListener('dragover', function(event) {
    // Accept the drag
    event.preventDefault();
  });

  document.body.addEventListener('drop', function(event) {
    // Prevent page redirect
    event.stopPropagation();
    event.preventDefault();

    var reader = new FileReader();

    reader.onload = function(e) {
      // Set background image
      document.body.style.background = 'url(' + e.target.result + ') repeat 0 0';
      document.body.textContent = ''; // Remove instructions
    };

    // Begin reading file
    reader.readAsDataURL(event.dataTransfer.files[0]);
  });
});
html, body {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

html {
  border: 2px dashed black;
}

body {
  padding: 10px;
}
<p>Drag an image here</p>


1
एक और बहुत सहज जवाब। आप इसका उपयोग करके क्रोम एक्सटेंशन बना सकते हैं या एक Node.js / इलेक्ट्रॉन डेस्कटॉप एप्लिकेशन बना सकते हैं।

0

GIMP में: फिल्टर -> मैप -> टाइल। यदि आप इकाई को "%" में बदलते हैं और फिर आयामों के लिए 300% x 300% दर्ज करते हैं, तो आपको अपनी छवि की 3x3 टाइलिंग मिल जाएगी, जिससे आप सभी चार किनारों को आसानी से देख सकते हैं। एक बार करने के बाद आप संशोधन करने के बाद टाइलिंग को फिर से करने के लिए Ctrl-F (पिछले फ़िल्टर को दोहराएं) का उपयोग कर सकते हैं, जब तक कि आप किसी भी अन्य फ़िल्टर का उपयोग न करें।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.