Recommend Qt Courses to Game development?

Bondrusiek

@Addiewhite Hi, see this topic: https://forum.qt.io/topic/143357/can-you-recommend-me-official-qt-courses-for-game-developers/8

JonB

@Addiewhite said in Recommend Qt Courses to Game development?:

game development for web application?

I would suggest Qt is not the best framework for developing web applications.

sanjaykumar12

Hi,
I am a web developer and now I want to learn game development also. So I am exploring game development topics here.

JonB

@sanjaykumar12
Then recommend you look at web development not Qt.

Bondrusiek

@sanjaykumar12
See https://doc.qt.io/qt-6/wasm.html maybe this helps you. I use this to create online apps. You can check it on my website: https://przemekkkth.github.io/. For example Pacman: https://przemekkkth.github.io/assets/games/pacman/index.html

8Observer8

@sanjaykumar12 said in Recommend Qt Courses to Game development?:

I am a web developer and now I want to learn game development also.

Me too. But I decided to focus on development of browser games and interactive 2D/3D applications in WebGL. It is easier then C++ even in Qt. You can continue to make websites and you can practice with browser games. You can get: Pixi.js, Phaser or Malon.js and so on for 2D or Three.js, Babylon.js, PlayCanvas and so on for 3D. But I prefer to use pure WebGL + glMatrix. If you like this way you can start with this book: WebGL Programming Guide. Matsuda & Lea

You can play with my Mario example: https://8observer8.github.io/webgl10-js/mario-2d-jumps-oimophysics-webgl-js/ I use NPM package @box2d/core

I made a demo with Resident Evil models, textures and animations in single and co-op modes. You can try it in browser: https://8observer8.github.io/webgl10-js/room-webgl-js/

I implemented the third person controller:

I implemented the first person controller too:

8Observer8

I made the next example to show how to set up @box2d/core with importmap:

PlayCode: https://playcode.io/1499504
Plunker: https://plnkr.co/edit/vO3u4TLvSov2ZxK5

<!doctype html>

<html>
<head>
    <title>Example</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <canvas id="renderCanvas"></canvas>

    <!-- Since importmap is not yet supported by all browsers, it is
        necessary to add the polyfill es-module-shims.min.js -->
    <script async src="https://unpkg.com/es-module-shims@0.1.7/dist/es-module-shims.min.js"></script>

    <script type="importmap">
        {
            "imports": {
                "@box2d/core": "https://cdn.jsdelivr.net/npm/@box2d/core@0.10.0/+esm"
            }
        }
    </script>

    <script type="module" src="./js/main.js"></script>
</body>
</html>

main.js

import { b2World } from "@box2d/core";

const world = b2World.Create({ x: 0, y: 3 });

console.log(world.GetGravity());

8Observer8

This example shows how to include Phaser and Box2D with importmap. Phaser is an analogue of SFML.

Sandboxes:

PlayCode: https://playcode.io/1500918
Plunker: https://plnkr.co/edit/hBDyrOGRtJjJefuC

index.html

<!doctype html>

<html>
<head>
    <title>Example</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <canvas id="renderCanvas"></canvas>

    <!-- Since importmap is not yet supported by all browsers, it is
        necessary to add the polyfill es-module-shims.min.js -->
    <script async src="https://unpkg.com/es-module-shims@0.1.7/dist/es-module-shims.min.js"></script>

    <script type="importmap">
        {
            "imports": {
                "@box2d/core": "https://cdn.jsdelivr.net/npm/@box2d/core@0.10.0/+esm",
                "phaser": "https://cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.esm.js"
            }
        }
    </script>

    <script type="module" src="./js/main.js"></script>
</body>
</html>

js/main.js

import { b2World } from "@box2d/core";
import { AUTO, Scene, Game } from "phaser";

// Box2D
const world = b2World.Create({ x: 0, y: 3 });
console.log(world.GetGravity());

// Phaser
console.log(Game);

Next Level Gaming Store

This post is deleted!

clintonhenry

This post is deleted!

ansifpi

We built the abive 2D game app in Qt QML back in 2013, before Android gaming took off. We implemented X-Y movement, acceleration physics, joystick controls and more, all in QML — a genuinely fun project.
But my honest takeaway after ~10 years of Qt work: Qt is not built for games. Its strength is putting a clean UI on top of complex hardware and machinery — industrial systems, automotive HMI, embedded devices. That's where it shines.
Games need rich animation pipelines, physics engines, asset tooling and GPU-focused rendering — areas where engines like Unity, Unreal or Godot are far better served. So my suggestion: if you're serious about game development, learn a dedicated game engine. If what actually excites you is engineering — machinery, hardware, instrumentation — then Qt is an excellent fit, and the official Qt Academy courses (qt.io/academy) are a good free starting point.