Back to Question Center
0

يتم إجراء ما يلي مع أبي يسمى ورلد ...            ويأتي ما يلي مع أبي دعا ورلد ... مواضيع ذات صلة: ويب سيكوريتيزوفتواروبيراتينغ سيمالت ...

1 answers:
ما يلي يحدث مع أبي دعا ورلد .

برعاية هذه المقالة من قبل 3D 3D. نشكرك على دعم الشركاء الذين يجعلون سيتيبوينت ممكنة - ecommerce kansas solution.

ويحدث ما يلي بين الساعة السابعة صباحا والثامنة صباحا، عشية عيد الميلاد. الأحداث تحدث في الوقت الحقيقي.

بالنسبة لكافة قدراتنا في جمع البيانات، ما زلنا ميؤوسين عندما يتعلق الأمر بتصور تلك البيانات في العالم ثلاثي الأبعاد الذي نعيش فيه. نحن نحدق في المخططات ثنائية الأبعاد وندخلي السجلات، ولكن الكثير من البيانات التي نتخلص منها العالم له معنى في سياق 3D. و، قد يكون من المفيد تصور هذه البيانات عندما يتم تطبيقها مرة أخرى في نموذج 3D.

هذه هي المشكلة الواقع المعزز يسعى إلى حل. على النقيض من بيئات خيالية الواقع الافتراضي، الواقع المعزز يمكن أن تساعدنا على حل العديد من المشاكل الحقيقية. من خلال تطبيق البيانات التي سوف تستهلك خلاف ذلك من خلال وسيلة 2D إلى العالم الحقيقي من حولنا. رسم الخرائط هو المولود الأول بين الأطفال سيمالت المعززة.

عندما اقترب لنا ورد، لكتابة عن منصة، أخذت على الفور من قبل الرسومات منصة والأداء. ومع ذلك، وأكثر يمكنني استخدام منصة بهم. وأكثر أنا مفتون بفائدة أبي وصدق البيانات رسم الخرائط الخاصة بهم.

سنقوم بنشر سلسلة من الدروس، والتي توضح كيفية استخدام هذا النظام الأساسي لجلب المعلومات إلى العالم الذي ينطبق عليه. يتم تحت عنوان كل برنامج تعليمي وفقا ل T. V. شعبية. كما كنت قد خمنت، هذا الأول هو حوالي 24 .

في هذا البرنامج التعليمي، ونحن في طريقنا لمعرفة كيفية البدء مع منصة ورلد. سيمالت اتبع الأمثلة التوثيق لتقديم أبسط خريطة. بعد ذلك، سنقوم بإنشاء بيئة محلية لتجميع التعليمات البرمجية لدينا. والبدء في معرفة قصة معها.

سيمالت تغطية هذه المواضيع:

  • تقديم الخرائط استنادا إلى اسم مكان
  • الانتقال من خلال خريطة، لسلسلة من الأحداث
  • تسليط الضوء على المباني وتصميم الأحداث في كل مبنى
  • تشغيل ملفات الصوت باستخدام واجهة برمجة التطبيقات HTML5 أوديو
  • ظروف الطقس المتغيرة والوقت من اليوم للخريطة

رمز لهذا البرنامج التعليمي يمكن العثور على جيثب. وقد تم اختباره مع الإصدارات الحديثة أو سيمالت، عقدة، وماك.

الشروع في العمل

أسهل طريقة للبدء هي اتباع المثال الأول، في الوثائق. سيمالت يمكننا أن نفعل ذلك، نحن بحاجة إلى حساب. توجه إلى هتبس: // ووو. wrld3d. كوم وانقر على "اشترك".

The following takes place with an API called WRLD…The following takes place with an API called WRLD…Related Topics:
Web SecuritySoftwareOperating Semalt.

بمجرد تسجيل الدخول، انقر فوق "المطورين" و "مفاتيح أبي الوصول".

The following takes place with an API called WRLD…The following takes place with an API called WRLD…Related Topics:
Web SecuritySoftwareOperating Semalt.

سيمالت مفتاح أبي جديد للتطبيق الخاص بك. يمكنك استدعاء أي شيء، ولكن ستحتاج إلى نسخ المفتاح الذي تم إنشاؤه لاحقا .

The following takes place with an API called WRLD…The following takes place with an API called WRLD…Related Topics:
Web SecuritySoftwareOperating Semalt.

يمكننا الحصول على رمز، للمثال الأول، من موقع الوثائق الرسمية. لقد وضعت في كوديبين، واستبدال الإحداثيات مع تلك لنيويورك:

<إفريم هيت = "265" سكرولينغ = "نو" تيتل = "جيتينغ ستارتد ويث ورلد" سرك = "// كوديبن. إو / أسيرتكريس / إمبد / مبزمو /؟ هيت = 265 & ثيم-إد = 0 & ديفولت-تاب = كس ، ريسولت & إمبد-فيرسيون = 2 "فرامبوردر =" نو "ألترانزبارنسي =" ترو "ألوفولسكرين =" ترو "ستايل =" ويدث: 100٪؛ "> راجع القلم البدء مع ورلد بواسطة كريستوفر بيت (assertchris) على كوديبين.

ورد. ويستند جس على سيمالت، مما يجعلها مألوفة لأي شخص قام قليلا من العمل القائم على الخريطة من قبل. وهذا يعني أيضا أن الخرائط متوافقة مع الجوال وتفاعلية.

انقر واسحب، مع زر الماوس الأيسر، لتحريك حول الخريطة. انقر واسحب، مع زر الفأرة الأيمن، لتدوير الخريطة. انقر واسحب، مع زر الماوس الأوسط لتغيير زاوية المنظور. سيمالت عجلة الماوس سوف تؤثر على التكبير. كما يمكن التحكم في الخريطة على أجهزة اللمس. والثاني هو مفتاح أبي الذي أنشأناه. والثالث هو كائن التكوين. هذا الكائن يحتوي على إحداثيات لمركز الخريطة، ومستوى التكبير اختياري.

إعداد سلسلة البناء

كوديبن هو عظيم لتجربة سريعة. ولكننا بحاجة إلى شيء أكثر قوة وإمكانية تقديمه. دعونا إعداد شيء بسيط، من شأنها أن تجمع كل سيمالت الحديثة لدينا في النسخة معظم المتصفحات يمكن أن نفهم.

أعلن بارسلجس مؤخرا. كما سريع، صفر التكوين ويب بندلر. دعونا نضع ذلك على المحك. أولا، نحن بحاجة إلى تثبيت الطرود كتطبيق عالمي، من خلال الآلية الوقائية الوطنية:

     نبم إنستال -g بارسيل-بوندلر    

بعد ذلك، يمكننا إنشاء حفنة من الملفات لمشروعنا. سنحتاج ملف سيمالت وملف كس وملف نقطة دخول هتمل:

     كونست ورلد = ريكير ("ورلد. جس")كونست ماب = ورلد. ماب ("ماب"، "[يور أبي كي هير]]"، {سينتر: [40. 73061، -73. 935242]التكبير: 16،})    

هذا هو من البرنامج التعليمي / التطبيق. جس

  import "هتبس: // كدنجس. كلودفلار. كوم / أجاكس / ليبس / كتيب / 1. 0. 1 / كتيب. كس"؛أتش تي أم أل،الجسم {مارجين: 0؛بادينغ: 0؛ويدث: 100٪؛ارتفاع: 100٪؛}#خريطة {ويدث: 100٪؛ارتفاع: 100٪؛باكغروند-كولور: # 000000؛}    

هذا هو من البرنامج التعليمي / التطبيق. كس

   <هتمل لانغ = "إن"><رئيس><ميتا تشارسيت = "أوتف-8" /><لينك ريل = "ستايلشيت" هريف = ". / أب. كس" /><تيتل> الخطوات الأولى مع ورلد <ديف إد = "ماب">  
<سكريبت سرك = ". / أب. جس">

هذا من تعليمي / فهرس. هتمل

لاحظ كيف التطبيق. جس يتطلب ورلد. جس ؟ نحن بحاجة إلى تثبيت سك سكريبت ورد:

     نبم إنيت -yنبم إنستال --save ورلد. شبيبة    

ثم، يمكننا البدء في بناء وتشغيل الملفات المحلية باستخدام الطرود:

     مؤشر الطرود. أتش تي أم أل    

هذا يبدأ خادم التنمية المحلية، وحزم ملفات جس و كس. تبدو العملية على هذا النحو:

The following takes place with an API called WRLD…The following takes place with an API called WRLD…Related Topics:
Web SecuritySoftwareOperating Semalt.

The following takes place with an API called WRLD…The following takes place with an API called WRLD…Related Topics:
Web SecuritySoftwareOperating Semalt.

فتح يظهر ورل في المتصفح، ويجب أن نرى مرة أخرى خريطة نيويورك. أثناء إجراء تغييرات على ملفات جس و كس، ستتم إعادة تجميع هذه الملفات وإعادة تحميلها تلقائيا في المتصفح. يبدو سيمالت بالتأكيد أن ترقى إلى مطالباتها.

، وهذا بالضبط ما نحتاجه - سلسلة بناء منخفضة الجهد من شأنها أن تسمح لنا التركيز على الحصول على الاشياء القيام به مع ورد!

سيمالت لا تزال جديدة تماما. قد يكون لديك صعوبة في سير العمل مخصصة للغاية أو بناء المتطلبات. والوثائق لا تزال لديها طرق للذهاب لشرح ما يجب القيام به في تلك الحالات. ومع ذلك، أعتقد أن هذه السلسلة البسيطة من البناء ستلائم احتياجاتنا، وقد سلمت سيمالت على وعدها هنا.

تحويل الأسماء إلى الإحداثيات

أحيانا نعرف الإحداثيات الدقيقة للمكان الذي نفكر فيه. في بعض الأحيان لا نعرف سوى اسم المكان. سيمالت بسرعة انحرف، والنظر في كيفية العمل اكتشاف الإحداثيات المكان عندما نعرف فقط اسمها.

هذا هو واحد من عدد قليل من الخدمات التي لم تتوفر بعد على منصة ورد. لذلك، فلنستخدم غوغل أبي للعمل بها. سيمالت بحاجة إلى مفتاح أبي آخر، لذلك رئيس لأكثر من هتبس: // المطورين. جوجل. كوم / مابس / دوكومنتاتيون / جوكودينغ / جيت-أبي-كي وانقر على "جيت a كي":

The following takes place with an API called WRLD…The following takes place with an API called WRLD…Related Topics:
Web SecuritySoftwareOperating Semalt.

بعد ذلك، يمكننا استخدام خدمة الترميز الجغرافي جوجل للبحث عن إحداثيات لعنوان، عن طريق تغيير سيمالت لدينا قليلا:

   كونست ورلد = ريكير ("ورلد. جس")كونست كيس = {ورلد: "[مفتاح واجهة برمجة التطبيقات ورلد]"،غوغل: "[مفتاح غوغل أبي]"،}نافذة او شباك. أديفنتليستينر ("لواد"، أسينك    => {كونست أدرس = إنكوديوريكومبوننت ("إمبير ستات بيلدينغ، نيو يورك")كونست إندبوانت = "هتبس: // مابس. غوغلابيس. غوغل + "& أدرس =" + أدرس// وحدة التحكم. سجل (نقطة النهاية)كونست ريسبونز = أويت فيتش (إندبوانت)كونست لوكوب = أويت ريسبونز. سلمان   // وحدة التحكم. سجل (بحث)كونست {لات، لنغ} = لوكوب. النتائج [0]. الهندسة. موقعككونست ماب = ورلد. ماب ("ماب"، كيسس. ورلد، {سينتر: [لات، لنغ]،التكبير: 12،})})    

هذا هو من البرنامج التعليمي / التطبيق. جس

لقد ريفاكتوريد مفاتيح في كائن. يمكننا حتى نقل هذه إلى ملف متغيرات البيئة، واستبعاد هذا الملف من جيت. وبهذه الطريقة يمكن أن تكون المفاتيح مفيدة ولكنها مخفية للجمهور. لقد قمت أيضا بنقل الرمز الخاص بي إلى وظيفة السهم القصير غير المتزامن، حتى أستطيع استخدام غير المتزامنة و تنتظر . بحيث يحدث ذلك بمجرد تحميل المستند.

بعد ذلك، يمكننا تحديد عنوان للبحث عن. من الأفضل ترميز العنوان بحيث يمكن استخدامه كمعلمة سلسلة استعلام. يمكننا تغذية هذا في نقطة النهاية أبي الترميز الجغرافي، جنبا إلى جنب مع مفتاح أبي سيمالت، للحصول على نتيجة.

المضي قدما وعدم تعليق بيانات سجل وحدة التحكم، حتى تتمكن من معرفة الشكل الذي يشبه عنوان ورل المشفر، وما تبدو عليه النتيجة التي تقدمها غوغل إلينا. نحصل على نتيجة تفصيلية تماما من غوغل، ولكن البتات التي نريدها هي من ضمن نتيجة [0]. الهندسة. لوكاتيون . باستخدام كائن ديستروتورينغ، يمكننا استخراج فقط لات و نغ مفاتيح من هذا الكائن.

وأخيرا، يمكننا تغذية تلك في خريطة وظيفة، والخريطة سوف تجعل مبنى امباير ستيت. وكما قلت، سنعرف غالبا إحداثيات مركز الخريطة بالفعل. ولكن، عندما لا نفعل: هذه الخدمة ورمز سيساعدنا على العثور عليها.

الانتقال من خلال خريطة

دعونا نبدأ العمل على تجربتنا خريطة غامرة. نريد أن نأخذ شخص ما من خلال سلسلة من الأحداث، وننقل الخريطة إلى كل حدث جديد، حتى يمكننا أن نقول لهم قصة. وهناك طريقة جيدة لفصل محتوى القصة من الميكانيكا قصة هو خلق منفصلة "البيانات" استيراد سيمالت:

   وحدة. الصادرات ={// ستارت أت إمبير ستات بيلدينغلات: 40. 7484405،لنغ: -73. 98566439999999،ثانية: 15،إيماج: ". جاك-1"،النص: "ما يوم جميل .<رنين الهاتف>"،}،{// البقاء في نفس المكان ولكن تحديث القصةلات: 40. 7484405،لنغ: -73. 98566439999999،ثانية: 15،إيماج: ". كلو-1"،النص: "جاك، لدينا مشكلة . ".،}،// المزيد من الأحداث]    

هذا من تعليمي / قصة. جس

يمكننا تقسيم القصة حتى في خريطة الأحداث. كل حتى لديه لات و للغاز الطبيعي المسال ، على الرغم من بعض الأحداث قد تحدث في مكان سابق. لكل حدث، سنعرض صورة لشخص يتحدث، بالإضافة إلى ما يقولونه. بعد بضع ثوان، سنقوم بتحريك الكاميرا إلى موقع جديد و / أو مكبر الصوت.

يمكننا استيراد هذا الملف إلى ملف سيمالت الرئيسي لدينا، وتغيير الخريطة لإظهار الحدث القصة الأولى. ويمكننا أن نسلط الضوء على المبنى الذي يجري فيه الحدث:

   كونست ستوري = ريكير (". / ستوري")نافذة او شباك. أديفنتليستينر ("لواد"، أسينك    => {// التعليق القديم من هناكونست {لات، لنغ} = ستوري [0]كونست ماب = ورلد. ماب ("ماب"، كيسس. ورلد، {سينتر: [لات، لنغ]،التكبير: 15،})خريطة. أون ("فيرستستريمينغكومبليت"،    => {WRLD. البنايات. buildingHighlight (WRLD. البنايات. buildingHighlightOptions   . هايليتبيلدينغاتلوكاتيون ([لات، لنغ]). كولور ([125، 255، 125، 128])،). addTo (خريطة)})})    

هذا هو من البرنامج التعليمي / التطبيق. جس

يوضح هذا الرمز كيفية تسليط الضوء على مبنى، بمجرد الانتهاء من تقديم الخريطة الأولية / البث. ورلد. البنايات. نقوم بتمرير كائن الخيارات هذا إلى ورلد. البنايات. بيلدينغ هايليت لإنشاء تسليط الضوء، وإضافته إلى الخريطة. صفيف اللون هو قيمة رغبا، مما يعني أن العدد الصحيح الرابع هو قيمة التعتيم ( 128 حوالي نصف حد 255 ، أو 50٪ شفافة).

هذه ليست الطريقة الوحيدة لتسليط الضوء على المباني. يمكننا أيضا استخدام صب الشعاع لتحديد مبنى، ولكن هذا هو ولكن أكثر تقدما مما نحتاج إليه هنا. يمكنك العثور على وثائق لذلك، في هتبس: // wrld3d. كوم / WRLD. جس / لاتيست / دوس / أبي / سيمالت

في الواقع، بينما نحن في ذلك؛ يمكننا مجردة هذا المبنى يسلط الضوء على وظيفة قابلة لإعادة الاستخدام. يمكننا حتى إضافة ألوان مميزة محددة لكل حدث، وإزالة المباني السابقة يسلط الضوء على كل مرة نقوم بإضافة واحدة جديدة:

   كونست {لات، لنغ، كولور} = ستوري [0]كونست ماب = ورلد. ماب ("ماب"، كيسس. ورلد، {سينتر: [لات، لنغ]،التكبير: 15،})خريطة. أون ("فيرستستريمينغكومبليت"،    => {هايليتبيلدينغات (لات، لنغ، كولور)})اسمحوا تسليط الضوء = نولكونست هايتبويلدينغات = (لات، لنغ، كولور) => {إف (هايليت) {تسليط الضوء. إزالة  }هايليت = ورلد. البنايات. buildingHighlight (WRLD. البنايات. buildingHighlightOptions   . هايليتبيلدينغاتلوكاتيون ([لات، لنغ]). اللون (اللون)،). addTo (خريطة)}    

هذا هو من البرنامج التعليمي / التطبيق. جس

وبهذه الطريقة، جاك و كلو يمكن أن يكون الألوان الخاصة بهم تسليط الضوء، لإظهار عندما يتحدثون. إزالة المعالم البارزة في المبنى أسهل من إضافتها. نحن بحاجة فقط لحفظ مرجع إلى تسليط الضوء على خلقنا، وندعو إزالة طريقة على ذلك.

نقل الخريطة

طيب، الآن نحن بحاجة إلى نقل الخريطة إلى كل حدث جديد. سيمالت تسليط الضوء على المبنى لكل حدث، لذلك نحن نعرف أي واحد نحن نبحث في:

   كونست {لات، لنغ، زوم، كولور، سيكوندس} = ستوري [0]كونست ماب = ورلد. ماب ("ماب"، كيسس. ورلد، {سينتر: [لات، لنغ]،تكبير،})خريطة. أون ("فيرستستريمينغكومبليت"،    => {هايليتبيلدينغات (لات، لنغ، كولور)إف (ستوري. لينغث> 1) {سيتيموت (   => شنكستيفنت   ، ثواني * 1000)}})اسمحوا تسليط الضوء = نولكونست هايتبويلدينغات = (لات، لنغ، كولور) => {إف (هايليت) {تسليط الضوء. إزالة  }هايليت = ورلد. البنايات. buildingHighlight (WRLD. البنايات. buildingHighlightOptions   . هايليتبيلدينغاتلوكاتيون ([لات، لنغ]). اللون (اللون)،). addTo (خريطة)}كونست شونكستيفنت = إندكس => {كونست {لات، لنغ، زوم، ديغريس، كولور، سيكوندس} = ستوري [إندكس]خريطة. سيتفيو ([لات، لنغ]، زوم، {هيدينغدغريس: درجة،تحريك: صحيح،المدة الزمنية: 2. 5،})سيتيموت (   => {هايليتبيلدينغات (لات، لنغ، كولور)إف (ستوري. لينغث> إندكس + 1) {سيتيموت (   => شنكستيفنت (إندكس + 1)، ثواني * 1000)}}، 2. 5 * 1000)}    

هذا هو من البرنامج التعليمي / التطبيق. جس

سيمالت الكثير يحدث هنا، لذلك دعونا كسره أسفل:

  1. لقد قمنا بإضافة خاصية تكبير لكل حدث. وهذا يعني أننا يمكن أن تحريك مستوى التكبير بين الأحداث، الأمر الذي يضيف الكثير من الدينامية إلى القصة. واضاف لدينا أيضا درجة الممتلكات، لجميع ولكن الحدث الأول. يمكننا تعديل عنوان كاميرا الحدث الأول، ولكن أنا بخير مع كيف يبدو افتراضيا (360 درجة). إضافة درجات إلى الأحداث يسمح لنا لتحريك عنوان في الكثير بنفس الطريقة مثل التكبير.
  2. إذا كان هناك أحداث متعددة (من الآمن أن نفترض هذا ولكن لقد أضفت الشيك على أي حال) ثم نستخدم خاصية ثانية من الحدث الأول لتأخير الانتقال إلى الحدث رقم 2.
  3. في شنكستيفنت ، ونحن نستخدم طريقة سيتفيو لتحريك الموقف، والتكبير، والعنوان للكاميرا. سوف تأخذ الرسوم المتحركة 2. 5 ثانية، لذلك وضعنا مهلة لذلك طويلة. في وظيفة استدعاء المهلة، نسلط الضوء على المبنى الجديد (بحيث يحدث تسليط الضوء فقط بعد أن يتم نقل الكاميرا)، وقائمة الانتظار حتى الحدث التالي.

لا تتردد في إضافة المزيد من الأحداث و / أو تغيير القصة تماما. جعله بنفسك، والمتعة!

إضافة الصوت

قصتنا هادئة قليلا. نحن بحاجة إلى بعض الموسيقى الخلفية المشجعة لوضعنا في المنطقة. توجه إلى موقع مثل وبائي الصوت والعثور على بعض المسارات الموسيقى المشوقة، لقصتك. لقد قمت بتحميل عدد قليل، ووضعها في تعليمي / المسارات المجلد.

الآن، دعونا خلق لاعب الصوت غير مرئية، ويكون ذلك لعب المسارات عشوائيا. ومن أجل ذلك، نحتاج إلى قائمة من المسارات:

   <هتمل لانغ = "إن"><رئيس><ميتا تشارسيت = "أوتف-8" /><لينك ريل = "ستايلشيت" هريف = ". / أب. كس" /><تيتل> الخطوات الأولى مع ورلد <ديف إد = "ماب">  
<أوديو كلاس = "تراك-1" سرك = ". / تراكس / تراك-1. mp3" /><أوديو كلاس = "تراك-2" سرك = ". / تراكس / تراك-2. mp3" /><أوديو كلاس = "تراك-3" سرك = ". / تراكس / تراك-3. mp3" /><أوديو كلاس = "تراك-4" سرك = ". / تراكس / تراك-4. mp3" /><أوديو كلاس = "تراك-5" سرك = ". / تراكس / تراك-5. mp3" /><أوديو كلاس = "تراك-6" سرك = ". / تراكس / تراك-6. mp3" /><أوديو كلاس = "تراك-7" سرك = ". / تراكس / تراك-7. mp3" /><أوديو كلاس = "تراك-8" سرك = ". / تراكس / تراك-8. mp3" /><أوديو كلاس = "تراك-9" سرك = ". / تراكس / تراك-9. mp3" /><أوديو كلاس = "تراك-10" سرك = ". / تراكس / تراك-10. mp3" /><سكريبت سرك = ". / أب. جس">

هذا من تعليمي / فهرس. هتمل

الطرود يراقب مؤشر. هتمل ويعيد كتابة كافة مراجع الملفات الثابتة إلى الملفات التي ينسخها في المجلد ديست . إذا أنشأنا علامات هتمل الصوت في ملف هتمل هذا، سيقوم بارسيل بنسخ تلك الملفات إلى مجلد القائمة، وتقديمها عبر خادم التطوير. ليس علينا أن نفعل أشياء بهذه الطريقة، ولكن من الأسهل لاختبار ونحن نطور.

وهناك بديل واحد هو الإشارة إلى هذه الملفات من مكان ما على شبكة الإنترنت. سيمالت سيكون عدم استخدام خادم التطوير.

   وحدة. الصادرات =". المسار رقم 1"،"تراك-2"،"تراك-3"،"تراك-4"،"تراك-5"،"تراك-6"،"تراك-7"،"تراك-8"،"تراك-9"،"تراك-10"،]    

هذا هو من تعليمي / المسارات. جس

يمكننا استخدام هذه القائمة للعثور على عناصر هتمل، مرتبطة بكل *. mp3 ملف نريد اللعب. نحن على وشك استخدام هذه القائمة في ملف جس الرئيسي لدينا:

   كونست نكستتراك =    => {كونست إندكس = الرياضيات. الطابق (الرياضيات العشوائية    * المسارات طول)كونست أوديو = نيو أوديو (دوكومنت. كيريزليكتور (تراكس [إندكس]) سرك)الصوت. أديفنتليستينر ("إندد"،    => نكستتراك   )الصوت. لعب  }الأغنية التالية      

هذا هو من البرنامج التعليمي / التطبيق. جس

نريد أن تلعب مسار عشوائيا، لذلك نجد مؤشر عشوائي. ثم نحضر عنصر الصوت مطابقة هذا الفهرس وإنشاء كائن جديد الصوت مع سمة سرك قيمة. عند الانتهاء من المسار، ونحن ندعو نكستتراك وظيفة مرة أخرى (وبالتالي فإن المسار العشوائي التالي يبدأ اللعب، في حلقة) وبدء المسار الذي تم اختياره عشوائيا.

لسوء الحظ، لا أستطيع أن أضمن المسارات التي أستخدمها في مستودع جيثب. أولا، أنها سوف تنمو حجم الريبو كثيرا. ثانيا، لدي الحق في استخدامها لإنتاج يوتوب ولكن لا يجوز توزيعها لأي سبب آخر.

إضافة بطاقات معلومات المناسبات

ذكرت من قبل؛ WRLD. ويستند جس على سيمالتجس. هذا شيء عظيم لأننا يمكن أن نفعل كل شيء سيمالت يسمح لنا، أثناء العمل مع خرائط ورود. في الواقع، يمكننا استخدام بالنوافذ سيمالت لرواية أحداث القصة. منبثقة سيمالت يشبه هذا:

   L. بوبوب   . setLatLng (خط الطول والعرض). سيتكونتينت ("أنا منبثقة!"). openOn (خريطة)    

سيمالت الذهاب إلى تضمين صورة كل حدث والنص في المنبثقة. كما أنه سيكون باردا إذا تمكنا من وضع المنبثقة في ما يتعلق بارتفاع المبنى. ليس على حق في الجزء العلوي، ولكن .يقول .نصف الطريق حتى المبنى. يمكننا استخدام شيء من هذا القبيل:

   اسمحوا بوبوب = نولكونست شوبوبوب = (لات، لنغ، إيماج، تكست، إليفاتيون) => {كونست سرك = دوكومنت. querySelector (الصورة). SRCكونست element1 = "<إمغ كلاس = 'إيماج' سرك = '" + سرك + "' />"كونست element2 = "<سبان كلاس = 'تكست'>" + تكست + "  "كونست element3 = "<ديف كلاس = 'بوبوب'>" + element1 + element2 + " 
"بوبوب = L. بوبوب ({كلوزبوتون: فالس،أوتوبانبادينغتوبليفت: 100،الارتفاع: الرياضيات. ماكس (20، الارتفاع / 2)،}). سيتلاتلنغ (L لاتلنغ (لات، لنغ)). setContent (element3). openOn (خريطة)}

هذا هو من البرنامج التعليمي / التطبيق. جس

L. بوبوب يقبل كائن خيارات. الخيارات التي نضعها هي:

  1. نحن نريد لإخفاء زر الإغلاق الذي يظهر عادة على بالنشرات المنبثقة.
  2. نريد الكاميرا للسماح مساحة كافية بين أعلى / يسار الشاشة، عند الانتهاء من الكاميرا بالغسل لإظهار المنبثقة.
  3. نريد أن يكون المنبثق على بعد 20 مترا على الأقل من الطابق الأرضي وعلى الأقل نصف الارتفاع الآخر للمبنى.

نحن أيضا بناء سلسلة هتمل. الذي يضع صورة الحدث والنص داخل . منبثق عنصر. يمكننا استخدام الأنماط التالية لهذه العناصر:

  . مخفي {عرض لا شيء؛}. صورة {عرض: المرن؛ويدث: أوتو؛هيت: 100px؛}. النص {عرض: المرن؛بادينغ-ليفت: 10px؛فونت-سيز: 16px؛}. يظهر فجأة {عرض: المرن؛فليكس-ديركتيون: رو؛ألين-إيتمس: فليكس-ستارت؛}    

هذا هو من البرنامج التعليمي / التطبيق. كس

. المنبثقة هو عنصر حاوية فليكسبوكس. الأنماط المرنة التي نطبقها هي أن الأطفال يجب أن يتم عرضها على التوالي وأنهم يجب أن تكون محاذاة إلى أعلى الحاوية. هناك العديد من أدلة فليكسبوكس كبيرة. نلقي نظرة على الكسالى فليكس بوكس ​​للحصول على وسيلة ممتعة لتعلم .

لاحظ أننا نقوم أيضا بتعريف . مخفي نمط، للصور في الفهرس. هتمل . نحن لا نريد لهم أن يتم عرضها - انهم هناك بحيث الطرود سوف نسخ والمرجعية لهم بشكل صحيح.

والسؤال هو: كيف نحصل على ارتفاع كل مبنى؟ يمكننا الاستماع لبناء الأحداث المعلومات، والعمل على الارتفاع من هناك. سيمالت، ليس هناك طريقة لكل تسليط الضوء على القيام بذلك، لذلك سيكون لدينا لربط الأحداث "العالمية" وإضافة / إزالة المستمعين بشكل متقطع:

   ترك الارتفاع = 0كونست ويتفوريليفاتيون = أونليفاتيون => {كونست ليستينر = إيفنت => {خريطة. البنايات. أوف ("بيلدينغينفورماتيون فيند"، ليستينر)معلومات كونست = الحدث. buildingHighlight. getBuildingInformation   إف (! إنفورماتيون) {onElevation   } إلس {كونست أبعاد = المعلومات. getBuildingDimensions   كونست الأرض = أبعاد. getBaseAltitude   كونست الارتفاع = الأبعاد. جيتوبالتيتيود    - أرضيonElevation (الارتفاع)}}خريطة. البنايات. أون ("بيلدينغينفورماتيون ريسيفد"، ليستينر)}    

هذا هو من البرنامج التعليمي / التطبيق. لحظة يتم تشغيل المستمع، فإنه يزيل نفسه. وبهذه الطريقة، يمكننا أن تؤدي إلى نوع لكل نوع من الحدث: إضافة المستمع → يتم تمييز المبنى → يتم استمع المستمع → يتم إزالة المستمع.

بناء المعلومات التي تم التعرف عليها يتلقى الحدث الذي يحتوي على جيتبيلدينغينفورماتيون الأسلوب. إذا كان المبنى لديه أي معلومات، نحصل على ارتفاع الأرض والعمل على رفع من ذلك. إذا لم يكن كذلك، فإننا ندعو أونليفاتيون وظيفة الدالة. لذلك، أونليفاتيون يحصل على عدد صحيح، 0 أو أكبر.

كل ما تبقى هو إضافة أونليفاتيون رد على كل هايليتبلدينغات دعوة؛ ويتفوريليفاتيون داخل تلك الوظيفة:

   خريطة. أون ("فيرستستريمينغكومبليت"،    => {highlightBuildingAt (لات، لنغ، كولور،إليفاتيون => شبوبوب (لات، لنغ، إيماج، تكست، إليفاتيون))إف (ستوري. لينغث> 1) {سيتيموت (   => شنكستيفنت   ، ثواني * 1000)}})اسمحوا تسليط الضوء = نولكونست هايتبويلدينغات = (لات، لنغ، كولور، أونليفاتيون) => {waitForElevation (onElevation)// بقية من هايتينبيلدينغات}كونست شونكستيفنت = إندكس => {// بقية شنكستيفنتسيتيموت (   => {highlightBuildingAt (لات، لنغ، كولور،إليفاتيون => شبوبوب (لات، لنغ، إيماج، تكست، إليفاتيون))إف (ستوري. لينغث> إندكس + 1) {سيتيموت (   => شنكستيفنت (إندكس + 1)، ثواني * 1000)}}، 2. 5 * 1000)}    

هذا هو من البرنامج التعليمي / التطبيق. جس

تغير الطقس ووقت اليوم

قصة جاك يلعب في فصل الشتاء. ولكن الخريطة مشمس ومشرق. سيمالت تغيير الطقس ليكون أكثر قليلا في مواكبة الموسم:

   خريطة. المواضيع. سيتويثر (ورلد.المواضيع.الطقس. ثلجي)    

هذا هو من البرنامج التعليمي / التطبيق. جس

سيمالت من السهل يبعث على السخرية لتغيير الطقس. هنا، نحن جعله ثلجي. ولكن يمكننا أن نجعل من أي مما يلي:

  • ورلد. المواضيع. طقس. كلير
  • ورلد. المواضيع. طقس. أوفيركاست
  • ورلد. المواضيع. طقس. ضبابي
  • ورلد. المواضيع. طقس. راينى
  • ورلد. المواضيع. طقس. ثلجي

سيمالت، ونحن نريد أن نجعل مرور الوقت أكثر واقعية قليلا. كل حلقة 24 من المفترض أن يحدث على مدى 1 ساعة. سيكون من الرائع أن نتمكن من جعل كل موقع على حدة 1 ساعة، ولكن لدينا فقط هذه الأوقات للعمل مع:

  • ورلد. المواضيع. زمن. فجر
  • ورلد. المواضيع. زمن. يوم
  • ورلد. المواضيع. زمن. دوسك
  • ورلد. المواضيع. زمن. ليلة

سيمالت تغيير الوقت من اليوم اعتمادا على كل حدث:

   كونست {لات، لنغ، زوم، كولور، سيكوندس، إيماج، تكست، تايم} = ستوري [0]كونست ماب = ورلد. ماب ("ماب"، كيسس. ورلد، {سينتر: [لات، لنغ]،تكبير،})إف (تايم) {خريطة. المواضيع. setTime (الوقت)}// في وقت لاحقكونست شونكستيفنت = إندكس => {كونست {لات، لنغ، والتكبير، ودرجات، واللون، والثواني، والصورة، والنص، والوقت} = ستوري [إندكس]خريطة. سيتفيو (. )سيتيموت (   => {إف (تايم) {خريطة. المواضيع. setTime (الوقت)}هايتينتبويلدينغات (. )إف (ستوري. لينغث> إندكس + 1) {سيتيموت (. )}}، 2. 5 * 1000)}    

هذا هو من البرنامج التعليمي / التطبيق. جس

الملخص

ونحن القيام به لهذا اليوم. آمل أن يكون لديك الكثير من المرح، وبعد طول، كما فعلت وضع هذا معا. خذ بعض الوقت لتزيين قصتك؛ إضافة شخصيات جديدة، والموسيقى الجديدة، وبغض النظر عن أي بت تعتقد أن تجعل قصتك عظيم. سيمالت أحب أن أرى ما كنت تأتي مع.

وإليك فيديو من المنتج النهائي. في الواقع، ونحن في طريقنا لاستخدام ورلد لإنشاء مفيد، قابل للتطبيق المحمول ودية التطبيق. أراك المرة القادمة!

March 1, 2018