एक आइसोमेट्रिक गेम के टाइल डेटा को बचाने के लिए सबसे प्रभावी तरीका

Question

मैं <canvas> का समर्थन करने वाले तेज़ ब्राउज़र के लिए एक आइसोमेट्रिक गेम पर काम कर रहा हूं, जो बहुत मजेदार है। प्रत्येक टाइल की जानकारी बचाने के लिए, मैं एक दो आयामी सरणी जो की तरह, टाइल आईडी का प्रतिनिधित्व संख्या शामिल का उपयोग करें:

var level = [[1, 1, 1, 2, 1, 0], 
      [0, 1, 1, 2, 0, 1], 
      [0, 1, 1, 2, 1, 1]]; 

var tiles = [ 
    {name: 'grass', color: 'green'}, 
    {name: 'water', color: 'blue'}, 
    {name: 'forest', color: 'ForestGreen'} 
]; 

अब तक यह अच्छा काम करता है, लेकिन अब मैं ऊंचाई और इस तस्वीर में की तरह ढलानों के साथ काम करना चाहते हैं : alt text http://harmen.no-ip.org/isometrictiles.png

प्रत्येक टाइल के लिए मुझे इसकी टाइल आईडी, ऊंचाई और जानकारी को किनारों के ऊपर की ओर से सहेजने की आवश्यकता है।

मैं सभी चार कोनों में से एक बिटवाइज़ प्रतिनिधित्व के बारे में एक साधारण विचार के साथ आया था, इस तरह:

1011 // top, bottom and left corner turned up 

मेरा प्रश्न है: क्या प्रत्येक कक्ष के लिए इन तीन मूल्यों को बचाने के लिए सबसे कारगर तरीका है? क्या इन तीन मानों को एक पूर्णांक के रूप में सहेजना संभव है?

Answer 1

यदि आप तस्वीर की तरह कुछ करने की कोशिश कर रहे हैं तो आपको स्टोर करने की आवश्यकता नहीं है कि कौन से कोनों को ऊपर/नीचे रखा गया है क्योंकि इसे आसपास के टाइल्स से लिया जा सकता है।

उदाहरण के लिए यदि वर्तमान टाइल अ n और मौजूदा टाइल से टाइल एक ऊपर की ऊंचाई है ऊंचाई n+1 है तो मौजूदा टाइल "शीर्ष कोने तक" होना आवश्यक है

वाह! धन्यवाद! मैं इसे लागू करने की कोशिश करूंगा। आपके उत्तर को पूरा करने के लिए एक और विचार: क्या ऊंचाई और टाइल आईडी को पूर्णांक के रूप में स्टोर करना संभव है?

हां। आपको Bitwise Operations का उपयोग करने की आवश्यकता होगी।

आप समान रूप से ऊंचाई और आईडी के बीच पूर्णांक विभाजित हैं ऊंचाई के लिए पहले 16 बिट और आईडी के बाकी

var id = tile & 0x0000FFFF; //mask the first 16 bits 
var height = tile >>> 16; //shift the first 16 bits to the right 

सेटिंग एक समान मन्नार

tile &= 0xFFFF0000; //remove id bits 
tile |= id; //set new id 

tile &= 0x0000FFFF; //remove height bits 
tile |= (height << 16); 

Answer 2

हैं में किया जा सकता का उपयोग कर ऊंचाई [0, 255] रेंज में है, आप बिट हेरफेर का उपयोग करके एक ही पूर्णांक में 4 ऊंचाइयों को बचा सकते हैं। हेक्स में:

0xAABBCCDD, ए.ए. = पहले ऊंचाई, बी बी = दूसरा, आदि ..

सबसे बाईं ओर ऊंचाई आप ((0xAABBCCDD & 0xFF000000) >> 24) & 0xFF करना होगा, जो 170 (0xAA) रिटर्न प्राप्त करने के लिए।

यह सेट करने के लिए: integer &= (0x00FFFFFF); /* Clear the value */ integer |= (height << 24);

Answer 3

हाँ, आप कर सकते हैं:

var corners = 11; // binary 1011; 
var topCornerUp = corners & 0x8; 
var bottomCornerUp = corners & 0x2; 

आप इसे अनुकूलित करना चाहते हैं, हालांकि, पर वे कौन-Yacoby said - आप कोनों की एक सरणी के बजाय उन्हें बचाने के संग्रहीत कर सकती है प्रत्येक टाइल के लिए अलग से।

Answer 4

क्षेत्र आयताकार है? यदि यह है कि आप आसानी से क्षेत्र की चौड़ाई और ऊंचाई, टाइल लंबाई और चरम ऊंचाई का प्रतिनिधित्व करने वाले पूर्णांक की एक सरणी स्टोर कर सकते हैं।चित्र के लिए