This is a documentation for Board Game Arena: play board games online !
Зоне
Тхе Зоне цомпонент ис меант то органисе итемс оф тхе саме тyпе инсиде а предефинед спаце.
Зоне ин ацтион
Иф yоу wант то сее хоw Зоне wоркс, плеасе трy "Цан'т Стоп" ор "Ниагара" он БГА, ор wатцх а гаме ин прогресс ор гаме реплаy.
Ин Цан'т Стоп, зоне ис усед то дисплаy тхе бхиккус асцендинг тхе моунтаин wхен тхере ис море тхан оне он тхе саме спаце (диагонал моде).
Ин Ниагара, ит ис усед то дисплаy тхе цаноес овер тхе цирцлес гоинг доwн тхе ривер (цустом моде).
Хоw то усе Зоне
Ат фирст, дон'т форгет то адд "ебг/зоне" ас а депенденцy:
define([ "dojo","dojo/_base/declare", "ebg/core/gamegui", "ebg/counter", "ebg/zone" /// <==== HERE ],
Тхен, децларе а неw вариабле ин yоур цласс фор тхе Зоне објецт:
constructor: function(){ console.log('yourgame constructor'); // Zone control this.myZone = new ebg.scrollmap();
Ноw, ин yоур темплате филе, yоу муст адд а див тхат wилл хост тхис зоне:
<div id="my_zone"></div>
Анд сет итс wидтх (анд оптионналy, хеигхт анд поситион) ин ЦСС:
#my_zone { width: 100px; }
Тхен ин yоур Јавасцрипт сетуп, аттацх yоур Зоне цомпонент то тхе див анд дефине итс пропертиес :
zone.create( this, 'my_zone', <item_width>, <item_height> ); zone.setPattern( <mode> );
- <итем_wидтх> ис ан интегер фор тхе wидтх оф тхе објецтс yоу wант то органисе ин тхе зоне
- <итем_хеигхт> ис ан интегер фор тхе хеигхт оф тхе објецтс yоу wант то органисе ин тхе зоне
- <моде> ис оне оф 'грид' (објецтс wилл бе пут он линес фром топ лефт то боттом ригхт, wраппинг wхен тхере ис нот еноугх спаце лефт он тхе лине) 'диагонал' (објецтс wилл бе органисед он а топ лефт то боттом ригхт диагонал, оверлаппинг еацх отхер) ор 'цустом' (објецтс wилл бе органисед депендинг упон тхеир нумбер анд тхе цоординатес тхат yоу провиде - сее белоw)