ড্র্যাগেবল ব্যাকগ্রাউন্ড

Question

আমি কনভা জেএসের মতো অসীম টেনে আনার মতো কিছু অর্জন করতে চাই যে কেউ আমাকে এটিতে সহায়তা করতে পারে। আমি বিভিন্ন জিনিস চেষ্টা করে দেখি তবে সেগুলি ঠিক ছিল না। আমি p5js এবং জাভাস্ক্রিপ্ট নতুন। কোন ইঙ্গিত জন্য দয়া করে। কেবলমাত্র এই উপাদানটি আমাকে পুরো প্রকল্পটি সম্পূর্ণ করতে বাধা দেয়।

var grid;
var current_img;
var BgCat1 = [];
var layerOne;
let show_grid = false;

Comments

আপনি যা করার চেষ্টা করছেন সে সম্পর্কে আমি বিভ্রান্ত। আপনি কি গ্রিডটি উদাহরণের মতো টেনে নেওয়ার মতো করতে চান, অসীমভাবে?

— কুইলবার্ট প্র।

হ্যাঁ .. আমি গ্রিডটি উদাহরণের মতো টেনে আনেযোগ্য হতে চাই

— Michał Mi

Answer 1

আরও মার্জিত সমাধান হতে পারে, তবে আমি এখানে র‌্যাপ্যারাউন্ড পরিচালনা করতে গ্রিডের প্রতিটি পাশে একটি অতিরিক্ত ঘর আঁকছি, সুতরাং 10x10 সহ একটি 12x12 গ্রিড দৃশ্যমান। এটি এখানে চালিত দেখুন: https://editor.p5js.org/rednoyz/full/uJCADfZXv

let dim = 10, sz;
let xoff = 0, yoff = 0;

function setup() {
  createCanvas(400, 400);
  sz = width/ dim;
}

function mouseDragged() {
  xoff += mouseX - pmouseX;
  yoff += mouseY - pmouseY;
}

function draw() {
  background(255);

  for (let i = 0; i < dim+2; i++) {
    for (let j = 0; j < dim+2; j++) {

      let x = ((xoff + j * sz) % (width+sz)) - sz;
      if (x < -sz) x += width+sz;

      let y = ((yoff + i * sz) % (height+sz)) - sz;
      if (y < -sz) y += height+sz;

      rect(x, y, sz, sz);
      text(i * 10 + j, x + sz/2, y + sz/2);
    }
  }
}

Comments

এছাড়াও আপনি লাগাতে পারেন if((mouseX < width && mouseX > 0)&&(mouseY < height && mouseY > 0))উপর mouseDragged()ফাংশন কাজ শুধুমাত্র ক্যানভাস টেনে

— darcane

এই উত্তরটিতে আপনি অন্য যে কোনও কিছুর সন্ধান করছেন?

— rednoyz

আমি অতিরিক্ত কোডের জন্য প্রশ্নকর্তার অনুরোধের জবাব

— দিচ্ছিলাম