मराठी लेख

चित्रे व आकृत्या

Written by Administrator
आपल्या कॉम्प्युटरवर चित्रे व आकृत्या काढण्यासाठी विंडोजमधील पेंट(Paint), मॅक्रोमिडियाचे फायरवर्क्स(Fireworks) , फ्लॅश (Flash), अ‍ॅडोबचे फोटोशॉप (Photoshop), कोरेल ड्रॉ (Corel Draw) इत्यादी अनेक सुविधा वापरता येतात. ब्राऊजरचा वापर करून वेबपेजवर चित्रे काढावयाची असल्यास  एसव्हीजी (SVG) , जावास्क्रिप्ट (Javascript), पीएचपी(GD in PHP) , डॉट नेट(ASP.NET) इत्यादी प्रोग्रॅमचा वापर करावा लागतो. जावास्क्रिप्टचे संक्षिप्त प्रोग्रॅम जेक्वेरी, मू टूल्स, फॅन्सी बॉक्स यांचा योग्य प्रकारे वापरल्यास चित्र वा फोटोत हवे तसे फेरबदल व अ‍ॅनिमेशन करणे सहज शक्य होते आता HTML 5 या नव्या सुधारित प्रोग्रॅममध्ये जेक्वेरीचे संक्षिप्त प्रोग्रॅम समाविष्ट असल्याने आकृत्या काढणे व चित्रफित बनविणे सोपे झाले आहे.  याशिवाय इंटरनेटवर ऑनलाईन चित्रे काढण्यासाठी पिकासा, फ्लिकर यासारख्या सुविधा उपलब्ध आहेतच.
 
 भौमितिक आकृत्या काढण्यासाठी आपण कागदाचा वापर करतो,. मात्र केवळ चित्रे व आकृत्या काढण्यापेक्षा या सुविधांचा उपयोग शैक्षणिक कारणासाठी करावयाचा असल्यास वा स्क्रिप्टिंगद्वारे आकृत्या काढावयाच्या असल्यास कॉम्प्युटर ग्राफिक्सच्या मूलभूत मूलभूत संकल्पनांची माहिती असणे जरूर आहे. कागदावर भौमितिक आकृत्या काढण्यासाठी आपण जी कोऑर्डिनेट पद्धत वापरतॊ त्यापेक्षा  कॉम्प्युटरवर साठी वापरली जाणारी  कोऑर्डिनेट सिस्टीम वेगळी असते.
 
आपण कागदावर आकृत्या काढताना डाव्या बाजूच्या खालच्या कोपर्‍यातील  बिंदूस  संदर्भ बिंदू (Origin) गृहीत धरतो व त्यापासून (०,० )  उजवीकडे (क्ष किंवा X अक्ष) व वरच्या बाजूस (य किंवा Y अक्ष) मोजणी करतो. याउलट कॉम्प्युटरवर चित्रे व आकृत्या काढण्यासाठी डाव्या बाजूच्या वरच्या कोपर्‍याला  संदर्भ बिंदू (Origin) गृहीत धरले जाते व त्यापासून (०,० )   उजवीकडे (क्ष किंवा X अक्ष ) व खालच्या बाजूस ( य किंवा Y अक्ष) अशी मोजणी केली जाते. कागदावर आपण सें. मी. वा इंचाचे परिमाण वापरतो. तर कॉम्प्युटरवर पिक्सेल हे परिमाण वापरले जाते. कॉम्प्युटर स्क्रीनच्या आकाराप्रमाणॆ म्हणजे ८००x६००, १०००x८०० अशाप्रकारे  पिक्सेलची संख्या वेगवेगळी असू शकते. ८०० x६०० आकारात ८०० पिक्सेल आडव्या दिशेने x वा क्ष या परिमाणात तर ६०० पिक्सेल उभ्या म्हणजे y किंवा य या परिमाणात मोजतात..खालील चित्रात या दोन्ही पद्धतीतील  फरक ( पिक्सेल परिमाण वापरून) दाखविला आहे.
 
 

 

 

 

ठिपक्यांची रांगोळी

Written by Administrator
कॉम्प्युटर ग्राफिक्सच्या मापन पद्धतीनुसार (डावीकडून उजवीकडे व वरून खाली) ठराविक अंतराने म्हणजे पहिल्या ओळीसाठी x व y पिक्सेल (०,०),(५०,०)(१००,०) तर पहिल्या उभ्या रांगेसाठी x व y पिक्सेल (०,०) (०,५०)(०,१००) अशा अंतरावर ठिपके काढत येतील. असे आडव्या व उभ्या ओळींमध्ये सारख्या अंतरावर पाचपाच ठिपके काढा.
 
आता आडव्या व उभ्या रांगेतील पहिल्या ठिपक्यास (१,१), पहिल्या आडव्या ओळीतील दुसर्‍या ठिपक्यास २,१ तर दुसर्‍या ओळीतील पहिल्या ठिपक्यास  १, २ याप्रमाणे ठिपक्यांना नावे द्‍या.
आता पहिल्या आडव्या ऒळीत (१,१)(२,१)(३,१)(४,१)(५,१) तर शेवटच्या आडव्या ऒळीत (५,१)(५,२)(५,३)(५,४)(५,५) असे ठिपके असतील.
 
 
 याठिपक्यांना जोडणार्‍या रेषा काढून रांगोळ्या काढता येतील.
स्वस्तिकसाठी खालील सहा रेघा काढाव्या लागतील.
पहिली रेघ - (३,१) ते (३,५)
दुसरी रेघ - (१,३) ते (५,३)
तिसरी रेघ - (३,१) ते (५,१)
चौथी रेघ - (५,३) ते ( ५,५)
पाचवी रेघ - ( ३,५) ते (१,५)
सहावी रेघ - (३,१) ते (१,१)
<?php
     header("Content-type: image/svg+xml");
     echo '<?xml version="1.0" encoding="UTF-8"?>';
     echo '<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
       "http://www.w3.org/TR/2001/
        REC-SVG-20010904/DTD/svg10.dtd">';
     echo '<svg width="600" height="800" xmlns="http://www.w3.org/2000/svg"         
       xmlns:xlink="http://www.w3.org/1999/xlink">';
       echo 'पीएचपी प्रोग्रॅम व SVG वापरून असे स्वस्तिक काढलेले पहा.<br />';
echo 'पहिल्या ठिपक्याचे स्थान - x=१००पिक्सेल, y=१०० पिक्सेल<br />';
echo 'प्रत्येक दोन ठिपक्यातील अंतर ५० पिक्सेलr />';
echo ' स्वस्तिकसाठी लागणारे ठिपके ५ x ५ = २५<br />';
     echo '<g style="stroke:black;">';
    for ($i=0; $i <5; $i++){
  for ($j=0; $j <5; $j++){
   $cx=100+$i*50;
  $cy=100+$j*50;
     echo '<circle cx="'.$cx.'" cy="'.$cy.'" r="1" style="stroke-width:4"/>';
      echo '<line fill="none" stroke="#ff0000" x1="100" y1="'.$cy.'" x2="300" y2="'.$cy.'" id="svg_1"/>';
       echo '<line fill="none" stroke="#ff0000" x1="'.$cx.'" y1="100" x2="'.$cx.'" y2="300" id="svg_1"/>';
     }
     }
    
                  
     echo '</g>';
     echo '</svg>';

   ?>
 आता स्वस्तिक असे दिसेल.