barinbritva

TON blockchain for games

What’s in the tutorial

In this tutorial we will consider how to add TON blockchain to a game. For our example we will use a Flappy Bird clone written in Phaser and will add GameFi features step by step. In the tutorial we will use short code pieces and pseudocode to make it more readable. Also, we will provide links to real code blocks to help you understand better. The whole implementation can be found in the demo repo.

We are going to implement the following:

• Achievements. Let’s reward our users with SBTs. Achievement system is a great tool to increase user engagement.
• Game currency. In TON blockchain it’s easy to launch your own token (jetton). The token can be used to create an in-game economy. Our users will be able to earn the game coins to spend them later.

barinbritva

// https://stackoverflow.com/a/74891854/3359277
export function typeSafeObjectEntries<
  T extends { [key: string | number | symbol]: unknown },
  K extends keyof T,
  V extends T[K]
>(o: T) {
  return Object.entries(o) as unknown as [K, V][];
}

barinbritva

import {container} from 'tsyringe';
import admin, {type ServiceAccount, type app} from 'firebase-admin';
import {type Firestore} from 'firebase-admin/firestore';
import serviceAccount from '../../serviceAccountKey.json';

export function buildDependencyContainer(): void {
	const firebaseApp = admin.initializeApp({
		credential: admin.credential.cert(serviceAccount as ServiceAccount)
	});
	container.register<app.App>('firebaseApp', {

barinbritva

Links

• My post TypeScript: Sorting out tsconfig. Part 1
• My post TypeScript: Sorting out tsconfig. Part 2
• tsconfig-helper repository
• My English Twitter and Russian Twitter

barinbritva

Ссылки

Отзыв

💌 Пожалуйста, оставьте отзыв о вебинаре!

Основное

• Рекомендации по наименованию генериков - Tidy TypeScript: Name your generics
• Объяснение генериков - TypeScript Generics for People Who Gave Up on Understanding Generics

barinbritva

// Gist name placeholder

barinbritva

Ссылки

Основное

• Книга Tackling TypeScript: Upgrading from JavaScript
• Книга Профессиональный TypeScript. Разработка масштабируемых JavaScript-приложений
• Refactoring.Guru - всё про рефакторинг: что такое рефакторинг, как понять, что настало время проводить рефакторинг, как его проводить, паттерны проектирования с примерами на многих языках, включая TypeScript.

Мой материал

barinbritva

body {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

barinbritva

Ссылки

Рефакторинг

Refactoring.Guru - всё про рефакторинг: что такое рефакторинг, как понять, что настало время проводить рефакторинг, как его проводить, паттерны проектирования с примерами на многих языках, включая TypeScript.

Разворачивание проекта на TypeScript

• init-typescript-app - мой пакет для разворачивания проектов, на котором был создан проект для презентации. Возможность выбирать "строгость" TypeScript для новичков или опытных, публикация вашего пакета в NPM.
• TSDX - разворачивание TypeScript проекта, prettier, rollup, eslint
• oclif и Gluegun - разворачивание TypeScript для создания CLI утилит
• Nest TypeScript Starter - официальный темплейт для создания бекенд-приложений на NestJS

barinbritva

protected componentWillMount(): void {
    document.addEventListener('click', this.toggle);
}

protected componentWillUnmount(): void {
    document.removeEventListener('click', this.toggle);
}

private toggle = (event): void => {
    event.preventDefault();