Isopolis — Սան Ֆրանցիսկոն դարձավ հսկա իզոմետրիկ պիքսելային քարտեզ
Նոր վեբ նախագիծը Սան Ֆրանցիսկոյի իրական 3D երկրաչափությունը վերագծում է մեկ հսկա իզոմետրիկ պիքսելային պատկերի տեսքով։ Կարելի է շրջել քաղաքում, անցնել տուրեր, լսել ռադիո և ուղարկել բացիկ։
Isopolis վեբ նախագիծը (sf.isopolis.city) Սան Ֆրանցիսկոն ներկայացնում է որպես մեկ իզոմետրիկ պիքսելային պատկեր, որը լցնում է բրաուզերի ողջ պատուհանը։ Քարտեզը կառուցված է քաղաքի իրական 3D երկրաչափությունից. փողոցներն ու երկնաքերերը վերագծվել են սալիկ առ սալիկ՝ հատուկ լրամշակված պատկերների մոդելի կողմից, ուստի դրանք հետևում են քաղաքի իրական հատակագծին, այլ ոչ թե նկարչի պատկերացմանը։
Ինչպես է կառուցված քարտեզը
Նախագիծը քաղաքը կտրատում է 512 պիքսելանոց քառակուսի սալիկների, որոնք պահվում են WebP ձևաչափով և մատուցվում մասշտաբավորման մի շարք մակարդակներով. դա բավական է թերակղզու «թռչնաթռիչք» տեսքից առանձին թաղամասեր իջնելու համար։ Հրապարակային սալիկային մանիֆեստը թվարկում է 2 630 աղբյուրային բլոկ։ Աշխարհագրական համատեքստը գալիս է OpenStreetMap-ի տվյալներից (CARTO-ի միջոցով), իսկ թաղամասերի սահմանները՝ քաղաքի բաց տվյալների պորտալ DataSF-ի հրապարակած տվյալներից։
Տեսքը դիտավորյալ ռետրո է. ինտերֆեյսը օգտագործում է Press Start 2P և VT323 պիքսելային տառատեսակները, իսկ բոլոր պիտակները, թալիսմաններն ու տեսարժան վայրերը գծված են հաստ պիքսելային գրաֆիկայով։ Հավելվածի վարկանիշային ցանկում նշված է «nuwandavek»-ը։
Տուրեր, ռադիո և բացիկներ
Տեղաշարժից ու մասշտաբավորումից բացի՝ Isopolis իրեն պահում է փոքրիկ խաղի նման։ Ուղեցույց տուրերը այցելուին տանում են կանգառից կանգառ. ամեն մեկն ունի իր թալիսմանը, իսկ ընդհանուր ակնարկի էկրանին կարելի է պտտել տուրի թալիսմանի ինտերակտիվ 3D մոդելը։ Ներկառուցված ռադիոն երաժշտություն է նվագում ուսումնասիրության ընթացքում, իսկ որոնման դաշտը ընդունում է թե՛ վայրի անուն, թե՛ կարճ պիտակ՝ «corp» (ընկերություն), «lmrk» (տեսարժան վայր) կամ «evnt» (միջոցառում)։
Նշված վայրին սեղմելով՝ բացվում է քարտ՝ կոորդինատներով ու մանրամասներով։ Ցանկացած կետից բացիկի կոճակը հենց բրաուզերում գծում է ընթացիկ տեսքի պիքսելային բացիկը և պահպանում որպես PNG՝ ձեր գտնվելու վայրի անունով. այն կարելի է կիսել X-ում կամ փոխանցել Instagram-ի հավելվածին։ Քանի որ դիտողի դիրքը, ընտրված վայրն ու ակտիվ տուրը պահվում են URL-ի fragment-ում, պատճենված հղումը վերականգնում է նույն տեսքը։
Ինչու է կարևոր
Isopolis-ը հիշեցնում է, որ քաղաքի տվյալները կարող են լինել ավելին, քան գործիքը. իրական աշխարհագրական տվյալների վրա դրված պիքսելային արվեստը ծանոթ ուրվագիծը դարձնում է քայլ առ քայլ ուսումնասիրելի մի բան։ Քարտեզն աշխատում է բրաուզերում՝ առանց տեղադրման — sf.isopolis.city։
SiTech — AI-ով հզորացված վեբ մշակում
Ստեղծում ենք արագ ու ժամանակակից կայքեր և AI-ը ներդնում իրական բիզնես գործընթացներում։ Ունե՞ք նախագիծ կամ հարց։ Ուրախ կլինենք օգնել։