Архивы WEB - Страница 7 из 54

Yandex Map: отображение меток в зависимости от масштаба карты

28.07.2023 Павел Грибов WEB

Работал давече с плагином HeatMap для яндекс карт. Всё хорошо, но один нюанс — невозможно навесить эвент на клик по точке карты. Ну или не нашел как. Пришлось задействовать «финт ушами» — при достижении определенного приближения, принудительно отрисовывать поверх точек heatmap свои «кликабельные» точки. В результете родилось нечто подобное:

obj = data.result; 
                heatmap = new ymaps.Heatmap(obj, {
                    // Радиус влияния.
                    radius: 15,
                    // Нужно ли уменьшать пиксельный размер точек при уменьшении зума. False - не нужно.
                    dissipating: false,
                    // Прозрачность тепловой карты.
                    opacity: 0.8,
                    // Прозрачность у медианной по весу точки.
                    intensityOfMidpoint: 0.05,
                    // JSON описание градиента.
                    gradient: {
                           0.1: 'rgba(128, 255, 0, 0.7)',
                           0.2: 'rgba(255, 255, 0, 0.8)',
                           0.7: 'rgba(234, 72, 58, 0.9)',
                           0.9: 'rgba(162, 36, 25, 1)',
                           1.0: 'rgba(0, 0, 0, 1)'
                       }
                });
                heatmap.options.events.add('click', function (e) {   
                    console.log(e);
                    var objectId = e.get('objectId');    
                    //objectManager.objects.balloon.open(objectId);
                });                    
                heatmap.setMap(myMap); 

        
       
        
                myMap.events.add('boundschange', function () {
                    size = myMap.getZoom();
                    console.log(size);
                    if (size>15){
                        console.log("-- пора бы и нарисовать метки");
                        if (all_deleted==true){
                            console.log("--- рисуем метки");
                            // настройки кластеризакции
                            objectManager = new ymaps.ObjectManager({
                                clusterDisableClickZoom: true,
                                geoObjectOpenBalloonOnClick: true,
                                clusterize: false
                            }); //кластеризуем
                            objectManager=SetClusterProp(objectManager);     
                            myMap.geoObjects.add(objectManager);   
                            objectManager.add(obj);  
                            objectManager.objects.events.add('click', function (e) {   
                                console.log(e);
                                var objectId = e.get('objectId');    
                                objectManager.objects.balloon.open(objectId);
                            });                                        
                          all_deleted=false;  
                        };
                    } else {
                        if (all_deleted==false){
                            myMap.geoObjects.remove(myMap.geoObjects.get(myMap.geoObjects.getLength()-1));                          
                            all_deleted=true;  
                        };
                    };
                });

obj = data.result;

heatmap = new ymaps.Heatmap(obj, {

// Радиус влияния.

radius: 15,

// Нужно ли уменьшать пиксельный размер точек при уменьшении зума. False - не нужно.

dissipating: false,

// Прозрачность тепловой карты.

opacity: 0.8,

// Прозрачность у медианной по весу точки.

intensityOfMidpoint: 0.05,

// JSON описание градиента.

gradient: {

0.1: 'rgba(128, 255, 0, 0.7)',

0.2: 'rgba(255, 255, 0, 0.8)',

0.7: 'rgba(234, 72, 58, 0.9)',

0.9: 'rgba(162, 36, 25, 1)',

1.0: 'rgba(0, 0, 0, 1)'

}

});

heatmap.options.events.add('click', function (e) {

console.log(e);

var objectId = e.get('objectId');

//objectManager.objects.balloon.open(objectId);

});

heatmap.setMap(myMap);

myMap.events.add('boundschange', function () {

size = myMap.getZoom();

console.log(size);

if (size>15){

console.log("-- пора бы и нарисовать метки");

if (all_deleted==true){

console.log("--- рисуем метки");

// настройки кластеризакции

objectManager = new ymaps.ObjectManager({

clusterDisableClickZoom: true,

geoObjectOpenBalloonOnClick: true,

clusterize: false

}); //кластеризуем

objectManager=SetClusterProp(objectManager);

myMap.geoObjects.add(objectManager);

objectManager.add(obj);

objectManager.objects.events.add('click', function (e) {

console.log(e);

var objectId = e.get('objectId');

objectManager.objects.balloon.open(objectId);

});

all_deleted=false;

};

} else {

if (all_deleted==false){

myMap.geoObjects.remove(myMap.geoObjects.get(myMap.geoObjects.getLength()-1));

all_deleted=true;

};

});

Оставить комментарий api, heatmap, map, yandex

PixiJS: игра «жизнь» продолжение

27.07.2023 Павел Грибов WEB

В ходе наблюдения за жителями, заметил, что не очень хорошо смотрится рождение нового жителя, а именно он «рождается» в случайном месте карты. Не порядок. Пусть он рождается рядом с «мамой». Для этого изменим код генерации «нового жителя», чтобы можно было за ранее передавать координаты рождения жителя:

function GenerateNewCitizen(x,y){
   resident=new People(randomIntFromInterval(0,1),1,randomIntFromInterval(1,100),professions.get(1));   
   graphics = new PIXI.Graphics();           
   graphics.beginFill(professions.get(1).color);
   graphics.lineStyle(2, professions.get(1).color, 1);
   graphics.beginFill(professions.get(1).color, 1);           
   graphics.drawCircle(0,0, 1);  
   graphics.position.set(x, y);         
   graphics.direction=randomIntFromInterval(0,360);
   graphics.endFill();        
   graphics.resident=resident;
   residents.push(graphics);
   app.stage.addChild(residents[residents.length-1]);     
}

function GenerateNewCitizen(x,y){

resident=new People(randomIntFromInterval(0,1),1,randomIntFromInterval(1,100),professions.get(1));

graphics = new PIXI.Graphics();

graphics.beginFill(professions.get(1).color);

graphics.lineStyle(2, professions.get(1).color, 1);

graphics.beginFill(professions.get(1).color, 1);

graphics.drawCircle(0,0, 1);

graphics.position.set(x, y);

graphics.direction=randomIntFromInterval(0,360);

graphics.endFill();

graphics.resident=resident;

residents.push(graphics);

app.stage.addChild(residents[residents.length-1]);

}

И соотвественно «рождение» жителя:

       // проверим, есть ли совпадение точек?
       // если возраст от 18..50
       // если полы противоположные
       // то считаем что это "лябовь" и размножаемся
        for (let j = 0; j < residents.length; j++) {   
            if (Math.round(residents[i].position.y)==Math.round(residents[j].position.y) && 
                    Math.round(residents[i].position.x)==Math.round(residents[j].position.x) && i!=j){
                      if (residents[i].resident.age>=18 && residents[i].resident.age<=50){
                        if (residents[j].resident.age>=18 && residents[j].resident.age<=50){
                            if (residents[j].resident.gender==0 && residents[i].resident.gender==1){
                                console.log("-это лябофь!");  
                                x=residents[j].position.x+1;
                                y=residents[j].position.y+1;
                                GenerateNewCitizen(x,y);
                            }
                        }                          
                      }               
            };
        };

// проверим, есть ли совпадение точек?

// если возраст от 18..50

// если полы противоположные

// то считаем что это "лябовь" и размножаемся

for (let j = 0; j < residents.length; j++) {

if (Math.round(residents[i].position.y)==Math.round(residents[j].position.y) &&

Math.round(residents[i].position.x)==Math.round(residents[j].position.x) && i!=j){

if (residents[i].resident.age>=18 && residents[i].resident.age<=50){

if (residents[j].resident.age>=18 && residents[j].resident.age<=50){

if (residents[j].resident.gender==0 && residents[i].resident.gender==1){

console.log("-это лябофь!");

x=residents[j].position.x+1;

y=residents[j].position.y+1;

GenerateNewCitizen(x,y);

}

};

И картинка стала выглядеть уже интереснее: жители стали «кучковаться», что логично — в тех местах где жителей больше они и рождаться стали чаще

Второй момент. Нужно как-то выделить возраст жителей. Может быть сделать более «старших» чуть толще?

        if (residents[i].resident.age>0 && residents[i].resident.age<18){
         residents[i].scale._x=1;   
         residents[i].scale._y=1;   
        };
        if (residents[i].resident.age>18 && residents[i].resident.age<50){
         residents[i].scale._x=1.5;   
         residents[i].scale._y=1.5;   
        };        
        if (residents[i].resident.age>50){
         residents[i].scale._x=1.8;   
         residents[i].scale._y=1.8;   
        };

if (residents[i].resident.age>0 && residents[i].resident.age<18){

residents[i].scale._x=1;

residents[i].scale._y=1;

};

if (residents[i].resident.age>18 && residents[i].resident.age<50){

residents[i].scale._x=1.5;

residents[i].scale._y=1.5;

};

if (residents[i].resident.age>50){

residents[i].scale._x=1.8;

residents[i].scale._y=1.8;

};

Еще нашел ошибку, оказывается не все жители умирали по достижении 120 лет. Поправил:

        // прибавляем всем жителям по году жизни..
        for (let i = 0; i < residents.length; i++) {         
            residents[i].resident.age++;
            if (residents[i].resident.age>120){
                residents.pop(residents[i]); // в 120 лет жизненный путь завершается..
            };
            
        };

// прибавляем всем жителям по году жизни..

for (let i = 0; i < residents.length; i++) {

residents[i].resident.age++;

if (residents[i].resident.age>120){

residents.pop(residents[i]); // в 120 лет жизненный путь завершается..

};

После этого жители стали стремительно вымирать после примерно 30-50 прошедших «лет» и на «планете» остались одни трупы:

Гнетущее впечатление, планета заваленная трупами.. Всё таки сделаю чтоб они убирались при смерти, пришлось серьёзно переписать логику, избавившись от «теневого» массива

       // перебираю каждого человека и двигаем его
    for (let i = 0; i < app.stage.children.length; i++) {
        if (app.stage.children[i].resident!==undefined){
            // регулируем размер жителей
            if (app.stage.children[i].resident.age>0 && app.stage.children[i].resident.age<18){
             app.stage.children[i].scale._x=1;   
             app.stage.children[i].scale._y=1;   
            };
            if (app.stage.children[i].resident.age>18 && app.stage.children[i].resident.age<50){
             app.stage.children[i].scale._x=1.5;   
             app.stage.children[i].scale._y=1.5;   
            };        
            if (app.stage.children[i].resident.age>50){
             app.stage.children[i].scale._x=1.8;   
             app.stage.children[i].scale._y=1.8;   
            };                
           //двигаем жителя (кудато идёт) 
            step=false;
            while (step==false){
                pre_y=app.stage.children[i].position.y+Math.sin(app.stage.children[i].direction);
                pre_x=app.stage.children[i].position.x+Math.cos(app.stage.children[i].direction);
                if ((pre_x>=0)&& (pre_x<=screen_width) && (pre_y>=0) && (pre_y<=screen_height)) {
                        step=true;
                } else {
                   app.stage.children[i].direction=randomIntFromInterval(0,360); 
                };

            };
           app.stage.children[i].position.y=app.stage.children[i].position.y+Math.sin(app.stage.children[i].direction);
           app.stage.children[i].position.x=app.stage.children[i].position.x+Math.cos(app.stage.children[i].direction);
            // размножаемся
            // проверим, есть ли совпадение точек?
            // если возраст от 18..50
            // если полы противоположные
            // то считаем что это "лябовь" и размножаемся
             for (let j = 0; j < app.stage.children.length; j++) {
                 if (app.stage.children[j].resident!==undefined){
                    if (Math.round(app.stage.children[i].position.y)==Math.round(app.stage.children[j].position.y) && 
                            Math.round(app.stage.children[i].position.x)==Math.round(app.stage.children[j].position.x) && i!=j){
                              if (app.stage.children[i].resident.age>=18 && app.stage.children[i].resident.age<=50){
                                if (app.stage.children[j].resident.age>=18 && app.stage.children[j].resident.age<=50){
                                    if (app.stage.children[j].resident.gender==0 && app.stage.children[i].resident.gender==1){
                                        console.log("-это лябофь!");  
                                        x=app.stage.children[j].position.x+1;
                                        y=app.stage.children[j].position.y+1;
                                        GenerateNewCitizen(x,y);
                                    }
                                }                          
                              }               
                    };
                     
                 }
             };           
        };

    }

// перебираю каждого человека и двигаем его

for (let i = 0; i < app.stage.children.length; i++) {

if (app.stage.children[i].resident!==undefined){

// регулируем размер жителей

if (app.stage.children[i].resident.age>0 && app.stage.children[i].resident.age<18){

app.stage.children[i].scale._x=1;

app.stage.children[i].scale._y=1;

};

if (app.stage.children[i].resident.age>18 && app.stage.children[i].resident.age<50){

app.stage.children[i].scale._x=1.5;

app.stage.children[i].scale._y=1.5;

};

if (app.stage.children[i].resident.age>50){

app.stage.children[i].scale._x=1.8;

app.stage.children[i].scale._y=1.8;

};

//двигаем жителя (кудато идёт)

step=false;

while (step==false){

pre_y=app.stage.children[i].position.y+Math.sin(app.stage.children[i].direction);

pre_x=app.stage.children[i].position.x+Math.cos(app.stage.children[i].direction);

if ((pre_x>=0)&& (pre_x<=screen_width) && (pre_y>=0) && (pre_y<=screen_height)) {

step=true;

} else {

app.stage.children[i].direction=randomIntFromInterval(0,360);

};

app.stage.children[i].position.y=app.stage.children[i].position.y+Math.sin(app.stage.children[i].direction);

app.stage.children[i].position.x=app.stage.children[i].position.x+Math.cos(app.stage.children[i].direction);

// размножаемся

// проверим, есть ли совпадение точек?

// если возраст от 18..50

// если полы противоположные

// то считаем что это "лябовь" и размножаемся

for (let j = 0; j < app.stage.children.length; j++) {

if (app.stage.children[j].resident!==undefined){

if (Math.round(app.stage.children[i].position.y)==Math.round(app.stage.children[j].position.y) &&

Math.round(app.stage.children[i].position.x)==Math.round(app.stage.children[j].position.x) && i!=j){

if (app.stage.children[i].resident.age>=18 && app.stage.children[i].resident.age<=50){

if (app.stage.children[j].resident.age>=18 && app.stage.children[j].resident.age<=50){

if (app.stage.children[j].resident.gender==0 && app.stage.children[i].resident.gender==1){

console.log("-это лябофь!");

x=app.stage.children[j].position.x+1;

y=app.stage.children[j].position.y+1;

GenerateNewCitizen(x,y);

}

};

}

};

}

Осталось придумать что-то, что бы позволило не вымирать населению? Может быть повысить «рождаемость»? Пусть иногда рождаются двойни-тройни?

                                        console.log("-это лябофь!");  
                                        for (let z = 0; z < randomIntFromInterval(0,3); z++) {
                                            x=app.stage.children[j].position.x+1;
                                            y=app.stage.children[j].position.y+1;
                                            GenerateNewCitizen(x,y);                                            
                                        };

console.log("-это лябофь!");

for (let z = 0; z < randomIntFromInterval(0,3); z++) {

x=app.stage.children[j].position.x+1;

y=app.stage.children[j].position.y+1;

GenerateNewCitizen(x,y);

};

Не помогло. Нужно разрешить рожать от 16 лет до 55. Плюс не нравится мне, что умирают жители строго по дистежении 120 лет. А если сделать что умирать будут чем больше лет начиная от 70, тем чаще?

        // прибавляем всем жителям по году жизни..
        for (let i = 0; i < app.stage.children.length; i++) {         
            if (app.stage.children[i].resident!==undefined){
                app.stage.children[i].resident.age++;
                if (app.stage.children[i].resident.age>60){
                    if (randomIntFromInterval(121,app.stage.children[i].resident.age)==120){
                        console.log("- умер "+i+" по достижению "+app.stage.children[i].resident.age+" лет");
                        app.stage.removeChild(app.stage.children[i]);                        
                    };
                };
            }            
        };

// прибавляем всем жителям по году жизни..

for (let i = 0; i < app.stage.children.length; i++) {

if (app.stage.children[i].resident!==undefined){

app.stage.children[i].resident.age++;

if (app.stage.children[i].resident.age>60){

if (randomIntFromInterval(121,app.stage.children[i].resident.age)==120){

console.log("- умер "+i+" по достижению "+app.stage.children[i].resident.age+" лет");

app.stage.removeChild(app.stage.children[i]);

};

}

};

Уже выглядит красивее, но всё равно жители вымирают..

Нужно попробовать сделать так, чтобы рожали чаще. Если ранее дети рождались, если жители оказались в одной и той же точке, то теперь сделаем, что дети будут рождаться, даже если родители оказались просто рядом..

function DiffuzeCompare(x,y,x1,y1){
    res=false;
     if (Math.abs(x-x1)<=2&&Math.abs(y-y1)<=2){
         res=true;
     }
    return res;
};

                    if (DiffuzeCompare(app.stage.children[i].position.x,app.stage.children[i].position.y,app.stage.children[j].position.x,app.stage.children[j].position.y)==true) {
                              if (app.stage.children[i].resident.age>=16 && app.stage.children[i].resident.age<=55){
                                if (app.stage.children[j].resident.age>=16 && app.stage.children[j].resident.age<=55){
                                    if (app.stage.children[j].resident.gender==0 && app.stage.children[i].resident.gender==1){
                                        console.log("-это лябофь!");  
                                        for (let z = 0; z < randomIntFromInterval(0,3); z++) {
                                            x=app.stage.children[j].position.x+1;
                                            y=app.stage.children[j].position.y+1;
                                            GenerateNewCitizen(x,y);                                            
                                        };
                                    }
                                }                          
                              }                        
                    };

function DiffuzeCompare(x,y,x1,y1){

res=false;

if (Math.abs(x-x1)<=2&&Math.abs(y-y1)<=2){

res=true;

}

return res;

};

if (DiffuzeCompare(app.stage.children[i].position.x,app.stage.children[i].position.y,app.stage.children[j].position.x,app.stage.children[j].position.y)==true) {

if (app.stage.children[i].resident.age>=16 && app.stage.children[i].resident.age<=55){

if (app.stage.children[j].resident.age>=16 && app.stage.children[j].resident.age<=55){

if (app.stage.children[j].resident.gender==0 && app.stage.children[i].resident.gender==1){

console.log("-это лябофь!");

for (let z = 0; z < randomIntFromInterval(0,3); z++) {

x=app.stage.children[j].position.x+1;

y=app.stage.children[j].position.y+1;

GenerateNewCitizen(x,y);

};

}

};

Вот теперь население стабильно стало расти. Теперь сделаем так, чтоб дети рождались только в роддоме:

                                               if (buldings[bb].bulding_type.name=="Роддом"){
                                                     x=randomIntFromInterval(buldings[bb].xx,buldings[bb].xx+buldings[bb].ww);
                                                     y=randomIntFromInterval(buldings[bb].yy,buldings[bb].yy+buldings[bb].hh);
                                                    GenerateNewCitizen(x,y);                                                                                        
                                               }
                                            }

if (buldings[bb].bulding_type.name=="Роддом"){

x=randomIntFromInterval(buldings[bb].xx,buldings[bb].xx+buldings[bb].ww);

y=randomIntFromInterval(buldings[bb].yy,buldings[bb].yy+buldings[bb].hh);

GenerateNewCitizen(x,y);

}

В итоге получили:

Оставить комментарий live, pixijs, игра жизнь

Pixi.js: игра «жизнь»

27.07.2023 Павел Грибов WEB, Из жизни

Продолжаю на досуге изучать 2D движек для работы с графикой на javascript. Решил написать игру «жизнь» со следующими правилами:

У каждого жителя есть возраст,пол и профессия.

Жители двигаются по всему полю хаотично
При достижении возраста 120 лет житель умирает
Если два жителя сталкиваются между собой и они разного пола от 18 до 50 лет, тогда они рожают ребенка

Сначала определим объекты карты:

// Люди
class People {
    /**
     * Конструктор
     * @param {type} gender - пол
     * @param {type} age - возраст
     * @param {type} health - здоровье
     * @param {type} profession - профессия из map professions
     * @returns {People}
     */
  constructor(gender,age,health,profession) {
      this.gender=gender;           // пол 0/1 м/ж
      this.age=age;                 // возраст
      this.health=health;           // здоровье
      this.profession=profession;   // профессия      
  }  
}
class Citizen {
    constructor(name,pers,color) {
      this.name=name;
      this.pers=pers; // изначальныый процент от общего колиества
      this.color=color;
    }
    
}
// Зданиям
class Building {
    /**
     * Конструктор
     * @param {type} name   название
     * @param {type} cnt    количество зданий на 1000 жителей
     * @returns {Building}
     */
    constructor(name,color,cnt) {
      this.name=name;
      this.color=color;
      this.cnt=cnt;
    }
    /**
     * Установить начальные координаты
     * @param {type} x
     * @param {type} y
     * @param {type} height
     * @param {type} width
     * @returns {undefined}
     */
    setSpawn(x,y,height,width){
      this.x=x;  
      this.y=y;
      this.height=height;
      this.width=width;        
    }
}

// Люди

class People {

/**

* Конструктор

* @param {type} gender - пол

* @param {type} age - возраст

* @param {type} health - здоровье

* @param {type} profession - профессия из map professions

* @returns {People}

constructor(gender,age,health,profession) {

this.gender=gender; // пол 0/1 м/ж

this.age=age; // возраст

this.health=health; // здоровье

this.profession=profession; // профессия

}

class Citizen {

constructor(name,pers,color) {

this.name=name;

this.pers=pers; // изначальныый процент от общего колиества

this.color=color;

}

// Зданиям

class Building {

/**

* Конструктор

* @param {type} name название

* @param {type} cnt количество зданий на 1000 жителей

* @returns {Building}

constructor(name,color,cnt) {

this.name=name;

this.color=color;

this.cnt=cnt;

}

/**

* Установить начальные координаты

* @param {type} x

* @param {type} y

* @param {type} height

* @param {type} width

* @returns {undefined}

setSpawn(x,y,height,width){

this.x=x;

this.y=y;

this.height=height;

this.width=width;

}

Зададим переменные для игры:


/**
 * Профессии, они же модели поведения
 * @type Map
 */
professions=new Map(
        [
            // индекс, название,  % от всего населения
            [1,new Citizen("Детсадовец",10,0xFFFF0B)],    // ночует дома, днём ходит в детский сад
            [2,new Citizen("Школьник",10,0xAA0000)],      // ночует дома, днем до 13:00 в школе, потом идёт домой через магазин
            [3,new Citizen("Студент",10,0xFFFFFF)],       // ночует дома, днем до 17:00 в институте, потом идёт домой через магазин
            [4,new Citizen("Продавец",20,0xFF0000)],      // ночует дома, днём в магазине, потом идёт домой через магазин
            [5,new Citizen("Офисный клерк",20,0xFF3300)], // ночует дома, днём в офисе, потом идёт домой через магазин
            [6,new Citizen("Рабочий",20,0x0000FF)],       // ночует дома, днём на заводе, потом идёт домой через магазин
            [7,new Citizen("Пенсионер",10,0xDE3249)]      // ночует дома, днём шляется по магазинам или по улицам
        ]
);
buldings_types=new Map(
        [   
            [1,new Building("Жилище",0xDE3249,10)], // индекс, название, количество на 1000 жителей
            [2,new Building("Школа",0xAA0000,1)],
            [3,new Building("Университет",0xFFFFFF,1)],
            [4,new Building("Магазин",0xFF0000,2)],
            [5,new Building("Офис",0xFF3300,3)],
            [6,new Building("Завод",0x0000FF,1)],                
            [7,new Building("Детсад",0xFFFF0B,1)]                
        ]
);


// ну пусть размеры пока в экран, потом можно поиграться
var scrollWidth=GetScrollWidth();
var screen_width = window.innerWidth-4; //получаем ширину экрана
var screen_height = window.innerHeight-4; // получаем высоту экрана

residents_count=1000;   // начальное количество жителей
residents=[];           // массив жителей
buldings=[];            // массив зданий
cur_seconds=0;          // текущая секунда
cur_minuts=0;           // текущая минута
cur_hour=0;             // текущая час
cur_day=0;              // текущая день
cur_month=0;            // текущая месяц
cur_year=0;             // текущая год

max_FPS=60;

/**

* Профессии, они же модели поведения

* @type Map

professions=new Map(

[

// индекс, название, % от всего населения

[1,new Citizen("Детсадовец",10,0xFFFF0B)], // ночует дома, днём ходит в детский сад

[2,new Citizen("Школьник",10,0xAA0000)], // ночует дома, днем до 13:00 в школе, потом идёт домой через магазин

[3,new Citizen("Студент",10,0xFFFFFF)], // ночует дома, днем до 17:00 в институте, потом идёт домой через магазин

[4,new Citizen("Продавец",20,0xFF0000)], // ночует дома, днём в магазине, потом идёт домой через магазин

[5,new Citizen("Офисный клерк",20,0xFF3300)], // ночует дома, днём в офисе, потом идёт домой через магазин

[6,new Citizen("Рабочий",20,0x0000FF)], // ночует дома, днём на заводе, потом идёт домой через магазин

[7,new Citizen("Пенсионер",10,0xDE3249)] // ночует дома, днём шляется по магазинам или по улицам

]

);

buldings_types=new Map(

[

[1,new Building("Жилище",0xDE3249,10)], // индекс, название, количество на 1000 жителей

[2,new Building("Школа",0xAA0000,1)],

[3,new Building("Университет",0xFFFFFF,1)],

[4,new Building("Магазин",0xFF0000,2)],

[5,new Building("Офис",0xFF3300,3)],

[6,new Building("Завод",0x0000FF,1)],

[7,new Building("Детсад",0xFFFF0B,1)]

]

);

// ну пусть размеры пока в экран, потом можно поиграться

var scrollWidth=GetScrollWidth();

var screen_width = window.innerWidth-4; //получаем ширину экрана

var screen_height = window.innerHeight-4; // получаем высоту экрана

residents_count=1000; // начальное количество жителей

residents=[]; // массив жителей

buldings=[]; // массив зданий

cur_seconds=0; // текущая секунда

cur_minuts=0; // текущая минута

cur_hour=0; // текущая час

cur_day=0; // текущая день

cur_month=0; // текущая месяц

cur_year=0; // текущая год

max_FPS=60;

Напишем процедуры генерации зданий и жителей:

function GenerateNewCitizen(){
   x=randomIntFromInterval(1,screen_width-width);
   y=randomIntFromInterval(1,screen_height-height);      
   resident=new People(randomIntFromInterval(0,1),1,randomIntFromInterval(1,100),professions.get(1));
   
   graphics = new PIXI.Graphics();           
   graphics.beginFill(professions.get(1).color);
   graphics.lineStyle(2, professions.get(1).color, 1);
   graphics.beginFill(professions.get(1).color, 1);           
   graphics.drawCircle(0,0, 1);  
   graphics.position.set(x, y);         
   graphics.direction=randomIntFromInterval(0,360);
   graphics.endFill();        
   graphics.resident=resident;
   residents.push(graphics);

   app.stage.addChild(residents[residents.length-1]); 
    
}

/**
 * Начальная генерация зданий
 * @returns {undefined}
 */
function InitGenerateBuilding(){
  for (let i=1;i<= buldings_types.size;i++){
      cnt=buldings_types.get(i).cnt/1000*residents_count;
      yet_cnt=1;
      while (yet_cnt<=cnt){
        // случайным образом генерируем координаты и размеры здания
        width=randomIntFromInterval(20,60);
        height=randomIntFromInterval(20,60);
        x=randomIntFromInterval(1,screen_width-width);
        y=randomIntFromInterval(1,screen_height-height);      
        // если наложений нет, то добавляю здание в массив
        if (CheckingOverlaysRect(x,y,width,height,buldings)==false){
                console.log("Добавляю "+buldings_types.get(i).name+" №"+yet_cnt);
                graphics = new PIXI.Graphics();  
                graphics.lineStyle(2, buldings_types.get(i).color, 1);
                graphics.drawRect(x, y, width, height);
                buldings.push(graphics); 
            app.stage.addChild(buldings[buldings.length-1]);            
                FPSText = new PIXI.Text(buldings_types.get(i).name,new PIXI.TextStyle({fontFamily: 'Arial',fontSize: 11,}));
                FPSText.x = x;
                FPSText.y = y;            
            app.stage.addChild(FPSText);         
            yet_cnt++;
        };
      }
  };  
}

/**
 * Проверка наложения квадратов друг на друга
 * @param {type} x
 * @param {type} y
 * @param {type} width
 * @param {type} height
 * @param {type} rects
 * @returns {res|Boolean}
 */
function CheckingOverlaysRect(x,y,width,height,rects){
  res=false;
    for (let bi=1;bi<= rects.length;bi++){
         rect_height=rects[bi-1].getBounds().height;
         rect_width=rects[bi-1].getBounds().width;
         rect_x=rects[bi-1].getBounds().x;
         rect_y=rects[bi-1].getBounds().y;
         //console.log(rect_height,rect_width,rect_x,rect_y);
         if ((x>=rect_x)&(x<=rect_x+rect_width)){res=true;};
         if ((y>=rect_y)&(y<=rect_y+rect_height)){res=true;};
         if ((x+width>=rect_x)&(x+width<=rect_x+rect_width)){res=true;};
         if ((y+height>=rect_y)&(y+height<=rect_y+rect_height)){res=true;};         
    };  
  return res;
}

/**
 * Начальная генерация жителей
 * @returns {undefined}
 */
function InitGeneratePeoples(){
        
    for (let i=1;i<= professions.size;i++){ //перебираем все профессии
        console.log("-генерирую "+professions.get(i).name);
        for (let cnt=1;cnt<= professions.get(i).pers*residents_count/100;cnt++){
          x=randomIntFromInterval(1,screen_width-width);
          y=randomIntFromInterval(1,screen_height-height);      
          resident=new People(randomIntFromInterval(0,1),randomIntFromInterval(1,100),randomIntFromInterval(1,100),professions.get(i));


           graphics = new PIXI.Graphics();           
           graphics.beginFill(professions.get(i).color);
           graphics.lineStyle(2, professions.get(i).color, 1);
           graphics.beginFill(professions.get(i).color, 1);           
           graphics.drawCircle(0,0, 1);  
           graphics.position.set(x, y);         
           graphics.direction=randomIntFromInterval(0,360);
           graphics.endFill();        
           graphics.resident=resident;
           residents.push(graphics);

        app.stage.addChild(residents[residents.length-1]); 
          
          
          
        }
    }    
}

100

101

102

103

104

105

106

107

108

109

110

function GenerateNewCitizen(){

x=randomIntFromInterval(1,screen_width-width);

y=randomIntFromInterval(1,screen_height-height);

resident=new People(randomIntFromInterval(0,1),1,randomIntFromInterval(1,100),professions.get(1));

graphics = new PIXI.Graphics();

graphics.beginFill(professions.get(1).color);

graphics.lineStyle(2, professions.get(1).color, 1);

graphics.beginFill(professions.get(1).color, 1);

graphics.drawCircle(0,0, 1);

graphics.position.set(x, y);

graphics.direction=randomIntFromInterval(0,360);

graphics.endFill();

graphics.resident=resident;

residents.push(graphics);

app.stage.addChild(residents[residents.length-1]);

}

/**

* Начальная генерация зданий

* @returns {undefined}

function InitGenerateBuilding(){

for (let i=1;i<= buldings_types.size;i++){

cnt=buldings_types.get(i).cnt/1000*residents_count;

yet_cnt=1;

while (yet_cnt<=cnt){

// случайным образом генерируем координаты и размеры здания

width=randomIntFromInterval(20,60);

height=randomIntFromInterval(20,60);

x=randomIntFromInterval(1,screen_width-width);

y=randomIntFromInterval(1,screen_height-height);

// если наложений нет, то добавляю здание в массив

if (CheckingOverlaysRect(x,y,width,height,buldings)==false){

console.log("Добавляю "+buldings_types.get(i).name+" №"+yet_cnt);

graphics = new PIXI.Graphics();

graphics.lineStyle(2, buldings_types.get(i).color, 1);

graphics.drawRect(x, y, width, height);

buldings.push(graphics);

app.stage.addChild(buldings[buldings.length-1]);

FPSText = new PIXI.Text(buldings_types.get(i).name,new PIXI.TextStyle({fontFamily: 'Arial',fontSize: 11,}));

FPSText.x = x;

FPSText.y = y;

app.stage.addChild(FPSText);

yet_cnt++;

};

}

};

}

/**

* Проверка наложения квадратов друг на друга

* @param {type} x

* @param {type} y

* @param {type} width

* @param {type} height

* @param {type} rects

* @returns {res|Boolean}

function CheckingOverlaysRect(x,y,width,height,rects){

res=false;

for (let bi=1;bi<= rects.length;bi++){

rect_height=rects[bi-1].getBounds().height;

rect_width=rects[bi-1].getBounds().width;

rect_x=rects[bi-1].getBounds().x;

rect_y=rects[bi-1].getBounds().y;

//console.log(rect_height,rect_width,rect_x,rect_y);

if ((x>=rect_x)&(x<=rect_x+rect_width)){res=true;};

if ((y>=rect_y)&(y<=rect_y+rect_height)){res=true;};

if ((x+width>=rect_x)&(x+width<=rect_x+rect_width)){res=true;};

if ((y+height>=rect_y)&(y+height<=rect_y+rect_height)){res=true;};

};

return res;

}

/**

* Начальная генерация жителей

* @returns {undefined}

function InitGeneratePeoples(){

for (let i=1;i<= professions.size;i++){ //перебираем все профессии

console.log("-генерирую "+professions.get(i).name);

for (let cnt=1;cnt<= professions.get(i).pers*residents_count/100;cnt++){

x=randomIntFromInterval(1,screen_width-width);

y=randomIntFromInterval(1,screen_height-height);

resident=new People(randomIntFromInterval(0,1),randomIntFromInterval(1,100),randomIntFromInterval(1,100),professions.get(i));

graphics = new PIXI.Graphics();

graphics.beginFill(professions.get(i).color);

graphics.lineStyle(2, professions.get(i).color, 1);

graphics.beginFill(professions.get(i).color, 1);

graphics.drawCircle(0,0, 1);

graphics.position.set(x, y);

graphics.direction=randomIntFromInterval(0,360);

graphics.endFill();

graphics.resident=resident;

residents.push(graphics);

app.stage.addChild(residents[residents.length-1]);

}

Создадим сцену и запустим время:

const app = new PIXI.Application({ 
    width:screen_width,
    height:screen_height,
    background: '#1099bb' ,
    antialias: true
});
document.body.appendChild(app.view);

app.stage.hitArea = app.screen;

InitGenerateBuilding(); // генерируем здания
InitGeneratePeoples();  // генерируем жителей

let ticker = PIXI.Ticker.shared;   
ticker.autoStart = false;
ticker.maxFPS=max_FPS;
ticker.start();

const style = new PIXI.TextStyle({
    fontSize: 20 
});
FPSText = new PIXI.Text('',style);
FPSText.x = 10;
FPSText.y = 10;   
app.stage.addChild(FPSText);         
StatText = new PIXI.Text(residents.length,style);
StatText.x = 10;
StatText.y = 30;   
app.stage.addChild(StatText);         


// пусть жители оживут!
ticker.add(function (time) {     
    cur_seconds++;
    if (cur_seconds==61){
        cur_seconds=0;cur_minuts++;
        // прибавляем всем жителям по году жизни..
        for (let i = 0; i < residents.length; i++) {         
            residents[i].resident.age++;
            if (residents[i].resident.age==120){
                residents.pop(residents[i]); // в 120 лет жизненный путь завершается..
            };
            
        };
    };
    if (cur_minuts==61){cur_minuts=0;cur_hour++;};
    if (cur_hour==25){cur_hour=0;cur_day++;};    
    if (cur_day==366){cur_day=0;cur_year++;};       
    FPSText.text="С начала эпохи прошел: "+cur_minuts+" год"; // выводим FPS
    StatText.text="Жителей:"+residents.length;
    // перебираю каждого человека и двигаем его
    for (let i = 0; i < residents.length; i++) {         
        step=false;
        while (step==false){
            pre_y=residents[i].position.y+Math.sin(residents[i].direction);
            pre_x=residents[i].position.x+Math.cos(residents[i].direction);
            if ((pre_x>=0)&& (pre_x<=screen_width) && (pre_y>=0) && (pre_y<=screen_height)) {
                    step=true;
            } else {
               residents[i].direction=randomIntFromInterval(0,360); 
            };
            
        };
       residents[i].position.y=residents[i].position.y+Math.sin(residents[i].direction);
       residents[i].position.x=residents[i].position.x+Math.cos(residents[i].direction);
       // проверим, есть ли совпадение точек?
       // если возраст от 18..50
       // если полы противоположные
       // то считаем что это "лябовь" и размножаемся
        for (let j = 0; j < residents.length; j++) {   
            if (Math.round(residents[i].position.y)==Math.round(residents[j].position.y) && 
                    Math.round(residents[i].position.x)==Math.round(residents[j].position.x) && i!=j){
                      if (residents[i].resident.age>=18 && residents[i].resident.age<=50){
                        if (residents[j].resident.age>=18 && residents[j].resident.age<=50){
                            if (residents[j].resident.gender==0 && residents[i].resident.gender==1){
                                console.log("-это лябофь!");  
                                GenerateNewCitizen();
                            }
                        }                          
                      }               
            };
        };
    }
});

const app = new PIXI.Application({

width:screen_width,

height:screen_height,

background: '#1099bb' ,

antialias: true

});

document.body.appendChild(app.view);

app.stage.hitArea = app.screen;

InitGenerateBuilding(); // генерируем здания

InitGeneratePeoples(); // генерируем жителей

let ticker = PIXI.Ticker.shared;

ticker.autoStart = false;

ticker.maxFPS=max_FPS;

ticker.start();

const style = new PIXI.TextStyle({

fontSize: 20

});

FPSText = new PIXI.Text('',style);

FPSText.x = 10;

FPSText.y = 10;

app.stage.addChild(FPSText);

StatText = new PIXI.Text(residents.length,style);

StatText.x = 10;

StatText.y = 30;

app.stage.addChild(StatText);

// пусть жители оживут!

ticker.add(function (time) {

cur_seconds++;

if (cur_seconds==61){

cur_seconds=0;cur_minuts++;

// прибавляем всем жителям по году жизни..

for (let i = 0; i < residents.length; i++) {

residents[i].resident.age++;

if (residents[i].resident.age==120){

residents.pop(residents[i]); // в 120 лет жизненный путь завершается..

};

if (cur_minuts==61){cur_minuts=0;cur_hour++;};

if (cur_hour==25){cur_hour=0;cur_day++;};

if (cur_day==366){cur_day=0;cur_year++;};

FPSText.text="С начала эпохи прошел: "+cur_minuts+" год"; // выводим FPS

StatText.text="Жителей:"+residents.length;

// перебираю каждого человека и двигаем его

for (let i = 0; i < residents.length; i++) {

step=false;

while (step==false){

pre_y=residents[i].position.y+Math.sin(residents[i].direction);

pre_x=residents[i].position.x+Math.cos(residents[i].direction);

if ((pre_x>=0)&& (pre_x<=screen_width) && (pre_y>=0) && (pre_y<=screen_height)) {

step=true;

} else {

residents[i].direction=randomIntFromInterval(0,360);

};

residents[i].position.y=residents[i].position.y+Math.sin(residents[i].direction);

residents[i].position.x=residents[i].position.x+Math.cos(residents[i].direction);

// проверим, есть ли совпадение точек?

// если возраст от 18..50

// если полы противоположные

// то считаем что это "лябовь" и размножаемся

for (let j = 0; j < residents.length; j++) {

if (Math.round(residents[i].position.y)==Math.round(residents[j].position.y) &&

Math.round(residents[i].position.x)==Math.round(residents[j].position.x) && i!=j){

if (residents[i].resident.age>=18 && residents[i].resident.age<=50){

if (residents[j].resident.age>=18 && residents[j].resident.age<=50){

if (residents[j].resident.gender==0 && residents[i].resident.gender==1){

console.log("-это лябофь!");

GenerateNewCitizen();

}

};

}

});

Оставить комментарий javascript, live, pixijs, игра жизнь

Pixi.js : первые шаги

14.06.2023 Павел Грибов WEB

Pixi.js — это движёк 2D графики на JavaScript. Позволяет использовать WebGL или Canvas если первый не доступен.

Ну что, попробуем его в действии. Нарисуем 2000 кружков и попробуем их подвигать.

Подключим движёк через CDN:

<script src="https://cdn.jsdelivr.net/npm/pixi.js@7.x/dist/pixi.min.js"></script>

1	<script src="https://cdn.jsdelivr.net/npm/pixi.js@7.x/dist/pixi.min.js"></script>

Обьявим массив кружков, определим размер экрана:

    grand_mamas=[];
    count_grand_mamas=2000;
    
    var width = window.innerWidth; //получаем ширину экрана
    var height = window.innerHeight; // получаем высоту экрана

grand_mamas=[];

count_grand_mamas=2000;

var width = window.innerWidth; //получаем ширину экрана

var height = window.innerHeight; // получаем высоту экрана

Инициируем экран приложения:

    const app = new PIXI.Application({ 
        width:width,
        height:height,
        background: '#1099bb' ,
        antialias: true
    });
    document.body.appendChild(app.view);

const app = new PIXI.Application({

width:width,

height:height,

background: '#1099bb' ,

antialias: true

});

document.body.appendChild(app.view);

Нарисуем 2000 кружков и поместим эти обьекты в массив, чтобы дальше с ними играться:

    for (let i = 0; i < count_grand_mamas; i++) { 
        graphics = new PIXI.Graphics();           
        graphics.beginFill(0xDE3249);
        graphics.lineStyle(2, 0xFEEB77, 1);
        graphics.beginFill(0x650A5A, 1);
        graphics.drawCircle(0,0, randomIntFromInterval(1,10));       
        graphics.position.set(randomIntFromInterval(-width,width), randomIntFromInterval(1,height));
        graphics.endFill();        
        grand_mamas.push(graphics);
        app.stage.addChild(grand_mamas[i]);
        
    };

for (let i = 0; i < count_grand_mamas; i++) {

graphics = new PIXI.Graphics();

graphics.beginFill(0xDE3249);

graphics.lineStyle(2, 0xFEEB77, 1);

graphics.beginFill(0x650A5A, 1);

graphics.drawCircle(0,0, randomIntFromInterval(1,10));

graphics.position.set(randomIntFromInterval(-width,width), randomIntFromInterval(1,height));

graphics.endFill();

grand_mamas.push(graphics);

app.stage.addChild(grand_mamas[i]);

};

Далее используем класс ticker для периодических действий с кружками. По умолчанию класс эвент класса выполняется 60 раз в секунду. Что делаем в эвенте? Пробегаемся по массиву кружков и двигаем их. Если кружок выходит за пределы экрана, то передвигаем его случайным образом вверх экрана. Бонусом выведем FPS:

  FPSText = new PIXI.Text('FPS:0');
  FPSText.x = 10;
  FPSText.y = 10;   
  app.stage.addChild(FPSText);
   
  let ticker = PIXI.Ticker.shared;   
  ticker.autoStart = false;
  ticker.start();
  
   step=0.01;
   ticker.add(function (time) {
        FPSText.text='FPS:'+ticker.FPS;
        for (let i = 0; i < count_grand_mamas; i++) {                 
            count=count+step;
            if (count>10){step=-step;};        
            if (count<0){step=-step;};        
            grand_mamas[i].position.x=grand_mamas[i].position.x+count;
            grand_mamas[i].position.y=grand_mamas[i].position.y+count;
            //console.log(grand_mamas[i].getBounds());
            if ((grand_mamas[i].position.x>width)||(grand_mamas[i].position.y>height)){
                grand_mamas[i].position.x=randomIntFromInterval(-width,width);
                grand_mamas[i].position.y=randomIntFromInterval(1,1);
            };
        }  
   });

FPSText = new PIXI.Text('FPS:0');

FPSText.x = 10;

FPSText.y = 10;

app.stage.addChild(FPSText);

let ticker = PIXI.Ticker.shared;

ticker.autoStart = false;

ticker.start();

step=0.01;

ticker.add(function (time) {

FPSText.text='FPS:'+ticker.FPS;

for (let i = 0; i < count_grand_mamas; i++) {

count=count+step;

if (count>10){step=-step;};

if (count<0){step=-step;};

grand_mamas[i].position.x=grand_mamas[i].position.x+count;

grand_mamas[i].position.y=grand_mamas[i].position.y+count;

//console.log(grand_mamas[i].getBounds());

if ((grand_mamas[i].position.x>width)||(grand_mamas[i].position.y>height)){

grand_mamas[i].position.x=randomIntFromInterval(-width,width);

grand_mamas[i].position.y=randomIntFromInterval(1,1);

};

}

});

В результате получим движущиеся кружочки с разной скоростью

Оставить комментарий 2d движек, pixi.js, анимация

PostgreeSQL: формат даты

08.06.2023 Павел Грибов WEB

Для форматирования даты в стоку нужного формата в PGSQL предусмотрена функция to_char(дата,формат). Использовать в запросе можно примерно так:

select 
comments.comment,
to_char(comments.dt, 'DD.MM.YYYY HH24:MI:SS'),
ls.ls,
users.login
from comments
inner join ls on ls.id=comments.lsid
inner join users on users.id=comments.userid
where ls.ls='1234' order by dt desc limit 10

select

comments.comment,

to_char(comments.dt, 'DD.MM.YYYY HH24:MI:SS'),

ls.ls,

users.login

from comments

inner join ls on ls.id=comments.lsid

inner join users on users.id=comments.userid

where ls.ls='1234' order by dt desc limit 10

При этом поддерживаются следующие паттерны форматирования:

Паттерн	Описание
`HH`	час дня (01-12)
`HH12`	час дня (01-12)
`HH24`	час дня (00-23)
`MI`	минуты (00–59)
`SS`	секунды (00–59)
`MS`	милисекунды (000–999)
`US`	микросекунды (000000–999999)
`FF1`	десятые доли секунды (0-9)
`FF2`	сотая доля секунды (00-99)
`FF3`	милисекунлы (000–999)
`FF4`	десятая часть миллисекунды (0000-9999)
`FF5`	сотая доля миллисекунды (00000-99999)
`FF6`	микросекунды (000000–999999)
`SSSS`, `SSSSS`	секунды после полуночи (0-86399)
`AM` , `am` , `PM` или `pm`	меридианный индикатор (без периодов)
`A.M.` , `a.m.` , `P.M.` или `p.m.`	меридианный индикатор (с периодами)
`Y,YYY`	год (4 и более цифры)с запятой
`YYYY`	год (4 и более цифры)
`YYY`	последние 3 цифры года
`YY`	последние 2 цифры года
`Y`	последняя цифра года
`IYYY`	ISO 8601 год с номером недели (4 или более цифр)
`IYY`	последние 3 цифры года по стандарту ISO 8601 год с номером недели
`IY`	последние 2 цифры года по ISO 8601 номер недели
`I`	последняя цифра года недели по ISO 8601
`BC` , `bc` , `AD` или `ad`	индикатор эры (без периодов)
`B.C.` , `b.c.` , `A.D.` или `a.d.`	индикатор эры (с периодами)
`MONTH`	полное название месяца в верхнем регистре (с пустыми кнопками до 9 символов)
`Month`	полное название месяца с заглавными буквами (с пустыми кнопками до 9 символов)
`month`	полное название месяца в нижнем регистре (с пустыми кнопками до 9 символов)
`MON`	сокращенное название месяца в верхнем регистре (3 символа на английском языке,локализованная длина варьируется)
`Mon`	сокращенное название месяца с заглавными буквами (3 символа на английском языке,локальная длина варьируется)
`mon`	сокращенное название месяца в нижнем регистре (3 символа на английском языке,локализованная длина варьируется)
`MM`	номер месяца (01-12)
`DAY`	полное название дня в верхнем регистре (с пустыми кнопками до 9 символов)
`Day`	полное название дня с заглавной буквы (пустое,до 9 символов)
`day`	полное название дня в нижнем регистре (с пустыми кнопками до 9 символов)
`DY`	сокращенное название дня в верхнем регистре (3 символа на английском языке,локализованная длина варьируется)
`Dy`	сокращенное название дня с заглавными буквами (3 символа на английском языке,локальная длина варьируется)
`dy`	сокращенное название дня в нижнем регистре (3 символа на английском языке,локализованная длина варьируется)
`DDD`	день года (001-366)
`IDDD`	день года с нумерацией недель ISO 8601 (001-371;день 1 года-понедельник первой недели ISO)
`DD`	день месяца (01-31)
`D`	день недели, с воскресенья ( `1` ) по субботу ( `7` )
`ID`	ISO 8601 день недели, с понедельника ( `1` ) по воскресенье ( `7` )
`W`	неделя месяца (1-5)(первая неделя начинается в первый день месяца)
`WW`	номер недели года (1-53)(первая неделя начинается в первый день года)
`IW`	номер недели года с нумерацией недель ISO 8601 (01-53;первый четверг года приходится на неделю 1)
`CC`	век (2 цифры)(XXI век начинается с 2001-01-01 гг.)
`J`	Юлианская дата (целое число дней с 24 ноября 4714 г. до н.э. в местную полночь; см. Раздел B.7 )
`Q`	quarter
`RM`	месяц римскими цифрами в верхнем регистре (I-XII;I=январь)
`rm`	месяц в нижнем регистре римскими цифрами (i-xii;i=январь)
`TZ`	Аббревиатура часового пояса в верхнем регистре (поддерживается только в `to_char` )
`tz`	аббревиатура часового пояса в нижнем регистре (поддерживается только в `to_char` )
`TZH`	смещение зоны в часах
`TZM`	смещение зоны в минутах
`OF`	смещение часового пояса от UTC (поддерживается только в `to_char` )

Оставить комментарий pgsql, postrgreesql, формат даты

« 1 … 5 6 7 8 9 … 54 »

Март 2025
Пн	Вт	Ср	Чт	Пт	Сб	Вс
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31