Bitbybit Docs
    Preparing search index...

    Class Draw

    দৃশ্যে যেকোনো কিছু আঁকা: কার্নেল আকৃতি, বিন্দু, রেখা, পলিলাইন, কার্ভ, মেশ ও ট্যাগ সবই drawAnyAsync এর মধ্য দিয়ে যায়, যা সত্তাটির জন্য সঠিক রেন্ডারার বেছে নেয় এবং আঁকা অবজেক্টটি ফেরত দেয়। options মেথডগুলি প্রতিটি ধরনের সত্তার জন্য ডিফল্টসহ আঁকার অপশন তৈরি করে, createPBRMaterialcreateTexture ফেস স্লটের জন্য ম্যাটেরিয়াল তৈরি করে, এবং একটি আঁকা অবজেক্টকে ফেরত পাঠিয়ে একই জায়গায় আবার আঁকা যায়।

    Hierarchy (View Summary)

    Index

    Constructors

    • Returns Bit.Draw

    draw async

    • drawAnyAsync যেভাবে করে সেভাবে যেকোনো সত্তা দৃশ্যে আঁকে, আঁকা অবজেক্টটি ফেরত না দিয়ে; এমন স্ক্রিপ্টের শেষ ধাপের জন্য যার শুধু ফলাফলটি দেখা যাওয়া দরকার।

      Parameters

      • inputs: DrawAny

        যে সত্তাটি আঁকতে হবে এবং ঐচ্ছিক আঁকার অপশন

      Returns Promise<void>

      const box = await bitbybit.occt.shapes.solid.createBox({ width: 10, length: 10, height: 10, center: [0, 0, 0] });
      await bitbybit.draw.drawAnyAsyncNoReturn({ entity: box });
    • লাইব্রেরি যে কোনো সত্তা তৈরি করে তা দৃশ্যে আঁকে এবং আঁকা অবজেক্টটি ফেরত দেয়: OCCT, JSCAD ও Manifold এর কার্নেল আকৃতি, বিন্দু, রেখা, পলিলাইন, কার্ভ, মেশ, ট্যাগ ও নোড।

      অপশনগুলি সত্তার সাথে মেলানো হয়, কিছু না দিলে ডিফল্টসহ; জায়গাতেই আবার আঁকতে আগের ফলাফলটি হালনাগাদ স্লটে ফেরত দিন।

      Type Parameters

      • E extends any

      Parameters

      • inputs: DrawAny<E>

        যে সত্তাটি আঁকতে হবে, ঐচ্ছিক আঁকার অপশন এবং হালনাগাদের সময় আগের ফলাফল

      Returns Promise<Drawn<E, Mesh>>

      সত্তাটি আঁকলে যা তৈরি হয়: জ্যামিতির জন্য একটি দৃশ্য অবজেক্ট, ট্যাগের জন্য ট্যাগ বা ট্যাগগুলি, নোডের জন্য একটি অক্ষ ত্রয়ী; খালি তালিকার জন্য অসংজ্ঞায়িত

      const box = await bitbybit.occt.shapes.solid.createBox({ width: 10, length: 10, height: 10, center: [0, 0, 0] });
      const options = bitbybit.draw.optionsOcctShapeSimple({ precision: 0.01, drawFaces: true, faceColour: "#ff0000", drawEdges: true, edgeColour: "#ffffff", edgeWidth: 2, drawTwoSided: true, backFaceColour: "#0000ff", backFaceOpacity: 1 });
      const drawn = await bitbybit.draw.drawAnyAsync({ entity: box, options });

    draw sync

    • drawAny যেভাবে করে সেভাবে কার্নেলের কাজ লাগে না এমন একটি সত্তা আঁকে, আঁকা অবজেক্টটি ফেরত না দিয়ে; বিন্দু, রেখা, পলিলাইন ও ট্যাগ এর যোগ্য, কার্নেল আকৃতি নয়।

      Parameters

      • inputs: DrawAny

        যে সত্তাটি আঁকতে হবে এবং ঐচ্ছিক আঁকার অপশন

      Returns void

      bitbybit.draw.drawAnyNoReturn({ entity: [[0, 0, 0], [5, 5, 5], [10, 0, 0]] });
      
    • কার্নেলের কাজ লাগে না এমন একটি সত্তা সাথে সাথে দৃশ্যে আঁকে এবং আঁকা অবজেক্টটি ফেরত দেয়: বিন্দু, রেখা, পলিলাইন, ট্যাগ ও নোড।

      OCCT, JSCAD ও Manifold এর কার্নেল আকৃতিগুলিকে drawAnyAsync দিয়ে যেতে হবে, যা কার্নেলের সেগুলি মেশ করার জন্য অপেক্ষা করে।

      Type Parameters

      • E extends any

      Parameters

      • inputs: DrawAny<E>

        যে সত্তাটি আঁকতে হবে, ঐচ্ছিক আঁকার অপশন এবং হালনাগাদের সময় আগের ফলাফল

      Returns Drawn<E, Mesh>

      সত্তাটি আঁকলে যা তৈরি হয়: জ্যামিতির জন্য একটি দৃশ্য অবজেক্ট, ট্যাগের জন্য ট্যাগ বা ট্যাগগুলি, নোডের জন্য একটি অক্ষ ত্রয়ী; খালি তালিকার জন্য অসংজ্ঞায়িত

      const options = bitbybit.draw.optionsSimple({ colours: "#00ff00", size: 0.5, opacity: 1, updatable: false, hidden: false, drawTwoSided: true, backFaceColour: "#0000ff", backFaceOpacity: 1, colorMapStrategy: Bit.Inputs.Base.colorMapStrategyEnum.lastColorRemainder, arrowSize: 0, arrowAngle: 15 });
      const drawn = bitbybit.draw.drawAny({ entity: [[0, 0, 0], [5, 5, 5], [10, 0, 0]], options });

    grid

    • drawGridMesh যেভাবে করে সেভাবে ভূমি প্লেনে একটি গ্রিড আঁকে, মেশটি ফেরত না দিয়ে।

      Parameters

      • inputs: SceneDrawGridMeshDto

        গ্রিডের আকার, রেখার ব্যবধান, রং ও অস্বচ্ছতা

      Returns void

      bitbybit.draw.drawGridMeshNoReturn({ width: 400, height: 400, subdivisions: 10, majorUnitFrequency: 10, minorUnitVisibility: 0.45, gridRatio: 0.5, opacity: 0.5, backFaceCulling: false, mainColor: "#ffffff", secondaryColor: "#ffffff" });
      
    • ভূমি প্লেনে, মূলবিন্দু দিয়ে যাওয়া XZ প্লেনে, স্কেল ও অভিমুখের বোধ দিতে একটি গ্রিড আঁকে; ডিফল্টে প্রতি দশম রেখা মোটা করে আঁকা হয়।

      Parameters

      • inputs: SceneDrawGridMeshDto

        গ্রিডের আকার, রেখার ব্যবধান, রং ও অস্বচ্ছতা

      Returns Mesh

      গ্রিড মেশ

      const grid = bitbybit.draw.drawGridMesh({ width: 400, height: 400, subdivisions: 10, majorUnitFrequency: 10, minorUnitVisibility: 0.45, gridRatio: 0.5, opacity: 0.5, backFaceCulling: false, mainColor: "#ffffff", secondaryColor: "#ffffff" });
      

    material

    • createPBRMaterial এর টেক্সচার স্লটের জন্য একটি URL থেকে একটি ছবির টেক্সচার তৈরি করে, এমন টাইলিং, অফসেট, ঘূর্ণন ও ফিল্টারিংসহ যা প্রতিটি রেন্ডারারে একই অর্থ বহন করে।

      Parameters

      • inputs: GenericTextureDto

        ছবির URL এবং টাইলিং, অফসেট, ঘূর্ণন, ফ্লিপ ও স্যাম্পলিং অপশন

      Returns Texture

      ইঞ্জিনের টেক্সচার

      const texture = bitbybit.draw.createTexture({ url: "https://example.com/wood.jpg", name: "wood", uScale: 2, vScale: 2, uOffset: 0, vOffset: 0, wAng: 0, invertY: false, invertZ: false, samplingMode: Bit.Inputs.Draw.samplingModeEnum.trilinear });
      
    • প্রতিটি রেন্ডারারে একই অর্থ বহন করে এমন সেটিংস থেকে একটি ফিজিক্যালি বেসড ম্যাটেরিয়াল তৈরি করে: বেস রং, মেটালিক ও রাফনেস, অস্বচ্ছতা, এমিসিভ আভা, টেক্সচার স্লট এবং আলফা ও পাশের অপশন; এটি আঁকার অপশনের faceMaterial এ দিন।

      Parameters

      • inputs: GenericPBRMaterialDto

        নাম, রং, মেটালিক ও রাফনেস মান, অস্বচ্ছতা, টেক্সচার ও রেন্ডারিং অপশন

      Returns PBRMetallicRoughnessMaterial

      ইঞ্জিনের ম্যাটেরিয়াল

      const material = bitbybit.draw.createPBRMaterial({ name: "steel", baseColor: "#c0c0c0", metallic: 1, roughness: 0.4, alpha: 1, emissiveColor: "#000000", emissiveIntensity: 1, zOffset: 0, zOffsetUnits: 0, alphaMode: Bit.Inputs.Draw.alphaModeEnum.opaque, alphaCutoff: 0.5, doubleSided: false, wireframe: false, unlit: false });
      const options = bitbybit.draw.optionsOcctShapeMaterial({ precision: 0.01, faceMaterial: material, drawEdges: true, edgeColour: "#ffffff", edgeWidth: 2 });

    options

    • বিন্দু, রেখা, পলিলাইন, কার্ভ, সারফেস ও JSCAD মেশের জন্য আঁকার অপশন তৈরি করে: রং, আকার, অস্বচ্ছতা, দুই-পাশে রেন্ডারিং এবং রেখায় তীরের মাথা, যা বাদ দেওয়া হয় তার জন্য ডিফল্টসহ।

      Parameters

      Returns DrawBasicGeometryOptions

      আঁকার অপশন

      const options = bitbybit.draw.optionsSimple({ colours: "#ff0000", size: 2, opacity: 1, updatable: false, hidden: false, drawTwoSided: true, backFaceColour: "#0000ff", backFaceOpacity: 1, colorMapStrategy: Bit.Inputs.Base.colorMapStrategyEnum.lastColorRemainder, arrowSize: 0, arrowAngle: 15 });
      
    • OCCT আকৃতির জন্য পূর্ণ আঁকার অপশন তৈরি করে: মেশিং নির্ভুলতা, ফেস, এজ ও ভার্টেক্সের রং ও আকার, সূচক লেবেল, এজে তীর, দুই-পাশে রেন্ডারিং এবং ত্রিভুজায়ন ক্যাশ, যা বাদ দেওয়া হয় তার জন্য ডিফল্টসহ।

      Parameters

      Returns DrawOcctShapeOptions

      আঁকার অপশন

      const options = bitbybit.draw.optionsOcctShape({ faceOpacity: 1, edgeOpacity: 1, edgeColour: "#ffffff", faceColour: "#ff0000", edgeWidth: 2, drawEdges: true, drawFaces: true, drawVertices: false, vertexColour: "#ff00ff", vertexSize: 0.03, precision: 0.01, drawEdgeIndexes: false, edgeIndexHeight: 0.06, edgeIndexColour: "#ff00ff", drawFaceIndexes: false, faceIndexHeight: 0.06, faceIndexColour: "#0000ff", drawTwoSided: true, backFaceColour: "#0000ff", backFaceOpacity: 1, edgeArrowSize: 0, edgeArrowAngle: 15, keepMeshData: false, allowQualityDecrease: true, forceFaceDeflection: false });
      
    • OCCT আকৃতির জন্য সবচেয়ে ব্যবহৃত আঁকার অপশন তৈরি করে, নির্ভুলতা, ফেস ও এজের রং এবং দুই-পাশে রেন্ডারিং, যা বাদ দেওয়া হয় তার জন্য ডিফল্টসহ।

      Parameters

      Returns DrawOcctShapeSimpleOptions

      আঁকার অপশন

      const options = bitbybit.draw.optionsOcctShapeSimple({ precision: 0.01, drawFaces: true, faceColour: "#ff0000", drawEdges: true, edgeColour: "#ffffff", edgeWidth: 2, drawTwoSided: true, backFaceColour: "#0000ff", backFaceOpacity: 1 });
      
    • এমন OCCT আকৃতির জন্য আঁকার অপশন তৈরি করে যার ফেসগুলি একটি পূর্ণ ইঞ্জিন ম্যাটেরিয়াল ব্যবহার করে, যেমনটি createPBRMaterial তৈরি করে, সাথে নির্ভুলতা ও এজের স্টাইল।

      Parameters

      Returns DrawOcctShapeMaterialOptions

      আঁকার অপশন

      const material = bitbybit.draw.createPBRMaterial({ name: "steel", baseColor: "#c0c0c0", metallic: 1, roughness: 0.4, alpha: 1, emissiveColor: "#000000", emissiveIntensity: 1, zOffset: 0, zOffsetUnits: 0, alphaMode: Bit.Inputs.Draw.alphaModeEnum.opaque, alphaCutoff: 0.5, doubleSided: false, wireframe: false, unlit: false });
      const options = bitbybit.draw.optionsOcctShapeMaterial({ precision: 0.01, faceMaterial: material, drawEdges: true, edgeColour: "#ffffff", edgeWidth: 2 });
    • Manifold সলিড ও ক্রস-সেকশনের জন্য আঁকার অপশন তৈরি করে: ফেসের রং বা একটি পূর্ণ ইঞ্জিন ম্যাটেরিয়াল, ক্রস-সেকশনের রেখার স্টাইল, নর্মাল এবং দুই-পাশে রেন্ডারিং।

      Parameters

      Returns DrawManifoldOrCrossSectionOptions

      আঁকার অপশন

      const options = bitbybit.draw.optionsManifoldShapeMaterial({ faceOpacity: 1, faceColour: "#ff0000", faceMaterial: material, crossSectionColour: "#ff00ff", crossSectionWidth: 2, crossSectionOpacity: 1, computeNormals: false, drawTwoSided: true, backFaceColour: "#0000ff", backFaceOpacity: 1 });
      const drawn = await bitbybit.draw.drawAnyAsync({ entity: solid, options });
    • ট্রান্সফর্ম নোডের জন্য আঁকার অপশন তৈরি করে, যেগুলি একটি নির্দিষ্ট দৈর্ঘ্যের রঙিন অক্ষ রেখার ত্রয়ী হিসেবে আঁকা হয়।

      Parameters

      • inputs: DrawNodeOptions

        যে অপশন থেকে শুরু করতে হবে

      Returns DrawNodeOptions

      আঁকার অপশন

      const options = bitbybit.draw.optionsBabylonNode({ colorX: "#ff0000", colorY: "#00ff00", colorZ: "#0000ff", size: 2 });
      const drawn = await bitbybit.draw.drawAnyAsync({ entity: node, options });