🎉 Celebrating 25 Years of GameDev.net! 🎉

Not many can claim 25 years on the Internet! Join us in celebrating this milestone. Learn more about our history, and thank you for being a part of our community!

Back to For Beginners

What Engine should i use for a HTML5 browser card game?

For Beginners GameEngine beginner

Started by jeroen0 November 15, 2020 01:54 PM

5 comments, last by 8Observer8 3 years, 7 months ago

jeroen0

Author

November 15, 2020 01:54 PM

Hello all,

I'm not a developer but I want to run a website with several HTML5 games, mainly Card games for example blackjack.

I spoke with several companies but they all have very different opinions about the Engine to use. The main goal is to offer the game direct in the browser. Maybe in the future on Facebook as well. I want the game to have really beautiful card animations like shuffling the cards, dealing the cards, and tipping up corners of the cards.

What game engine would you advise for HTML5 games in the browser for the best results and more important, for in the future. Not that I choose for a dying engine to work with.

Also, I was told that WEB GL is going to be replaced by WEB GNU. (I'm really a rookie no idea what I'm talking about here) but is that something to pay attention to as well by choosing for a certain Engine now?

8Observer8

395

November 15, 2020 03:28 PM

Phaser 3: https://phaser.io/

jeroen0

Author

November 15, 2020 09:27 PM

Can you make the same kind of animations in Phaser3 as in for example Unity?

8Observer8

395

November 15, 2020 10:10 PM

I do not know what animations do you mean. Run examples of animations and see code examples here: https://phaser.io/examples/v3/category/animation

8Observer8

395

November 16, 2020 09:54 AM

Beginning example in JavaScript (ES5) and Phaser 3:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/phaser@3.24.1/dist/phaser.min.js"></script>
</head>

<body>
    <script>

        var gamePlay = new Phaser.Class({
            Extends: Phaser.Scene,
            initialize: function GamePlay() {
                Phaser.Scene.call(this, { key: "GamePlay" });
            },
            preload: function () {
                console.log("preload");
            },
            create: function () {
                console.log("create");
            },
            update: function () {

            }
        })

        var config = {
            type: Phaser.AUTO,
            width: 400,
            height: 400,
            scene: gamePlay
        };

        var game = new Phaser.Game(config);
    </script>
</body>

</html>

8Observer8

395

November 16, 2020 11:22 AM

Will your card game be 2D or 3D? Phaser is for 2D games only. If you want to make 3D games you can use Three.js or Babylon.js. All these tools use JS for scripting but they support TypeScript. Babylon.js is written in TS. I prefer to write my simple games in pure WebGL and TypeScript (and Qt C++ OpenGL ES). WebGPU is not supported on my notebook like Vulkan. WebGL 1.0 and OpenGL 3.3 (and ES) will be actual many decades.