How to Develop a Game Using Dora SSR Engine

This article introduces how to use the Dora SSR game engine to develop games, especially for front-end developers. Dora SSR is a cross-platform game engine that supports TSX syntax and runs natively. It allows developers to use familiar front-end technologies like TypeScript and React concepts to create games.

The article explains that game engines are essentially specialized browsers for running games, and Dora SSR uses a tree structure similar to HTML DOM for scene management. It supports TSX, enabling developers to leverage existing front-end tech stacks including components, modules, and modern front-end technologies.

The author demonstrates how to create a "Angry Birds"-like game in under 100 lines of TSX code. The tutorial covers setting up the development environment, creating game scenes, building box components for collision, creating bird and score references, implementing launch lines with touch/mouse events, and adding other game elements like ground, boxes, and the bird character.

The article also reveals that Dora SSR's underlying technology uses Lua and WASM virtual machine rather than JavaScript runtime, with TypeScript support provided through the TypeScriptToLua compiler. It discusses the potential for future React-like features and invites front-end developers to contribute to the project.

Complete demo code is available at: https://github.com/IppClub/Dora-SSR/blob/main/Assets/Script/Test/Birdy.tsx