पर आप टाइल तत्वों के साथ खुद को ऐसा करने के लिए सक्षम नहीं होगा, वे हमेशा से रहे हैं के रूप में आयताकार है। आपको सभी टाइल वाले मूल तत्व के भीतर माउस स्थिति की निगरानी करनी होगी और मैन्युअल रूप से कार्य करना होगा कि कौन से पिक्सेल किस टाइल्स से मेल खाते हैं।
टाइल करने के लिए स्थिति का एक सममितीय मानचित्रण इस आसान होगा के लिए
, लेकिन वह 'जमीन पर' एक जगह के रूप बिंदु स्थिति लेना हो सकता है; यह आपको छवि के मुखौटा डेटा का उपयोग जमीन के सामने प्रस्तुत पेड़ जैसे हिट-टेस्ट ऑब्जेक्ट्स के लिए करने की अनुमति नहीं देगा।
एक:
तुम सच में छवि मास्क के खिलाफ परीक्षण हिट करने के लिए की जरूरत है, आप कर सकते हैं (? आपको लगता है कि वैसे भी वर्तमान में कुछ पेड़ पूरी तरह से अस्पष्ट उन्हें नीचे जमीन टाइल करना चाहते हैं।)। छवि से मास्क डेटा निकालने के लिए एक स्क्रिप्ट लिखें और इसे जावास्क्रिप्ट स्रोत में एन्कोडेड बाइनरी बिटमास्क के रूप में शामिल करें। मैं जावास्क्रिप्ट खेलों में टक्कर पता लगाने के लिए यह किया है, लेकिन यह बहुत मजेदार के रूप में यह अंतरिक्ष के एक बहुत ले जा सकते हैं और आप डेटा को पुनः निर्यात करने के लिए जब आप ग्राफिक्स अद्यतन नहीं है।
बी। <canvas>
और getImageData
का उपयोग करके परीक्षण के लिए छवि डेटा निकालें। जिस बिंदु पर आप प्रतिपादन के लिए कैनवास का उपयोग करने पर विचार कर सकते हैं, यह देखते हुए कि आप पहले ही आईई उपयोगकर्ताओं को खो चुके हैं।
यह शायद अच्छा होगा "हार" करने के लिए उन परेशान करने आईई
वाक्य रचना कुछ इस तरह दिखता उपयोगकर्ता imho =) – Chii
कैनवास के साथ जाने के बाद इसे करने का एक अच्छा तरीका खोजने में थोड़ा मुश्किल है, लेकिन सौभाग्य से मुझे ऐसा कुछ मिला जो वास्तव में वही था पर - http://philip.html5.org/demos/canvas/spritepick/example.html इस विधि के साथ एकमात्र समस्या यह है कि यह बहुत जावास्क्रिप्ट/प्रोसेसर गहन है और मुझे यकीन नहीं है कि यह काम करेगा या नहीं मूल उद्देश्य जो आईफोन वेब ब्राउज़र के साथ संगतता प्रदान करना था। –