The "Create A Game Tutorial Series" from docs fails to compile

Bugs
,
1

I was following the Create A Game documentation and found that running the game from the repo at GitHub - BabylonJS/SummerFestival: Source code for game tutorial written by capucat with the provided link Game that the game no longer works.

Steps to reproduce:

  1. Visit Hanabi
  2. Press play
  3. Open the browser console and clear the contents.
  4. Watch or skip the intro.
  5. Observe that the next scene stays in the BJS loading screen.
  6. Observe the errors in the console.

I’ve attached the console log for convenience.

capucat.github.io-1672855917986.log.zip (12.8 KB)

2

It looks like it’s a shader that no longer compiles.

3

The demo is using 4.1.0 which has an issue with modern browsers :slight_smile:
image

We will ask the creator to update the babylon version :slight_smile:

4

I think @PolygonalSun had asked previously, did you ever get an answer?

5

I touched base a while back but haven’t heard anything recently.

1 Like
6

Hello!

Copy paste this to your package.config:

{
  "name": "hanabi",
  "version": "1.0.0",
  "description": "3D babylon game",
  "main": "index.js",
  "scripts": {
    "build": "webpack",
    "start": "webpack serve",
    "start:dev": "webpack serve --mode=development"
  },
  "author": "capucat",
  "license": "ISC",
  "dependencies": {
    "@babylonjs/core": "^5.39.0",
    "@babylonjs/gui": "^5.39.0",
    "@babylonjs/inspector": "^5.39.0",
    "@babylonjs/loaders": "^5.39.0",
    "@babylonjs/materials": "^5.39.0",
    "@babylonjs/serializers": "^5.39.0"
  },
  "devDependencies": {
    "@types/react": "^17.0.1",
    "@types/react-dom": "^17.0.0",
    "clean-webpack-plugin": "^4.0.0",
    "html-loader": "^4.2.0",
    "html-webpack-plugin": "^5.5.0",
    "ts-loader": "^9.4.1",
    "typescript": "^4.8.4",
    "webpack": "^5.74.0",
    "webpack-cli": "^4.10.0",
    "webpack-dev-server": "^4.11.1"
  }
}

run npm i and npm run start:dev

image
image1920×1119 45.1 KB

:vulcan_salute:

r.

or clone this repo:

4 Likes
7

Would you please create a pull request from your fork? And maybe link back to this issue? That will help others figure out how to get this running if the game link is never updated.

1 Like
8

PR created…

1 Like
9

Hanabi (babylonjs.github.io)

We have it hosted here -

BabylonJS/SummerFestival: Source code for game tutorial written by capucat (github.com)

4 Likes
10

@RaananW, @PolygonalSun can we check this one ? not if I should simply merge or more ?

11

Sorry, forgot to close the PR. this was updated in a different commit that updated all dependencies to babylon and webpack together.

1 Like