আমার স্প্রাইট টাইলস ভাল কিনা তা আমি কীভাবে দ্রুত পরীক্ষা করতে পারি?


47

আমি টাইলম্যাপ স্প্রাইটগুলি তৈরি করতে চেষ্টা করছি যা সুন্দরভাবে টাইল তৈরি করা হয়েছে, তবে তারা কতটা টাইল টানছে তা সত্যিই জটিল।

আদর্শভাবে, আমি একটি চিত্র সম্পাদক রাখতে চাই যা এটির মতো লেআউট দেখায়, তাই আমি দেখতে পেলাম যে এটি কোনও ম্যানুয়াল চেক ছাড়াই ভালভাবে টাইলস:

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

কোন প্রোগ্রামগুলি এটি করতে পারে, বা আমি অন্যথায় কীভাবে এটি আরও সহজ করতে পারি?


আমি মনে করি আপনি টেক্সচার টাইলিং নির্বিঘ্নে কাজ করে কিনা তা যাচাইয়ের বিষয়ে কথা বলছেন। এবং কমপক্ষে আমার জ্ঞানের গিম্পের একটি রেন্ডার-> মানচিত্র বা এমন কোনও ফাংশন রয়েছে যা এটি করে। তবে সম্পাদনার সময় নয়। অন্যথায়, ওয়ালিতে এই বৈশিষ্ট্যটি রয়েছে তবে এটি জঘন্য। (
অর্ধজীবনের

1
amnoid.de/ddsview অনেক চিত্র ফর্ম্যাট এর টাইল প্রাকদর্শন সমর্থন করে। এবং আপনি কোন চিত্র সম্পাদক ব্যবহার করছেন? আমি নিশ্চিত যে এটিতে কোনও ছবি টাইল করার কিছু উপায় রয়েছে।
সাপ 5

1
আপনি কোন সম্পাদক ব্যবহার করছেন? ফটোশপ স্মার্ট অবজেক্টগুলি ব্যবহার করে একসাথে কিছু হ্যাক করা সম্ভব হবে
প্লাজমাএইচএইচ

4
এটিকে আপনার ডেস্কটপ ব্যাকগ্রাউন্ড হিসাবে সেট করুন এবং "টাইল" বিকল্পটি চয়ন করুন।
ব্যবহারকারী 14146

"কী প্রোগ্রাম এটি করতে পারে" কৃতা এটি করতে পারে এবং এটি আপনাকে
জড়িয়ে

উত্তর:


67

এখানে একটি দ্রুত হ্যাক যা কোনও চিত্র সম্পাদকের সাথে কাজ করে।

যদি আপনার টাইল চিত্রটি বলা হয় তবে এটির মতো tile.pngএকটি তৈরি করুন index.html:

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

( সহজ বিকল্পের জন্য @ ড্যারিলিয়ামকে ধন্যবাদ !)

এটি একটি ওয়েব ব্রাউজারে খুলুন।

যখনই আপনাকে চিত্রের টাইলগুলি কতটা ভাল তা পরীক্ষা করতে হবে, এটি সংরক্ষণ করুন এবং ওয়েব ব্রাউজারটি রিফ্রেশ করুন।

কর্মপ্রবাহ

গিম্পের এর রপ্তানি শর্টকাট Ctrleএবং ক্রোমিয়াম এর রিফ্রেশ শর্টকাট Ctrlreএবং rএকটি কোয়ার্টি উপর সংলগ্ন, তাই এই বেশ দ্রুত করতে হয়।


10
খুব উদ্ভাবক! আপনি এইচটিএমএলকে আরও সহজ করে তুলতে পারবেন<body style="background: url(tile.jpg) repeat 0 0;">
ড্রিমা

15
আপনি প্রতি 2 সেকেন্ডে পৃষ্ঠাটি স্বয়ংক্রিয়-লোড তৈরি করতে <body> এর ঠিক আগে আপনি <শিরোনাম << মেটা http-برابر = "রিফ্রেশ" সামগ্রী = "2"> </header> যোগ করতে পারেন।
শিবান ড্রাগন

7
অথবা, আপনি যদি এত ঝোঁক হন, আপনি আরও গভীরতর দিকে যেতে পারেন এবং পরিবর্তনগুলি দেখার জন্য গ্রুর্ট বা গাল্পের মতো একটি সরঞ্জাম সেট আপ করতে এবং ব্রাউজারটি তৈরি করার সময় লাইভ-লোড করতে পারেন।
সেয়েরিয়া

1
@ ক্রোল্টন ডিডিএসভিউয়ের একটি উত্সর্গীকৃত "টাইল ভিউ" রয়েছে বলে জানা গেছে। জিম্পের বন্যা-পূরণের সরঞ্জামটি ক্লিপবোর্ড থেকে পড়তে পারে যা এর সাথে পরীক্ষা করাও দ্রুত।
আনকো

2
@ আঙ্কো ট্রু, তবে আমার বক্তব্যটি প্রকৃত, সম্পাদনাযোগ্য এবং সম্পূর্ণ কার্যকরী টাইল্ড ভিউয়ের জন্য। এই সরঞ্জামগুলি এটিকে দ্রুততর করে তোলে তবে কোনও নির্বিঘ্ন প্রক্রিয়া নয় (অনিচ্ছাকৃত শ্লেষ)।
Kroltan

18

ফটোশপ বা জিআইএমপি ব্যবহার করে আপনি অফসেট কমান্ডটি ব্যবহার করতে পারেন। আপনি যদি 100x100px চিত্র বলার জন্য কাজ করছেন তবে আপনি এটি প্রতিটি দিকে 50px অফসেট করতে পারবেন এবং চিত্রের টাইলগুলি একসাথে চিত্রের মাঝখানে প্রদর্শিত হবে।

এই পৃষ্ঠায় স্ক্রিনশট রয়েছে যা দেখায় যে এটি কীভাবে কাজ করে: http://blogs.adobe.com/jkost/2015/01/how-to-create-a-seamless-pattern-tile-in-photoshop.html


2
একটি যুক্ত বোনাস হিসাবে, এখন দ্রুত এবং সহজে সম্পাদনার জন্য, ইউজটি ঠিক ইমেজের ঠিক মাঝখানে রয়েছে!
আম্মন কর্ট

17

ক্রিটার একটি বৈশিষ্ট্য রয়েছে যা আপনাকে টাইলিং টেক্সচার সম্পাদনা করতে এবং পরিবর্তনগুলি সরাসরি আপডেট দেখতে দেয়। ডাব্লু কী টিপে, এটি মোডের চারপাশে মোড়কে সক্ষম করে, যা এটি সম্ভব করে। ক্রিয়াকলাপে এই বৈশিষ্ট্যের একটি ইউটিউব ভিডিও এখানে উপলভ্য । (বৈশিষ্ট্য 0:12 এ সক্ষম করা হয়েছে)


2
এটি আরও উন্নয়নের দাবিদার। এটি একটি বিট সফটওয়্যার যা একটি বোতাম টিপে জিজ্ঞাসা করা হয় ঠিক কি করে। আরও ভাল, এটি আপনার চিত্রকর্মকেও খুব বেশি মোড়ানো করতে দেয় - যা অবশ্যই অবশ্যই বিরামবিহীন টেক্সচারগুলি তৈরি করতে সহায়তা করবে help আপনার ক্রিটা নিখরচায় এবং ডাউনলোড করা যায় বলেও চিহ্নিত করা উচিত; krita.org/download/
कृति

1
+1 টি কেউ একই প্রশ্ন থাকে, তাহলে এই প্রথম উত্তর তারা দেখতে পাবেন। "কোন প্রোগ্রামগুলি এটি করতে পারে?" "Krita"।
স্মার্ট

6

আপনার টাইলকে আপনার ডেস্কটপে একটি টাইল ওয়ালপেপার তৈরি করুন। সুপার ইজি এবং কোনও কোডিং বা বহির্মুখী সফ্টওয়্যার নেই।


2
+1 এটি চলমান সহ লিনাক্সে দর্শনীয়ভাবে ভাল কাজ করে inotifywait -m -e modify --format '%w' tile.png | while read file; do feh --bg-tile "$file"; done। শুধু ছবিটি সংরক্ষণ করুন; ওয়ালপেপার অবিলম্বে পরিবর্তন। এছাড়াও নির্দিষ্ট করা একাধিক ফাইলের সাথেও কাজ করে tile.png। আমার যখন পূর্ণস্ক্রিনের দরকার নেই তখন এই শিলাগুলি।
আনকো

5

আপনি যদি একাধিক চিত্র পরীক্ষা করতে চান তবে এটি অঙ্কোর উত্তরের ভিত্তিতে একটি মিনি ওয়েবআপ করতে সহায়তা করতে পারে। এটি আপনাকে দ্রুত উত্তরাধিকারে পরীক্ষা করার জন্য চিত্রগুলিকে পৃষ্ঠায় টেনে আনতে দেবে:

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
আরও একটি স্বজ্ঞাত উত্তর। আপনি এটি ব্যবহার করে একটি ক্রোম এক্সটেনশন তৈরি করতে পারেন বা একটি নোড.জেএস / ইলেক্ট্রন ডেস্কটপ অ্যাপ্লিকেশন তৈরি করতে পারেন।
ড্রিমা

0

জিম্পে: ফিল্টারগুলি -> মানচিত্র -> টাইল। আপনি যদি ইউনিটটি "%" তে পরিবর্তন করেন এবং তারপরে মাত্রার জন্য 300% x 300% লিখেন তবে আপনি আপনার চিত্রের একটি 3x3 টাইলিং পাবেন যা আপনাকে চারটি প্রান্ত সহজেই দেখতে দেয়। এটি করার পরে আপনি Ctrl-F ব্যবহার করতে পারেন (শেষ ফিল্টারটি পুনরাবৃত্তি করুন) যতক্ষণ না আপনি অন্য কোনও ফিল্টার ব্যবহার না করেন ততক্ষণ পরিবর্তনগুলি করার পরে টাইলিং পুনরায় করতে পারেন।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.