2011-08-18 33 views
12

के साथ एक साधारण कार गेम बनाना मेरे पास HTML5 कैनवास के साथ एक खेल है, और मेरे पहले प्रयोग के लिए मैंने मूल उपयोगकर्ता इनपुट के साथ एक साधारण कार एनीमेशन बनाने का प्रयास करने का निर्णय लिया। मुझे लगता है कि मैं बुनियादी इनपुट और आंदोलन के साथ सबसे अधिक तरीका हूं, लेकिन मैं सिर्फ यह देखना चाहता था कि मैं इसे थोड़ा और आगे ले सकता हूं या नहीं।एचटीएमएल 5 कैनवास

डेमो: http://jsfiddle.net/mpxML/20/ (उपयोग तीर कुंजी)

मैं में एक छवि लोड हो रहा है है, तो आप भी एक काला वर्ग जो ले जाता है देख सकते हैं, उस बिंदु का अनुवाद है, या जहां कार से स्टीयरिंग है। मैं किसी भी तरह से एक बहाव प्रभाव बनाना चाहता था जिसे उच्च गति आदि पर हासिल किया जा सकता है। यह तब भी चालू हो सकता है जब यह हिल नहीं रहा है, यह सही नहीं है।

वैसे भी, मुझे नहीं पता कि कार को अधिक अर्द्ध यथार्थवादी महसूस करने के लिए मुझे किस तर्क की आवश्यकता है।

धन्यवाद

+3

नहीं एक सहायक टिप्पणी नहीं है लेकिन बस अच्छा काम कहना चाहता हूँ! मैंने कार को फ्रेम से बाहर निकाला और अब मैंने इसे खो दिया है !! –

+0

अरे धन्यवाद हाहा।हाँ मुझे कुछ सीमाएं वास्तव में काम करने की ज़रूरत है! – Henryz

उत्तर

6

मोड़ को ठीक करने के लिए आपको कुछ करना है इस तरह:

car.angle = car.angle - (car.handeling * car.speed/car.topSpeed); 

इस मोड़ से रोकेगा जब गति 0 और रिवर्स मोड़

बहाव प्रभाव आप कार के घूर्णन केंद्र आगे बढ़ने और कार यह स्वयं से अधिक बारी बारी से करने की अनुमति चाहिए प्राप्त करने के लिए ठीक कर देंगे वास्तव में

+0

यह वास्तव में अच्छा काम करता है! अब जब मैं हिल नहीं रहा हूं, तो मैं नहीं जा सकता, जब मैं आगे बढ़ रहा हूं, तो मैं एक तंग मोड़ ले सकता हूं। लेकिन जब मैं तेजी से जा रहा हूं, तो मैं हैंडलिंग दक्षता कम होना चाहता हूं। मैं कर रहा था (हैंडलिंग/गति) करने के बारे में सोच रहा था। काश मैं इसे समझने में बेहतर था .. इसके साथ समस्या यह है कि, जब आप रिवर्स में जाते हैं, हैंडलिंग मैसेज इत्यादि।>< – Henryz

+0

यदि आप एक स्थिर रेस ट्रैक (कोई पैनिंग) विकसित नहीं कर रहे हैं तो बहाव है वास्तव में मुश्किल है। मैंने कुछ साल पहले 2 डी रेसिंग पहले ही गड़बड़ कर लिया था और मैं बहाव को बहुत अच्छी तरह से प्रबंधित नहीं कर सका। यह या तो बहुत सूक्ष्म था कि आप इसे शायद ही कभी देख सकें या यह उल्लेखनीय था और इसे बहुत कठिन बना दिया गया। – JSantos

4

ग्रेट थोड़ा डेमो, इसे प्यार करो! मैं ड्राइव नहीं करता, ये मेरे विचार हैं। मैं प्रयोग करने की सलाह देते हैं, तो आप यथार्थवाद के लिए जाने के लिए नहीं है - याद है कि आप एक खेल बना रहे हैं, तो आप मज़ा :)

पीछे

मैं रिवर्स ठीक से काम होगा, जब के लिए जाना चाहता हूँ आप रिवर्स करते हैं कि मैं परंपरागत कार आंदोलन से अपेक्षा की दिशा में नहीं बदलता हूं।

बहती

यह ट्रिगर हो जाएगा मोड़ की गति/कोण एक निश्चित राशि पर है। एक बार जब इन शर्तों को पूरा कर दिया है आप कुछ (वर्तमान दिशा को लॉक करके) किसी भी अधिक महत्वपूर्ण मोड़ को रोकने की तरह कार ~ 30o दिशा से कर सकता है और कोण तक तेजी लाने कुंजी unpressed

टर्निंग

मैं है मैं चालक नहीं हूं, लेकिन मुझे लगता है कि जब आप धीमी रफ्तार से हों तो आपका मोड़ कोण कठिन होगा, शायद इसके लिए एक सरल सूत्र बनाएं, गति और मोड़ के बीच कुछ प्रकार के रिश्ते।

बेशर्म प्लग

मैं खुलासा करने के लिए मैं Scirra.com के लिए काम है और हम कुछ सॉफ्टवेयर Construct 2 (Download), एक Windows खेल एचटीएमएल 5 खेल के लिए कार्यक्रम बना रही है जो है, यह आप के लिए एक नज़र (लायक हो सकता है आपके उद्देश्यों के आधार पर)! यह जावास्क्रिप्ट के साथ विस्तारित है, इसलिए आप अपने स्वयं के आंदोलन व्यवहार लिख सकते हैं और अन्य लोगों का उपयोग कर सकते हैं, कार खेलों को और अधिक दृश्यमान और आसान बनाते हैं (हमारी राय में किसी भी तरह से!)

+0

अरे, प्रतिक्रिया के लिए धन्यवाद :) बहती हुई पर अच्छी टिप्पणियां, मैं उसमें काम करने की कोशिश करूंगा! मैं मोड़ के सर्कल पर काम कर रहा हूं और मैं निर्माण 2 भी देखूंगा :) – Henryz

संबंधित मुद्दे