J3tBoy

Инструкция по запуску игр на Nintendo 3DS.

2023-10-10T19:39:17.295Z

Сегодня будет инструкция о способах запуска ромов на прошитой консоли nintendo 3ds.

Мой интерес к этой консоли возник довольно давно, хотелось посмотреть, что это за портативка такая, с двумя экранами, 3d-эффектом и высоченным ценником.

Приобрел я эту консоль только в 2023 году, до нее были GameBoy Advance, классический GameBoy, Nintendo DS fat, Nintendo Switch, несколько портативок от других производителей и наконец 2DS.

Вот не сложилось пока посмотреть 3d-эффект, это в перспективе.

2DS я купил случайно, попалось на авито очень интересное предложение, черно-синяя, в очень приличном состоянии и с прошивкой.

Покупка прошито консоли для меня всегда интереснее, чем не прошитая по понятным причинам.

В моем случае, который является самым обычным, на консоль установлена Luma 3DS. Хорошая штука, не слетает при полном разряде батарейки (не проверял).

К основным особенностям относится:

запуск ромов, установка dlc;
отключение региональной защиты;
установка софта (эмуляторов и прочего);

Собственно, большего мне ничего от приставки и не нужно. Официальный он-лайн мне не актуален, да его и нет вроде как.

Основные форматы rom для 3ds.

В отличии от других приставок, у 3ds ромы бывают нескольких видов:

cia - основной формат, запускаемых на Luma3DS;
3ds - формат ромов для эмулятора citra;

Причем, более распространент как раз 3ds-формат, некоторые игры в cia просто не найти в инете и их придется конвертировать или играть на эмуляторе.

Установка cia

С прошитой приставкой шла SD карточка на 16 гб, которая была забита всякой ерундой, типа марио, плюс, куча образов валялось разбросанная по папкам без всякой системы.

Некоторые игры довольно увесистые, по этому, карточку я заменил на 64-гигабайтную, чтоб хватило на все.

Теперь опишим процесс установки ромов подробно через программу FBI:

На прямую подключить к компьютеру 2DS нельзя, нужно вынимать SD-карту или настраивать ftp;
Нужно поместить файлы формата cia в директорию /cias или /cia на sd-карте.
Возвращаем карточку обратнов в приставку, включаем и запускаем FBI.

Выбираем раздел SD

Переходим в раздел cias

Там должен лежать устанавливаемый ром, выбираем его и нажимаем кнопку ( А ) на консоли.
В разделе "Directory Action" выбираем пункт "Install and delete CIAs", чтобы после установки ром был удален и не занимал память на карте.

Собственно, это все, остается дождаться установки рома, NEW SOFTWARE HAS BEEN ADDED, после чего нажать кнопку "Home", иконка игры появится в главном меню.

С добавлением разобрались, теперь посмотрим, как удалить установленный ром.

Удаление cia

Удалять можно через FBI, но проще через системные настройки.

Переходим в раздел "Управленине данными".

Выбираем "Nintendo 3DS"

Программы

В списке выбираем нужную программу и нажимаем удалить.

Все, удалили игру.

Следующий, самый распространенный формат ромов - 3ds, который на прямую нельзя установить через FBI. Формат этот предназначен для эмулятора Citra, который я и не смотрел, пока он мне не очень интересен.

Ромов игр в формате 3ds существенно больше, чтобы поиграть на консоли, придется конвертировать в cia.

Конвертирование 3ds в cia

Существует два способа конвертации, первый - внутри самой консоли, но для чего такие заморочки, если все равно нужно вынимать карту памяти? Этот способ ввиду его замороченности я рассматривать не буду.

Второй способ - нормальный, конверация на компьютере через программу 3ds-to-cia, которая находится по этой вот ссылке https://github.com/drizzt/3ds-to-cia/releases/tag/v0.2.1

В простом случае, ничего, кроме копирования 3ds-рома в папку /rom и запуска 3ds-to-cia.exe не нужно. В папке /cia появятся сконвертированные файлы. Как с ними поступить дальше - уже понятно.

Но есть случаи, когда конвертер зацикливается и пишет, что нужен xorpad, что это - мне пока не понятно.

Если попадется какая-то интересная игра, которая потребует чуть больше углубиться в процесс конвертации, то инструкция будет дополнена.

#3ds

#2ds

#nintendo

#old_games

#manuals

#retro_games

#retro

#games

#nintendo_ds

#nintendo_3ds

#nintendo_2ds

Как использовать *ngIf совместно с else

2023-05-25T13:15:57.255Z

Самая простая форма

<div *ngIf="condition">Контент отображается, если условие истинно</div>

Расширенный синтаксис

<ng-template [ngIf]="condition">
 <div>Контент отображается, если условие истинно</div>
</ng-template>

Использование else

<div *ngIf="condition; else elseBlock">
    Контент отображается, если условие истинно
</div>

<ng-template #elseBlock>
    Контент отображается, если условие ложно
</ng-template>

Использование блоков then и else

<div *ngIf="condition; then thenBlock else elseBlock">
    Контент никогда не отображается
</div>

<ng-template #thenBlock>
    Контент отображается, если условие истинно
</ng-template>

<ng-template #elseBlock>
    Контент отображается, если условие ложно
</ng-template>

Расширенный функционал

<ng-template 
   [ngIf]="condition" 
   [ngIfThen]="thenBlock" 
   [ngIfElse]="elseBlock"
>
  Контент никогда не отображается
</ng-template>

<ng-template #thenBlock>
  Контент отображается, если условие истинно
</ng-template>

<ng-template #elseBlock>
  Контент отображается, если условие ложно
</ng-template>

https://devsday.ru/blog/details/39571

Как использовать *ngIf с Async Pipe

2023-05-25T13:00:43.500Z

Чтобы вывести два Observable значения в шаблоне с *ngIf нужно сделать следующее:

<div *ngIf="product$ | async as product && price$ | async as price">
    <b>{{product}}</b> and <b>{{price}}</b>
</div>

Лучшим решением будет скомбинировать два значения можно внутри компонента используя withLatestFrom, но обязательно нужно проверять на null в шаблоне productPrice?.price.

Самым лучшим вариантом комбинации двух Observable значений будет испльзование вложенных *ngIf.

<ng-container *ngIf="product$ | async as product">
  <div *ngIf="price$ | async as price">
    <b>{{product}}</b> and <b>{{price}}</b>
  </div>
<ng-container>

При этом следует учесть, что запросы будут выполняться последовательно.

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

<ng-container *ngIf="{ product: product$ | async, price: price$ | async } 
              as productPrice">
  <ng-container *ngIf="productPrice.product as product">
    <ng-container *ngIf="productPrice.price as price">
      <div><b>{{product}}</b> and <b>{{price}}</b></div>
    </ng-container>
  </ng-container>
</ng-container>

https://blog.angular-university.io/angular-reactive-templates/

Как обнаруживать изменения в @Input

2023-03-27T14:26:51.559Z

Способ №1 - ngOnChanges

export class SimpleComponent implements OnChanges {
@Input() id: number;

 ngOnChanges(changes: SimpleChanges) {
  if (!changes.id.firstChange) {
    console.log(changes.id.currentValue);
   }
  }
 }

Суть сводится к проверке объекта changes, получено ли изменение. Сhanges содержит текущее и предыдущее значение.

Способ №2 - использование set и get в параметре.

export class SimpleComponent implements OnChanges {
private _id: number;


@Input() 
set id(value: number) {
 this._id = value;
 }
 
get id(): number {
 return this._id;
 }
}

Тут определяем функцию-сеттер для обнаружения изменений входной переменной. Сеттер всегда будет вызываться первым перед хуком жизненного цикла ngOnchanges.

CSS псевдоклас :has - проверка наличия

2023-02-09T14:11:40.611Z

Псевдокласс :has позволяет проверить, существует ли блок внутри родительского. Своеобразный if в CSS.

Предположим, есть следующая структура:

Если chid имеется, то углы бордюра parent нужно скруглить, в противном случае - оставить 90 градусов.

.parent
.child {
border: 1px solid blck;
border-radius: 0;
}

.parent:has(.child) {
border-radius: 16px;
}

Если нужно сделать наоборот, если нет child, то parent скруглить углы, то пишем

.parent:not(:has(.child)) {
border-radius: 16px;
}

Кроме этого, можно проверить, следует ли за parent child:

.parent:has(+ child) {}

Можно выбрать прямой дочерний элемент:

.parent:has(> child) {}

Можно проверить наличие сразу нескольких элементов:

.parent:has(.child, .sibling) {}

Проверка отмеченного чек-бокса:

.button-clear {
display: none;
}

.main-menu:has(input:checked) .button-clear {
display: block;
}

Также, можно обработать выбранное в селекторе значение:

.some-prm {
display: block;
}

form:has(option[value="some"]:checked) some-prm {
display: block;
}

Проверить наличие нескольких дочерних элементов (количественные запросы) и сделать что-либо с каким-то из них:

.child {
display: flex;
gap: 1em;
}

.parent:has(.child:nth-last-child(n + 3)) .child:last-child {
margin-left: auto;
}

последний элемент будет прижат к левому краю

https://css-live.ru/css/psevdoklass-has-ne-tolko-roditelskij-selektor.html

https://habr.com/ru/post/662355/

http://alistapart.com/article/quantity-queries-for-css/

RxJS - шпаргалка

2022-12-19T19:31:24.181Z

Операторы объединение Observable.

merge - слияние

Оператор слияния merge используется, когда мы хотим создать поток, который генерируется всякий раз, когда наблюдаемый источник (один из множества) выдает значение.

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

const ACTIVE_EVENTS = [
  'click', 'scroll', 'contextmenu', 'dblclick', 'mousemove',
];
// можно добавить любые события, для определения неактивности пользователя

merge(...ACTIVE_EVENTS
.map(event => fromEvent(document, event)))
.pipe(
bufferWhen(() => interval(10000)),
filter(events => events.length === 0),)
.subscribe(() => alert('You have been inactive for ten seconds!'))

Тут создаются несколько потоков (используя FromEvent) для отслеживания различных событий браузера, которые могут указывать на активность пользователя, а затем объединяем их в один поток, чтобы действовать, когда какое-то время событий не было. Тип событий не важен, важен факт, что событие произошло.

Если важен сам факт наступления события, придется использовать “слияние” merge.

bufferWhen(closingSelector: Observable): Observable

bufferWhen - собирает данные из источника, наблюдаемого до тех пор, пока функция closingSelector не закроет буфер.

closingSelector - фабричная функция закрытия Observable, чтобы указать, когда закрывать, испускать и сбрасывать буфер.

В данном случае, каждые 10000 мс происходит эммит значений.

Отличие buffer от bufferWhen

Оператор buffer принимает второй наблюдаемый объект в качестве аргумента и будет буферизовать значения из первого наблюдаемого объекта до тех пор, пока второй объект не будет передан. Затем buffer сбрасывается и начинает буферизацию снова, пока второй наблюдаемый объект не будет передан еще раз.

bufferWhen похож на buffer, но вместо того, чтобы принимать наблюдаемый объект, он принимает функцию селектора (так называемый закрывающий селектор).

Т.е. buffer эммитит значение, когда приходит значение наблюдаемого объекта, а bufferWen эммитит значение, когда выполняется функция.

Есть еще:

- bufferCount - позволяет задавать количество значений, которые нужно хранить в буфере, прежде чем они будут переданы.

- bufferTime - принимает количество миллисекунд для буферизации значений. По истечении времени буферизованные значения передаются, а буфер запускается снова.

- bufferToggle - принимает два аргумента: наблюдаемый объект, чтобы начать буферизацаию, и закрывающий селектор, чтобы остановить ее и выдать значения.

combineLatest

В некоторых случаях несколько отдельных событий запускают изменения в одной части пользовательского интерфейса. При этом нужны значения всех Observable (потоков) для вычисления конечного значения.

Например, в зависимости от ввода значений в поля, с сервера приходят признаки обязательности для других полей и происходит перестройка интерфейса.

combineLatest эммитит значение, когда какое-либо из отдельных потоков эмитит значение.

// получаем данные от сервера - например, перечень
// динамических компонентов 
dynamicControls$ = this.controlsService.getDynamicControls();

formValue$ = combineLatest([
        this.form.valueChanges,
        this.dynamicControls$,
    ]).pipe(
        tap(([value]) => {
// тут происходит установка валидатора для полей.
            if (value.attachmentsRequired) {
                this.controls.attachments
                    .setValidators(Validators.required);
            } else {
                this.controls.attachments.clearValidators();
            }
        }),
        map(([value, controls]) => {
            const controlsValue = { ...value, ...controls };
            return controlsValue;
        }),
    );

forkJoin

Если необходимо получить несколько наборов данных, которые извлекаются из разных API, нужно использовать forkJoin, чтобы дождаться, пока все данные будут доступны, и только после этого что-то делать в пользовательском интерфейсе.

homePageData$ = forkJoin([
    this.userService.getUserInfo(),
    this.dataService.getData(),
    this.otherDataService.getOtherData(),
]).pipe(
    map(([userInfo, data, otherData]) => ({
        userInfo,
        data,
        otherData,
    })),
    catchError(error => of({/*error object*/})),
);

pairwise

Объединяет предыдущее и текущее значение потока.

Например, когда нужно в предварительно заполненной форме проверить изменения.

Для простых случаев можно использовать состояние формы dirty, но если необходимо учитывать не только факт изменения в полях, а еще чтобы старое значение не совпадало с новым, то можно использовать pairwaise.

disabled$ = this.form.valueChanges.pipe(
    pairwise(),
    map(([prev, current]) => {
        return this.utilitiesService.isEqual(prev, currentnged
    }),
);

withLatestFrom - "с последним из"

Объединяет два потока, причем из потока withLatestFrom эммитит только последнее значение.

Когда основной поток выкидывает значение, то он просит withLatestFrom дать последнее значение которое у него было.

this.authService.login(credentials).pipe(
    withLatestFrom(
      this.route.queryParamMap.pipe(startWith(new Map())),
    ),
).subscribe(([, params]) => {
    if (params.get('redirectUrl')) {
        const navUrl = params.get('redirectUrl') ?? '/home';
        this.router.navigateByUrl(decodeURIComponent(navUrl));
    }
});

Необходимо перенаправить со страницы при успешном входе в систему, но только при наличии параметра запроса “redirect_url”. Мы можем взять это значение из наблюдаемого параметра queryParamMap, но мы не хотим запускать перенаправление, когда параметр запроса изменяется по какой-либо причине, только после завершения успешного HTTP-вызова login.

Действие не будет выполнено при изменении параметров запроса, а только при успешном завершении вызова login.

debounceTime, throttleTime, auditTime

debounceTime - эмитит значение из Observable, только после того, как прошел определенный промежуток времени. Использовать, если нужно реализовать автокомплит или упреждаюдищий ввод ( typeahead ).

throttleTime - эмитит значение из Observable, затем игнорирует последующие значения источника в течение миллисекунд, затем повторяет этот процесс. Использовать, если нужно реализовать ограничение частоты кликов, обработку двойного клика.

auditTime - эмитит самое последнее значение за указанный период времени.

retry

Простейший случай:

responseFromServer$.pipe(
    retry(3), // делаем три попытки
); // после 3 неудачных попыток обрабатываем ошибку.

Ожидание нажатия кнопки с оператором повторов:

responseFromServer$.pipe(
    retry({
        count: 3, // можем указать опциональное количество
                  // сколько раз пользователь может 
                  // повторить попытку
        delay: () => fromEvent(
              document.querySelector('#retryBtn'),
              'click',
        ), // ожидаем нажатия кнопки
    }),
);

https://dev.to/this-is-learning/understanding-rxjs-use-cases-part-ii-51ll оригинал статьи.

#rxjs

#cheat_sheet

#шпаргалка

The Chronicles of Riddick: Escape from Butcher Bay - как настроить для игры на широкоформатном мониторе

2022-12-11T21:15:51.162Z

Это краткая инструкция по настройке стареньких игр для воспроизведения на широкоформатных мониторах.

В чем проблема?

Нельзя просто взять и запустить игру 2004 года на широкоформатном мониторе widescreen. Придется чуть настроить. Без настроек изображение выводиться просто огромное, как будто видишь одним глазом, левый верхний угол экрана до середины.

Для примера, на рисунке 1 отображется игра без настройки.

Рисунок 1 - без настроек и тут видно, что на экране уместилось дай бог четверть картинки, что вообще никак не играбельно.

А на рисунке 2 - уже с настройкой.

Рисунок 2 - настройка выполнена

Добиться пропорционального вида так и не получилось, но в принципе, уже играть хоть как-то можно.

Шаг №1

1.1 Переходим в папку с игрой, находим riddick.exe и правой кнопкой мыши открываем свойства, переходим на вкладку "Совместимость."

1.2 Установить "Режим совместимости" - Windows XP (Service Pack 3).

1.3 Установить галочку "Отключить оптимизацию во весь экран".

1.4 Нажать кнопку "Изменить параметры высокого DPI".

1.5 Установить галочку "Переопределить режим масштабирования высокого разрешения" - "Масштабирование выполняется" - выбрать "Приложение".

1.6 СОХРАНИТЬ.

На рисунке 3 отмечены основные моменты шага 1.

Рисунок 3 - основные настройки шага 1.

Шаг №2

2.1 Запускаем игру и переходим в настройки монитора.

2.2. Устаналвиваем разрешение 1920x1440.

2.3 Устанавливаем соотношение сторон (aspect ration) 4: 3 ->2.35.

2.4 Применяем настройки и начинаем играть.

Да, еще интересный момент - я не смог нормально сделать скрины или захватить видео геймплея. Рисунки 1 и 2 - это мои скрины, но сделаные через сальто.

Ссылка на исходник мануала - https://www.nexusmods.com/chroniclesofriddick/mods/1

#the_chronicles_of_riddick

#escape_from_butcher_bay

#widescreen

#old_games

#manuals

#retro_games

#retro

#games