Lake.js: चित्रण को दर्शाने के लिए jQuery प्लगइन जैसे कि झील के पानी में

लेक.जेएस स्क्रिप्ट ज्ञात हो गई - jQuery प्लगइन, जो एक चित्रण (<img> तत्व) लेता है और इसे कैनवास पर रखता है ( <कैनवास> तत्व को सम्मिलित करता है ), इसके ठीक नीचे एक दर्पण प्रतिबिंब है जो लहरों में जाता है - जैसे कि एक झील के पानी में।

यह जमे हुए तरंगों के बारे में नहीं है, बल्कि पानी के माध्यम से यात्रा करने वाली तरंगों के बारे में है - उनके चरण को जावास्क्रिप्ट द्वारा गतिशील रूप से बदल दिया जाता है। (यह स्पष्ट है कि यह प्रभाव हबराब्र पर प्रजनन योग्य नहीं है, इसलिए मैं एक स्थैतिक स्क्रीनशॉट सम्मिलित करता हूं।)

कैनवास की चौड़ाई उसी तरह की है जैसे कि चित्रण संसाधित किया जा रहा है, और दो बार उच्च के रूप में।

प्लगइन को कॉल करना अपेक्षाकृत सरल और स्व-स्पष्ट दिखता है:

<script src="jquery.js"></script> <script src="lake.js"></script> <script> $(function() { $('#lake-img').lake({ 'speed': 1, 'scale': 0.5, 'waves': 10 }); }); </script> ... <img id="lake-img" src="lake.png" style="display: none;"/> 

मापदंडों के निम्नलिखित अर्थ हैं:

• गति - तरंग वेग;
  
• स्केल - तरंगों की कूबड़ (आयाम) की ऊंचाई;
  
• तरंगें - तरंगों की संख्या।

एनीमेशन फ्रेम स्क्रिप्ट की शुरुआत में संकलित किए जाते हैं, इसलिए प्रारंभिक पृष्ठ लोड (जब $ ( ... ) काम करता है) के बाद, एक मंदी हो सकती है। लेक.जेएस के लेखक का दावा है कि स्क्रिप्ट ज्यादातर उपकरणों पर सहिष्णुता से काम करती है।