Canvas - कैनवास Home - होम

  

Open Editor.

Save Canvas scripts to view in Browser.

खुला संपादक।

ब्राउज़र में देखने के लिए कैनवास स्क्रिप्ट सहेजें।

1. Basics मूल बातें

  1. This is the basic canvas framework.
    यह मूल कैनवास ढांचा है।

  2. Copy this script into the editor. इस स्क्रिप्ट को संपादक में कॉपी करें।
  3. Save as basic.html. basic.html के रूप में सहेजें।
  4. Click on Preview in Browser icon or go to folder and open basic.html in a browser.
    ब्राउज़र आइकन में पूर्वावलोकन पर क्लिक करें या फ़ोल्डर में जाएं और ब्राउज़र में basic.html खोलें।


  5. Change code, save in folder and refresh in browser. कोड बदलें, फ़ोल्डर में सहेजें और ब्राउज़र में रीफ्रेश करें।




  6. Change code, save in folder and refresh in browser. कोड बदलें, फ़ोल्डर में सहेजें और ब्राउज़र में रीफ्रेश करें।
    Note the addition of a canvas style and larger canvas. कैनवास शैली और बड़े कैनवास के अतिरिक्त ध्यान दें।




  7. Add Text labels
    टेक्स्ट लेबल जोड़ें



  8. Activity गतिविधि

    Label the other shapes. अन्य आकार लेबल करें।



2. Structured Canvas संरचित कैनवास

  1. Copy code to editor, save in folder and refresh in browser. संपादक को कोड कॉपी करें, फ़ोल्डर में सहेजें और ब्राउज़र में रीफ्रेश करें।
    Note the more structured code layout. अधिक संरचित कोड लेआउट नोट करें।





  2. Copy code to editor, save in folder and refresh in browser. संपादक को कोड कॉपी करें, फ़ोल्डर में सहेजें और ब्राउज़र में रीफ्रेश करें।




  3. Activity गतिविधि

    Finish the robot रोबोट खत्म करो



3. Functions कार्य

  1. This is similar to the video example. यह वीडियो उदाहरण के समान है।
    The values inside the () brackets are called parameters. () ब्रैकेट के अंदर मान पैरामीटर कहा जाता है।




  2. Add more parameters. अधिक पैरामीटर जोड़ें।


Activity गतिविधि

Draw these squares. इन वर्गों को खींचे।
Start at 25,25 and each square is 150,150
25,25 से शुरू करें और प्रत्येक वर्ग 150,150 है


4. Loops लूप्स

  1. Change to Circles. मंडलियों में बदलें।




  2. Add a for () loop. एक जोड़ें for () पाश।


  3. Add a while () loop. एक जोड़ें while () पाश।



  4. Activity गतिविधि

    Draw these circles by using xpos and ypos variable.
    xpos और ypos चर का उपयोग करके इन सर्कल को खींचे।

5. Conditions शर्तेँ

  1. Use an if else statement. एक का प्रयोग करें if else बयान।

  2. Modify the Functions Activity. कार्य गतिविधि को संशोधित करें।

6. Random बिना सोचे समझे

  1. Draw random circles. यादृच्छिक सर्कल ड्रा।
  2. Modify the script to draw random circles with random colours. यादृच्छिक रंगों के साथ यादृच्छिक सर्कल आकर्षित करने के लिए स्क्रिप्ट को संशोधित करें।
    This is done by choosing random values for R G B. यह आर जी बी के लिए यादृच्छिक मूल्य चुनकर किया जाता है।

7. Clock घड़ी

  1. Digital Script. - डिजिटल स्क्रिप्ट।

    Copy digital_clock.png into images subfolder. - डिजिटल सबफ़ोल्डर में digital_clock.png कॉपी करें।

    3_7_1.png
  2. Analog Script. - एनालॉग स्क्रिप्ट।
  3. Activity - गतिविधि

    Combine the Clocks. - घड़ियों को मिलाएं।

Top Home

चोटी होम