Recommend Qt Courses to Game development?

Addiewhite

Greetings, everyone!

I am an aspiring game developer keen on expanding my skills and knowledge in Qt programming. I have been conducting research online and came across numerous courses that are available. However, I find myself uncertain about which ones would be the most beneficial for me to pursue. As a result, I have made the decision to enroll in some official Qt courses to gain a more comprehensive understanding of the platform. Nonetheless, I am currently unsure about which specific courses would be the most suitable for my needs.

Consequently, I am reaching out to the community to kindly request recommendations. Are there any official Qt courses that are specifically tailored towards game development for web application? I am particularly interested in learning the most effective techniques that cover essential topics for creating games using Qt. I would highly appreciate any feedback or advice from individuals who have previously taken such courses.

Thank you in advance for your invaluable assistance!

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!