Pixi.js: Chrome 74 w/ GTX 780 . рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп "рдЗрд╕ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ WebGL рд╕рдорд░реНрдерд┐рдд рдирд╣реАрдВ рд╣реИ"

рдХреЛ рдирд┐рд░реНрдорд┐рдд 19 рдордИ 2019  ┬╖  43рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: pixijs/pixi.js


рдореИрдВрдиреЗ рддреНрд░реБрдЯрд┐ рдХреЛ рдЧреБрдЧрд▓ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рдХреЗрд╡рд▓ 1 рдкрд░рд┐рдгрд╛рдо рдХреЗ рд╕рд╛рде рдЖрддрд╛ рд╣реИ рдЬреЛ рдПрдХ рдЪреАрдиреА рд╡реЗрдмрд╕рд╛рдЗрдЯ рд╣реИ рдЬреЛ рдПрдХ рдореГрдд рд▓рд┐рдВрдХ рд╣реИред

рдЕрдкреЗрдХреНрд╖рд┐рддреН рд╡реНрдпрд╡рд╣рд╛рд░

Pixi.js рд╡реЗрдмрдкреИрдХ рдХреЗ рд╕рд╛рде рддреНрд░реБрдЯрд┐рдпреЛрдВ рдХреЗ рдмрд┐рдирд╛ рд▓реЛрдб рдФрд░ рдЪрд▓рддрд╛ рд╣реИред рдпрд╣ рдареАрдХ рд╕реЗ рдЪрд▓рддрд╛ рд╣реИ рдЬрдм рдореИрдВ рдЗрд╕реЗ рдмрдВрдбрд▓ рдХрд░рддрд╛ рдерд╛ рддреЛ рдмреНрд░рд╛рдЙрдЬрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рдерд╛ред

рд╡рд░реНрддрдорд╛рди рд╡реНрдпрд╡рд╣рд╛рд░

Uncaught Error: WebGL unsupported in this browser, use "pixi.js-legacy" for fallback canvas2d support.
image

рд╕рдВрднрд╛рд╡рд┐рдд рд╕реНрдерд┐рддрд┐

рдореИрдВ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдкрд╛рд░рд┐рд╕реНрдерд┐рддрд┐рдХреА рддрдВрддреНрд░ рдореЗрдВ рдмрд╣реБрдд рдЕрдиреБрднрд╡реА рдирд╣реАрдВ рд╣реВрдВ, рдЗрд╕рд▓рд┐рдП рдпрд╣ рд╡реЗрдмрдкреИрдХ 4 рдХреА рдЦрд░рд╛рдм рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдХреЗ рдХрд╛рд░рдг рд╣реЛ рд╕рдХрддрд╛ рд╣реИ, рдХрд┐рд╕реА рднреА рдорджрдж рдХреА рдмрд╣реБрдд рд╕рд░рд╛рд╣рдирд╛ рдХреА рдЬрд╛рдПрдЧреА!

рдкрд░реНрдпрд╛рд╡рд░рдг

рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ 3.4.5, рдкрд┐рдХреНрд╕реА.рдЬреЗрдПрд╕ 5.0.2, рд╡реЗрдмрдкреИрдХ 4.31.0

Webpack.config.js, рдХреНрд▓рд╛рдЗрдВрдЯ рдЕрдиреБрднрд╛рдЧ рдХреЛрдб рдХрд╛ рд╡рд╣ рднрд╛рдЧ рд╣реИ рдЬреЛ pixi.js рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ

/// <binding BeforeBuild='Run - Development' />
const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');
var pixiModule = path.join(__dirname, '/node_modules/pixi.js/')
const CleanWebpackPlugin = require('clean-webpack-plugin');


module.exports = [
    // Server
    {
        mode: "development",
        devtool: "inline-source-map",
        entry: "./app.ts",
        output: {
            filename: "./app.js"
        },
        target: 'node',
        node: {
            __dirname: false,
            __filename: false,
        },
        resolve: {
            // Add `.ts` and `.tsx` as a resolvable extension.
            extensions: [".ts", ".tsx", ".js"]
        },
        module: {
            rules: [
                // all files with a `.ts` or `.tsx` extension will be handled by `ts-loader`
                { test: /\.tsx?$/, loader: "ts-loader" }
            ]
        },
        plugins: [
            new CleanWebpackPlugin()
        ]
    },

    // Client
    {
        mode: "development",
        devtool: "inline-source-map",
        entry: "./public/typescripts/entry.ts",
        output: {
            library: "ASC",
            filename: "public/client.js"
        },
        target: 'web',
        resolve: {
            // Add `.ts` and `.tsx` as a resolvable extension.
            alias: {
                'PIXI': pixiModule,
            },
            extensions: [".ts", ".tsx", ".js"]
        },
        module: {
            rules: [
                // all files with a `.ts` or `.tsx` extension will be handled by `ts-loader`
                { test: /\.tsx?$/, loader: "ts-loader" },
                { test: /\.json$/, include: path.join(__dirname, 'node_modules', 'pixi.js'), loader: 'json-loader' },
                //We expose the non minified pixi file as a global. The minified one was not working with our solution
                { test: pixiModule, loader: 'expose-loader?pixi' }
            ]
        },
        plugins: [
            new HtmlWebpackPlugin({
                filename: 'public/index.html',
                template: 'public/index.html',
                inject: false
            }),
            new HtmlWebpackPlugin({
                filename: 'public/game.html',
                template: 'public/game.html',
                inject: false
            })
        ]
    }
];
  • pixi.js рд╕рдВрд╕реНрдХрд░рдг : 5.0.2
  • рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдФрд░ рд╕рдВрд╕реНрдХрд░рдг : рдХреНрд░реЛрдо 74.0.3729.157
  • рдУрдПрд╕ рдФрд░ рд╕рдВрд╕реНрдХрд░рдг : _e.g. рд╡рд┐рдВрдбреЛрдЬ 10

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рд╣рд╛рд░реНрдбрд╡реЗрдпрд░ рддреНрд╡рд░рдг рдХреЛ рд╕рдХреНрд╖рдо рдХрд░рдирд╛ рдореЗрд░реЗ рд▓рд┐рдП рдпрд╣ рдХрд┐рдпрд╛ред

рдХреНрд░реЛрдо -> рд╕реЗрдЯрд┐рдВрдЧреНрд╕ (тМШ,) -> рдЙрдиреНрдирдд -> рд╕рд┐рд╕реНрдЯрдо -> рд╕рдХреНрд╖рдо рдХрд░реЗрдВ 1

рд╕рднреА 43 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдпрджрд┐ рд╡реЗрдмрдЬреАрдПрд▓ рдЗрд╕ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рд╕рдорд░реНрдерд┐рдд рдирд╣реАрдВ рд╣реИ, рддреЛ рдлреЙрд▓рдмреИрдХ рдХреИрдирд╡рд╛рд╕2рдбреА рд╕рдорд░реНрдерди рдХреЗ рд▓рд┐рдП pixi.js-legacy рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВред

рдПрдирдкреАрдПрдо рдореЗрдВ рд╡рд╣ рдЕрд▓рдЧ рдмрдВрдбрд▓ рд╣реИред рдЖрдкрдХрд╛ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди pixi.js рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ

рдпрджрд┐ рдЗрд╕ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ WebGL рд╕рдорд░реНрдерд┐рдд рдирд╣реАрдВ рд╣реИ, рддреЛ pixi.js-legacy рдХрд╛ рдЙрдкрдпреЛрдЧ рдлрд╝реЙрд▓рдмреИрдХ рдХреИрдирд╡рд╛рд╕2d рд╕рдорд░реНрдерди рдХреЗ рд▓рд┐рдП рдХрд░реЗрдВред

рдПрдирдкреАрдПрдо рдореЗрдВ рд╡рд╣ рдЕрд▓рдЧ рдмрдВрдбрд▓ рд╣реИред рдЖрдкрдХрд╛ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди pixi.js рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ

рд▓реЗрдХрд┐рди рдореИрдВ рдЬрд┐рд╕ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рд╡рд╣ рд╕реНрдкрд╖реНрдЯ рд░реВрдк рд╕реЗ WebGL рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ
image
image

рдХреНрдпрд╛ https://pixijs.io/examples/ рдкрд░ v5 рдЙрджрд╛рд╣рд░рдг рдЖрдкрдХреЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддреЗ рд╣реИрдВ? рдЖрдкрдиреЗ рдЬреЛ рдкреГрд╖реНрда рджрд┐рдЦрд╛рдпрд╛ рд╣реИ рд╡рд╣ рдореВрд▓ рд╡реЗрдмрд▓реЙрдЧ рд╣реИ, рд╣рд╛рдВ рдпрд╛ рдирд╣реАрдВред рд▓реЗрдХрд┐рди рдЬрдм рд╣рдо рдПрдХ рд╡реЗрдмрд▓реЙрдЧ рд╕рдВрджрд░реНрдн рдмрдирд╛рддреЗ рд╣реИрдВ, рддреЛ рд╣рдо рдХреБрдЫ рдЕрддрд┐рд░рд┐рдХреНрдд рдорд╛рдкрджрдВрдбреЛрдВ рдХреЗ рд╕рд╛рде рдЕрдиреБрд░реЛрдз рдХрд░рддреЗ рд╣реИрдВ рдЬреИрд╕реЗ рдХрд┐ рд╕реНрдЯреИрдВрд╕рд┐рд▓ рд╕рдорд░реНрдерди рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИред

рд╡реИрд╕реЗ рднреА, рдпрд╣реА рддреНрд░реБрдЯрд┐ рд╣реИ, рдФрд░ рдпрд╣реА рдХрд╛рд░рдг рд╣реИ рдХрд┐ рд╣рдорд╛рд░реА рдорджрдж рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рдиреЗ рдХрд╛ рдХреЛрдг рд╣реИред рд╣рдордиреЗ рдХрднреА рдирд╣реАрдВ рджреЗрдЦрд╛ рдХрд┐ рдбрд┐рд╡рд╛рдЗрд╕ рдХреЗ рдмрд╛рд╣рд░ рддреНрд░реБрдЯрд┐ webgl рдХрд╛ рд╕рдорд░реНрдерди рдирд╣реАрдВ рдХрд░ рд░рд╣реА рд╣реИ рдпрд╛ webgl рдкреИрд░рд╛рдореАрдЯрд░ pixijs рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ

рдХреНрдпрд╛ https://pixijs.io/examples/ рдкрд░ v5 рдЙрджрд╛рд╣рд░рдг рдЖрдкрдХреЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддреЗ рд╣реИрдВ? рдЖрдкрдиреЗ рдЬреЛ рдкреГрд╖реНрда рджрд┐рдЦрд╛рдпрд╛ рд╣реИ рд╡рд╣ рдореВрд▓ рд╡реЗрдмрд▓реЙрдЧ рд╣реИ, рд╣рд╛рдВ рдпрд╛ рдирд╣реАрдВред рд▓реЗрдХрд┐рди рдЬрдм рд╣рдо рдПрдХ рд╡реЗрдмрд▓реЙрдЧ рд╕рдВрджрд░реНрдн рдмрдирд╛рддреЗ рд╣реИрдВ, рддреЛ рд╣рдо рдХреБрдЫ рдЕрддрд┐рд░рд┐рдХреНрдд рдорд╛рдкрджрдВрдбреЛрдВ рдХреЗ рд╕рд╛рде рдЕрдиреБрд░реЛрдз рдХрд░рддреЗ рд╣реИрдВ рдЬреИрд╕реЗ рдХрд┐ рд╕реНрдЯреИрдВрд╕рд┐рд▓ рд╕рдорд░реНрдерди рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИред

рд╡реИрд╕реЗ рднреА, рдпрд╣реА рддреНрд░реБрдЯрд┐ рд╣реИ, рдФрд░ рдпрд╣реА рдХрд╛рд░рдг рд╣реИ рдХрд┐ рд╣рдорд╛рд░реА рдорджрдж рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рдиреЗ рдХрд╛ рдХреЛрдг рд╣реИред рд╣рдордиреЗ рдХрднреА рдирд╣реАрдВ рджреЗрдЦрд╛ рдХрд┐ рдбрд┐рд╡рд╛рдЗрд╕ рдХреЗ рдмрд╛рд╣рд░ рддреНрд░реБрдЯрд┐ webgl рдХрд╛ рд╕рдорд░реНрдерди рдирд╣реАрдВ рдХрд░ рд░рд╣реА рд╣реИ рдпрд╛ webgl рдкреИрд░рд╛рдореАрдЯрд░ pixijs рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ

рд╡реЗ рдЙрджрд╛рд╣рд░рдг рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддреЗ (v4 рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди v5 рдирд╣реАрдВ) рдФрд░ рд╡рд╣реА рддреНрд░реБрдЯрд┐ рднреА рджреЗрддреЗ рд╣реИрдВред рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЕрдЬреАрдм рд▓рдЧрддрд╛ рд╣реИ, рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдореЗрд░рд╛ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдЗрд╕рдХрд╛ рд╕рдорд░реНрдерди рдХреНрдпреЛрдВ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред

рдореИрдВрдиреЗ рдЕрдкрдиреЗ рдХрд╛рдо рдХрд░ рд░рд╣реЗ pixi.js рдРрдк рдХреА рднреА рдЬрд╛рдБрдЪ рдХреА рдФрд░ рдпрд╣ 5.0.0-rc.2 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реИ, рдпрд╣реА рд╡рдЬрд╣ рд╣реИ рдХрд┐ рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ?

рдорджрдж рдХреЗ рд▓рд┐рдП рдПрдХ рдмрд╛рд░ рдлрд┐рд░ рд╕реЗ рдзрдиреНрдпрд╡рд╛рдж

v4 рдХрд╛рдо рдХрд░реЗрдЧрд╛ рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рдХреИрдирд╡рд╛рд╕ рд░реЗрдВрдбрд░рд░ рдкрд░ рд╡рд╛рдкрд╕ рдЖ рд░рд╣рд╛ рд╣реИред рдЬрдм рддрдХ рдЖрдк рд▓реАрдЧреЗрд╕реА рдкреИрдХреЗрдЬ рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░ рд░рд╣реЗ рд╣реИрдВ рддрдм рддрдХ v5 рдХреЗ рд▓рд┐рдП рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рд░рд┐рд▓реАрдЬ рдореЗрдВ рдирд╣реАрдВ рд╣реИред

рддреЛ рд╢рд╛рдпрдж рдЖрдкрдХрд╛ gfx рдХрд╛рд░реНрдб webgl рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рд╕реНрдЯреИрдВрд╕рд┐рд▓ рд╕рдорд░реНрдерди рдЬреИрд╕рд╛ рдХреБрдЫ рдирд╣реАрдВ рд╣реИ рдЬреЛ рд╣рдореЗрдВ рдорд╛рд╕реНрдХрд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рдЪрд╛рд╣рд┐рдП, рдЗрд╕рд▓рд┐рдП рд╣рдо рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреЛ рдЕрд╕реНрд╡реАрдХрд╛рд░ рдХрд░рддреЗ рд╣реИрдВ?

рдЕрдЧрд░ рдЗрд╕рдХреА рд╕реНрдЯреИрдВрд╕рд┐рд▓ рд╣реИ, рддреЛ рдЕрдкрдиреЗ рдЧреНрд░рд╛рдлрд┐рдХреНрд╕ рдбреНрд░рд╛рдЗрд╡рд░ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВред

рд╣рд╛рд▓рд╛рдБрдХрд┐ рдпрд╣ рдмрд╣реБрдд рдордЬрд╝реЗрджрд╛рд░ рд╣реЛрдЧрд╛ рдЕрдЧрд░ рдпрд╣ рдкрддрд╛ рдЪрд▓реЗ рдХрд┐ рд╡реЗрдмрдкреИрдХ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЪреАрдЬреЛрдВ рдХреЛ рдкреНрд░рднрд╛рд╡рд┐рдд рдХрд░рддрд╛ рд╣реИ :)

рдареАрдХ рд╣реИ рдпрд╣ рдмрд╣реБрдд рдЕрдЬреАрдм рд╣реИ рдореЗрд░рд╛ рдбреЗрд╕реНрдХрдЯреЙрдк (i7 7700k, gtx 780) рдЗрд╕реЗ рдирд╣реАрдВ рдЪрд▓рд╛рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рдореЗрд░реА рд╕рддрд╣ рдХреА рдХрд┐рддрд╛рдм 1, рдореЗрд░реЗ iPhone XS, рдФрд░ рдореЗрд░реЗ рджреЛрд╕реНрддреЛрдВ рдореИрдХрдмреБрдХ рдкреНрд░реЛ 2015 рдкрд░ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рдореЗрд░рд╛ GPU рдереЛрдбрд╝реЗ рдкреБрд░рд╛рдирд╛ рд╣реИ рд▓реЗрдХрд┐рди рдореИрдВрдиреЗ рдХрд┐рдпрд╛ ' рдореБрдЭреЗ рдирд╣реАрдВ рд▓рдЧрддрд╛ рдХрд┐ рдпрд╣ рдореБрджреНрджрд╛ рд╣реЛрдЧрд╛ред

рдЬрдм рддрдХ рдореБрдЭреЗ рдХреБрдЫ рдФрд░ рдкреНрд░рдпрд╛рд╕ рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП, рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдореИрдВ рдХреЗрд╡рд▓ рд╡рд┐рд░рд╛рд╕рдд рдкреИрдХреЗрдЬ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реВрдВрдЧрд╛ рдХреНрдпреЛрдВрдХрд┐ рдореБрдЭреЗ рдЕрдзрд┐рдХрддрдо рд╕рдВрдЧрддрддрд╛ рдЪрд╛рд╣рд┐рдП (рдФрд░ рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХреБрдЫ рдРрд╕рд╛ рд╡рд┐рдХрд╕рд┐рдд рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ рдЬрд┐рд╕реЗ рдореИрдВ рдирд╣реАрдВ рдЪрд▓рд╛ рд╕рдХрддрд╛)

рдЧреНрд░рд╛рдлрд┐рдХреНрд╕ рдбреНрд░рд╛рдЗрд╡рд░, рд╕рдВрд╕реНрдХрд░рдг рдХреЛ рдЖрдЧреЗ рдпрд╛ рдкреАрдЫреЗ рдкреБрдирд░реНрд╕реНрдерд╛рдкрд┐рдд рдХрд░реЗрдВред GPU рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдбреНрд░рд╛рдЗрд╡рд░ рдХрд╛ opengl рд╣рд┐рд╕реНрд╕рд╛ рд╣реИред

рдПрдХ рд╕реЗрдХрдВрдб рд░реБрдХреЛ, рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЧреВрдВрдЧрд╛ рдорд╣рд╕реВрд╕ рдХрд░рддрд╛ рд╣реВрдВ, рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдПрдХ рдХреНрд░реЛрдо рдореБрджреНрджрд╛ рд╣реИ, рдпрд╣ рдорд╛рдЗрдХреНрд░реЛрд╕реЙрдлреНрдЯ рдПрдЬ рдореЗрдВ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ ... рд╣рд╛рд▓рд╛рдВрдХрд┐ рдореИрдВ рдЕрдкрдиреЗ рд▓реИрдкрдЯреЙрдк рдФрд░ рдлреЛрди рджреЛрдиреЛрдВ рдкрд░ рдХреНрд░реЛрдо рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рдерд╛, рдЗрд╕рд▓рд┐рдП рдпрд╣ рдЕрдЬреАрдм рдерд╛ред

рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рдЕрд▓рдЧ-рдЕрд▓рдЧ рд╣рд╛рд░реНрдбрд╡реЗрдпрд░ рдХреЗ рд▓рд┐рдП рдПрдХ рдмреНрд▓реИрдХрд▓рд┐рд╕реНрдЯ рд╣реЛрддреА рд╣реИ... рдХрднреА-рдХрднреА рдпрд╣ рдХреЗрд╡рд▓ webgl рдХреЛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдЕрдХреНрд╖рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╣реЛрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдХрднреА-рдХрднреА рдЬреНрдЮрд╛рдд рд╕рдорд╕реНрдпрд╛ рд╣реЛрдиреЗ рдкрд░ рдХреБрдЫ рд╣рд╛рд░реНрдбрд╡реЗрдпрд░/рдбреНрд░рд╛рдЗрд╡рд░ рд╕рдВрд╕реНрдХрд░рдгреЛрдВ рдкрд░ рдХреБрдЫ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЛ рдмреНрд▓реИрдХрд▓рд┐рд╕реНрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╣реЛрддрд╛ рд╣реИред

рдореИрдВрдиреЗ рдЗрд╕ рдореБрджреНрджреЗ рдХрд╛ рд╢реАрд░реНрд╖рдХ рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рд╣реИ (рд╡реЗрдмрдкреИрдХ + рдкрд┐рдХреНрд╕реАрдЬреЗрдПрд╕ рдореБрджреНрджрд╛ рдирд╣реАрдВ) рдФрд░ "рдареАрдХ рдирд╣реАрдВ рд╣реЛрдЧрд╛" рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рд╣рд╛рд░реНрдбрд╡реЗрдпрд░/рдбреНрд░рд╛рдЗрд╡рд░ рд╕рдорд╕реНрдпрд╛ рд╣реЛрдиреЗ рдХреА рдмрд╣реБрдд рд╕рдВрднрд╛рд╡рдирд╛ рд╣реИред

рдареАрдХ рд╣реИ, рдЗрд╕рд▓рд┐рдП pixi.js-legacy рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдФрд░ рд╕рдм рдХреБрдЫ рдХреЛ pixi.js-legacy рд╕рдВрджрд░реНрдн рдореЗрдВ рдмрджрд▓рдирд╛ рдЕрднреА рднреА рд╡рд╣реА рддреНрд░реБрдЯрд┐ рджреЗрддрд╛ рд╣реИред

рдореИрдВрдиреЗ 5.0.0-rc.2 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЕрдкрдиреЗ рдХрд╛рд░реНрдпрд╢реАрд▓ рд╕рдВрд╕реНрдХрд░рдг рдХреА рдЬрд╛рдБрдЪ рдХреА рдФрд░ рдпрд╣ _does_ webgl2 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ:
image

рд▓реЗрдХрд┐рди 5.0.0-rc.2 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рд╕реЗ рдореБрдЭреЗ рдпрд╣ рддреНрд░реБрдЯрд┐ рдорд┐рд▓рддреА рд╣реИ: рдореЗрд░реЗ рд╡реЗрдмрдкреИрдХ рд╕рдВрд╕реНрдХрд░рдг рдкрд░ "рдЕрдирдХреЙрдЯ рдЯрд╛рдЗрдк рдПрд░рд░: рдЕрдкрд░рд┐рднрд╛рд╖рд┐рдд рдХреА рд╕рдВрдкрддреНрддрд┐ 'performMixins' рдирд╣реАрдВ рдкрдврд╝ рд╕рдХрддрд╛"ред
image

рдХрд┐рд╕реА рднреА рдорджрдж рдХреЛ рд╕рд░рд╛рд╣рд╛ рдЬрд╛рдПрдЧрд╛, рдзрдиреНрдпрд╡рд╛рдж!

рдХреГрдкрдпрд╛ 5.0.0-rc.2 рдХрд╛ рдЙрдкрдпреЛрдЧ рди рдХрд░реЗрдВред рдирд╡реАрдирддрдо рд░рд┐рд▓реАрдЬрд╝ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ: 5.0.3

рдореИрдВрдиреЗ рдЕрднреА 5.0.3 рдХреА рдХреЛрд╢рд┐рд╢ рдХреА, "рдЕрдирдХреЙрдЯ рдПрд░рд░: рд╡реЗрдмрдЬреАрдПрд▓ рдЗрд╕ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рдЕрд╕рдорд░реНрдерд┐рдд рд╣реИ, рдлреЙрд▓рдмреИрдХ рдХреИрдирд╡рд╛рд╕ 2 рдбреА рд╕рдкреЛрд░реНрдЯ рдХреЗ рд▓рд┐рдП" рдкрд┐рдХреНрд╕реА.рдЬреЗрдПрд╕-рд▓реЗрдЧреЗрд╕реА "рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВред" рдкрд╣рд▓реЗ рдЬреИрд╕рд╛ред рдореЗрд░реЗ рдкрд╛рд╕ PixiJS 5.0.0-rc.2 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рд╡рд╛рд▓рд╛ рдПрдХ рд░рдирд┐рдВрдЧ рд╕рдВрд╕реНрдХрд░рдг рд╣реИ рдЬреЛ рдХрд╣рддрд╛ рд╣реИ рдХрд┐ рдпрд╣ WebGl 2 рдХреЗ рд╕рд╛рде рдЪрд▓ рд░рд╣рд╛ рд╣реИ, рдХреНрдпрд╛ 5.0.1+ рдореЗрдВ рдХреБрдЫ рдирдИ рд╕реБрд╡рд┐рдзрд╛рдПрдБ рдЬреЛрдбрд╝реА рдЧрдИ рд╣реИрдВ рдЬреЛ рдЗрд╕реЗ рдХрд╛рдо рдирд╣реАрдВ рдХрд░реЗрдВрдЧреА?

рдереЛрдбрд╝рд╛ рдФрд░ рдкрд░реАрдХреНрд╖рдг рдХрд░рдиреЗ рд╕реЗ рдХреБрдЫ рд╕рдВрднрд╛рд╡рд┐рдд рдЕрдЬреАрдмрддрд╛ рджрд┐рдЦрд╛рдИ рджреЗрддреА рд╣реИ

  1. рдХрдЧрд╛рд░ рдкрд░
    V5 рдЙрджрд╛рд╣рд░рдг рдЪрд▓рддреЗ рд╣реИрдВ рд▓реЗрдХрд┐рди _WebGL 1 рдХреЗ рд╕рд╛рде?_
    image
    V4 рдЙрджрд╛рд╣рд░рдг _WebGL 1 рдХреЗ рд╕рд╛рде рдлрд┐рд░ рд╕реЗ рдЪрд▓рддреЗ рд╣реИрдВ_
    image
    рдорд╛рдИ рд╡рд░реНрдХрд┐рдВрдЧ рдЧреЗрдо (https://ascension.azurewebsites.net/game.html) Pixi.js 5.0.0-rc.2 рдЪрд▓рд╛рддрд╛ рд╣реИ _Webgl 1_ рдХреЗ рд╕рд╛рде рдЪрд▓рддрд╛ рд╣реИ
    image
    рдореЗрд░рд╛ рд╡реЗрдмрдкреИрдХ рдЧреЗрдо Pixi.js 5.0.3 рдХреЗ рд╕рд╛рде рд▓реЛрдб рд╣реЛрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдареАрдХ рд╕реЗ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛
    image
  2. рдХреНрд░реЛрдо рдкрд░
    V5 рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛
    image
    V4 рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рд▓реЗрдХрд┐рди _canvas_ рдХреЗ рд╕рд╛рде
    image
    рдореЗрд░рд╛ рд╡рд░реНрдХрд┐рдВрдЧ рдЧреЗрдо _webgl 2_ рдХреЗ рд╕рд╛рде 5.0.0-rc.2 рдХреЗ рд╕рд╛рде рдЪрд▓рддрд╛ рд╣реИ
    image
    рдореЗрд░реЗ рд╡реЗрдмрдкреИрдХ рдЧреЗрдо рдореЗрдВ рддреНрд░реБрдЯрд┐ рд╣реИ рдЬреИрд╕рд╛ рдХрд┐ рдкреЛрд╕реНрдЯ рдореЗрдВ 5.0.3 . рдХреЗ рд╕рд╛рде рд╕рдордЭрд╛рдпрд╛ рдЧрдпрд╛ рд╣реИ
    image

рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдирд╣реАрдВ рд╣реИ рдХрд┐ рдпрд╣ рдмрд┐рд▓реНрдХреБрд▓ рдорджрдж рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдЕрдЬреАрдм рд▓рдЧрддрд╛ рд╣реИ

рдореИрдВ рднрд╡рд┐рд╖реНрдпрд╡рд╛рдгреА рдХрд░рддрд╛ рд╣реВрдВ рдХрд┐ рдПрдХрдорд╛рддреНрд░ рдЕрдЪреНрдЫрд╛ рддрд░реАрдХрд╛ рдПрдХ рдРрд╕рд╛ рдлрд╝рдВрдХреНрд╢рди рдмрдирд╛рдирд╛ рд╣реИ рдЬреЛ рд╕рдВрджрд░реНрдн рдХреЛ рдЙрд╕реА рддрд░рд╣ рдмрдирд╛рддрд╛ рд╣реИ рдЬреИрд╕реЗ рдкрд┐рдХреНрд╕реА рдХрд░рддрд╛ рд╣реИ (" рд╕реНрдЯреИрдВрд╕рд┐рд▓: рд╕рддреНрдп " рдХреЗ рд▓рд┐рдП рдкреВрдЫрддрд╛ рд╣реИ рдФрд░ рдЗрд╕реЗ рдкрд┐рдХреНрд╕реА рдХреЗ рдмрд┐рдирд╛ рдкрд░реАрдХреНрд╖рдг рдХрд░рддрд╛ рд╣реИ, рдХреЗрд╡рд▓ рдПрдХ рд╕рд╛рджрд╛ рдПрдЪрдЯреАрдПрдордПрд▓ + рдЬреЗрдПрд╕ред

рдлрд┐рд░ рдЖрдк рдХреНрд░реЛрдорд┐рдпрдо рдмрдЧрдЯреНрд░реИрдХрд░ рдореЗрдВ рдХреНрд░реЛрдорд┐рдпрдо рджреЗрд╡реЛрдВ рдХреЛ рдЪрд╢реНрдорд╛ рдФрд░ рдбреЗрдореЛ рдХреЗ рд╕рд╛рде рдЕрдкрдиреА рд░рд┐рдкреЛрд░реНрдЯ рджреЗ рд╕рдХрддреЗ рд╣реИрдВред

рдореИрдВ рд╕рдордЭрддрд╛ рд╣реВрдВ рдХрд┐ рдпрд╣ рдмрд╣реБрдд рд▓рдВрдмрд╛ рд░рд╛рд╕реНрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди, рдореЛрдЬрд╝рд┐рд▓рд╛ рдХреА рддреБрд▓рдирд╛ рдореЗрдВ, рд╡реЗ рддреЗрдЬрд╝ рд╣реИрдВ рдФрд░ рдПрдХ рдЖрд╢рд╛ рд╣реИ :)

рдореИрдВ рдлрд┐рд░ рд╕реЗ рдкреВрдЫрддрд╛ рд╣реВрдВ: рдХреНрдпрд╛ рдЖрдкрдиреЗ рдбреНрд░рд╛рдЗрд╡рд░ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛?

рдореИрдВ рднрд╡рд┐рд╖реНрдпрд╡рд╛рдгреА рдХрд░рддрд╛ рд╣реВрдВ рдХрд┐ рдПрдХрдорд╛рддреНрд░ рдЕрдЪреНрдЫрд╛ рддрд░реАрдХрд╛ рдПрдХ рдРрд╕рд╛ рдлрд╝рдВрдХреНрд╢рди рдмрдирд╛рдирд╛ рд╣реИ рдЬреЛ рд╕рдВрджрд░реНрдн рдХреЛ рдЙрд╕реА рддрд░рд╣ рдмрдирд╛рддрд╛ рд╣реИ рдЬреИрд╕реЗ рдкрд┐рдХреНрд╕реА рдХрд░рддрд╛ рд╣реИ (" рд╕реНрдЯреИрдВрд╕рд┐рд▓: рд╕рддреНрдп " рдХреЗ рд▓рд┐рдП рдкреВрдЫрддрд╛ рд╣реИ рдФрд░ рдЗрд╕реЗ рдкрд┐рдХреНрд╕реА рдХреЗ рдмрд┐рдирд╛ рдкрд░реАрдХреНрд╖рдг рдХрд░рддрд╛ рд╣реИ, рдХреЗрд╡рд▓ рдПрдХ рд╕рд╛рджрд╛ рдПрдЪрдЯреАрдПрдордПрд▓ + рдЬреЗрдПрд╕ред

рдлрд┐рд░ рдЖрдк рдХреНрд░реЛрдорд┐рдпрдо рдмрдЧрдЯреНрд░реИрдХрд░ рдореЗрдВ рдХреНрд░реЛрдорд┐рдпрдо рджреЗрд╡реЛрдВ рдХреЛ рдЪрд╢реНрдорд╛ рдФрд░ рдбреЗрдореЛ рдХреЗ рд╕рд╛рде рдЕрдкрдиреА рд░рд┐рдкреЛрд░реНрдЯ рджреЗ рд╕рдХрддреЗ рд╣реИрдВред

рдореИрдВ рд╕рдордЭрддрд╛ рд╣реВрдВ рдХрд┐ рдпрд╣ рдмрд╣реБрдд рд▓рдВрдмрд╛ рд░рд╛рд╕реНрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди, рдореЛрдЬрд╝рд┐рд▓рд╛ рдХреА рддреБрд▓рдирд╛ рдореЗрдВ, рд╡реЗ рддреЗрдЬрд╝ рд╣реИрдВ рдФрд░ рдПрдХ рдЖрд╢рд╛ рд╣реИ :)

рдореИрдВ рдлрд┐рд░ рд╕реЗ рдкреВрдЫрддрд╛ рд╣реВрдВ: рдХреНрдпрд╛ рдЖрдкрдиреЗ рдбреНрд░рд╛рдЗрд╡рд░ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛?

рд╣рд╛рдБ, рдореИрдВрдиреЗ рдЕрдкрдиреЗ рдбреНрд░рд╛рдЗрд╡рд░реЛрдВ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛, рдореИрдВрдиреЗ рдХреНрд░реЛрдо рдореЗрдВ рд╡реЗрдмрдЬреАрдПрд▓ 2.0 рдХрдВрдкреНрдпреВрдЯ рдХреЛ рднреА рдЪрд╛рд▓реВ рдХрд┐рдпрд╛

рддреЛ рдЖрдкрдХреЛ рд╕рдВрджреЗрд╣ рд╣реИ рдХрд┐ рдпрд╣ рдХреНрд░реЛрдо рдХреЗ рдЕрдВрдд рдореЗрдВ рдПрдХ рдореБрджреНрджрд╛ рд╣реИ? рдореИрдВ рдЖрдкрдХреЗ рд╕реБрдЭрд╛рд╡ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░реВрдВрдЧрд╛ рдФрд░ рджреЗрдЦреВрдВрдЧрд╛ рдХрд┐ рдХреНрдпрд╛ рд╣реЛрддрд╛ рд╣реИред

рд╕рдВрдпреЛрдЧ рд╕реЗ gtx 780 рдФрд░ 780ti рдореЗрдВ "рдирд┐рдпрд░ рдСрдЯреЛрдореЗрдЯрд╛" рдЧреЗрдо рдЦреЗрд▓рддреЗ рд╕рдордп рдХреНрд░реИрд╢ рд╣реЛрдиреЗ рдХреА рд╕рдорд╕реНрдпрд╛ рдереА, рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдЗрд╕ рдХрд╛рд░реНрдб рдХреЗ рдбреНрд░рд╛рдЗрд╡рд░ рдХрд┐рд╕реА рддрд░рд╣ рд╕реЗ рдЯреВрдЯ рдЧрдП рд╣реЛрдВред

рдареАрдХ рд╣реИ рдореИрдВрдиреЗ рдпрд╣ рддреНрд╡рд░рд┐рдд рдкрд░реАрдХреНрд╖рдг рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рд▓рд┐рдЦрд╛ рд╣реИ:

    var canvas = document.createElement("canvas");
    // Get WebGLRenderingContext from canvas element.
    console.log("Context (no args):");
    var a = canvas.getContext("webgl");
    console.dirxml(a.getContextAttributes());
    console.log("Context (stencil):" );
    var b = canvas.getContext("webgl",{ stencil: true});
    console.dirxml( b.getContextAttributes());
    console.log("Context (failIfMajorPerformanceCaveat):" );
    var c = canvas.getContext("webgl",{ failIfMajorPerformanceCaveat: true});
    console.dirxml( c.getContextAttributes());
    console.log("Context (Both):" );
    var d = canvas.getContext("webgl",{ stencil: true, failIfMajorPerformanceCaveat: true });
    console.dirxml( d.getContextAttributes());
    console.log("Context (Alias):" );
    var e = canvas.getContext("webgl",{ antialias: false});
    console.dirxml( e.getContextAttributes());

рдФрд░ рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдХреЛрдИ рдлрд░реНрдХ рдирд╣реАрдВ рдкрдбрд╝рддрд╛ рдХрд┐ рдореИрдВ рдХреНрдпрд╛ рдХреЛрд╢рд┐рд╢ рдХрд░рддрд╛ рд╣реВрдВ, рдореБрдЭреЗ рд╕рдЪ рд╣реЛрдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрдЯреИрдВрд╕рд┐рд▓ рдирд╣реАрдВ рдорд┐рд▓ рд╕рдХрддрд╛ рд╣реИред рдореИрдВрдиреЗ рдЕрдкрдиреЗ рдкреАрд╕реА рдФрд░ рд▓реИрдкрдЯреЙрдк рджреЛрдиреЛрдВ рдкрд░ рдпрд╣ рдХреЛрд╢рд┐рд╢ рдХреА (рд▓реИрдкрдЯреЙрдк v5 рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ)ред рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдЗрд╕ рд╕рдордп рдХреНрдпрд╛ рдХрд░рдирд╛ рд╣реИред

рдкрд┐рдХреНрд╕реА рдХреЛ рд╣реИрдХ рдХрд░реЗрдВ рдЬреЛ рдЗрд╕реЗ рдЕрдХреНрд╖рдо рдХрд░рддрд╛ рд╣реИ, рд╕реНрдЯреИрдВрд╕рд┐рд▓ рдЕрдЯреИрдЪрдореЗрдВрдЯ рдХреЛ рд╣рдЯрд╛ рджреЗрдВ рдЬреЛ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ рд░реЗрдВрдбрд░рдЯреЗрдХреНрдЪрд░ рдлреНрд░реЗрдордмрдлрд░ рдХреЗ рд▓рд┐рдП рдмрдирд╛рдпрд╛ рдЧрдпрд╛ рд╣реИ рдФрд░ рдорд╛рд╕реНрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рди рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВ;)

рд╡реИрдХрд▓реНрдкрд┐рдХ рд░реВрдк рд╕реЗ, рджреВрд╕рд░реА рддрд░рдл рдЬрд╛рдПрдВ, рдкреБрд░рд╛рдиреЗ рдбреНрд░рд╛рдЗрд╡рд░реЛрдВ рдХреЛ рдЖрдЬрдорд╛рдПрдВ :) рдмреАрдЯреАрдбрдмреНрд▓реНрдпреВ рд▓рд┐рдирдХреНрд╕ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЛ рдЕрдХреНрд╕рд░ рдЗрд╕ рддрд░рд╣ рдХреА рд╕рдорд╕реНрдпрд╛рдПрдВ рд╣реЛрддреА рд╣реИрдВ

рдареАрдХ рд╣реИ, рдореИрдВ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдмрдВрдж рдХрд░ рд░рд╣рд╛ рд╣реВрдБред рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ Pixi.js рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ (рд╡реЗрдмрдЧреНрд▓ 2) рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдареАрдХ рд╕реЗ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдЕрднреА рдХреЗ рд▓рд┐рдП рдореИрдВ рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реВрдВрдЧрд╛ред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдбреНрд░рд╛рдЗрд╡рд░реЛрдВ + рдХреНрд░реЛрдо рдХрд╛ рдПрдХ _specific_ рд╕рдВрдпреЛрдЬрди рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдЬрд┐рд╕рд╕реЗ рдпрд╣ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИред рдореИрдВрдиреЗ рдкреБрд░рд╛рдиреА рдореИрдХ рдХрд┐рддрд╛рдмреЛрдВ, рдкреБрд░рд╛рдиреА рд╡рд┐рдВрдбреЛрдЬрд╝ 7 рдорд╢реАрдиреЛрдВ рдФрд░ рдореЗрд░реЗ рд╡рд┐рдВрдбреЛрдЬрд╝ 10 рд▓реИрдкрдЯреЙрдк рд╕реЗ тАЛтАЛрд▓реЗрдХрд░ рдорд╢реАрдиреЛрдВ рдкрд░ рдХрдИ рдЙрджрд╛рд╣рд░рдгреЛрдВ v5 рдкрд░ рдХреЛрд╢рд┐рд╢ рдХреА рд╣реИред рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдореЗрд░рд╛ рдкреАрд╕реА рдХреБрдЫ рдЕрдЬреАрдм рд╣реИ, рдЕрдЧрд░ рд▓реЛрдЧ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕, рдХреНрд░реЛрдо рдФрд░ рдПрдЬ рдХреЗ рд╕рд╛рде рдЪрд▓рд╛рддреЗ рд╣реИрдВ, рддреЛ рдпрд╣ рдЗрд╕ рдЯрд┐рдХрдЯ рдХреЛ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓рдиреЗ рд▓рд╛рдпрдХ рд╣реЛ рд╕рдХрддрд╛ рд╣реИред

рдЖрдкрдХреА рдЗрддрдиреА рдорджрдж рдХреЗ рд▓рд┐рдП рдЖрдкрдХрд╛ рдзрдиреНрдпрд╡рд╛рдж рджреЛрд╕реНрддреЛрдВ!

рдареАрдХ рд╣реИ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓рдирд╛ рдирд╣реАрдВред рдпрд╣ 100% рдореЗрд░рд╛ рдХреНрд░реЛрдо рдЗрдВрд╕реНрдЯрд╛рд▓ рдерд╛, рдХрд┐рд╕реА рддрд░рд╣ рдЗрд╕реЗ рдЧрдбрд╝рдмрдбрд╝ рдХрд░ рджрд┐рдпрд╛, рдмреАрдЯрд╛ рдЪреИрдирд▓ рдкрд░ рд╕реНрд╡рд┐рдЪ рдХрд░рдиреЗ рд╕реЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЗрд╕реЗ рдареАрдХ рдХрд░ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред
(рдХреНрд░реЛрдо рдХреЗ рд╕рд╛рде рдЦрд┐рд▓рд╡рд╛рдбрд╝ рдХрд░рдиреЗ рд╕реЗ: // рдЭрдВрдбреЗ рдиреЗ рдорджрдж рдирд╣реАрдВ рдХреА, рдФрд░ рд╕рднреА рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдХреЛ рд╣рдЯрд╛рдиреЗ рд╕реЗ рднреА рдХреБрдЫ рдирд╣реАрдВ рд╣реБрдЖ)ред

рдЗрд╕ рдкреНрд░рдХрд╛рд░ рдХреА рд╕рдорд╕реНрдпрд╛ рднрд╡рд┐рд╖реНрдп рдХреЗ рдЙрди рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдЙрдкрдпреЛрдЧреА рд╣реИ рдЬреЛ рд╕рдорд╛рди рд╡рд╛рддрд╛рд╡рд░рдг рдореЗрдВ рд╕рдорд╛рди рд╕рдорд╕реНрдпрд╛ рдХрд╛ рдЕрдиреБрднрд╡ рдХрд░ рд░рд╣реЗ рд╣реЛрдВрдЧреЗред рдЗрддрдирд╛ рд╡рд┐рд╕реНрддрд╛рд░ рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред

рдареАрдХ рд╣реИ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓рдирд╛ рдирд╣реАрдВред рдпрд╣ 100% рдореЗрд░рд╛ рдХреНрд░реЛрдо рдЗрдВрд╕реНрдЯрд╛рд▓ рдерд╛, рдХрд┐рд╕реА рддрд░рд╣ рдЗрд╕реЗ рдЧрдбрд╝рдмрдбрд╝ рдХрд░ рджрд┐рдпрд╛, рдмреАрдЯрд╛ рдЪреИрдирд▓ рдкрд░ рд╕реНрд╡рд┐рдЪ рдХрд░рдиреЗ рд╕реЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЗрд╕реЗ рдареАрдХ рдХрд░ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред
(рдХреНрд░реЛрдо рдХреЗ рд╕рд╛рде рдЦрд┐рд▓рд╡рд╛рдбрд╝ рдХрд░рдиреЗ рд╕реЗ: // рдЭрдВрдбреЗ рдиреЗ рдорджрдж рдирд╣реАрдВ рдХреА, рдФрд░ рд╕рднреА рдПрдХреНрд╕рдЯреЗрдВрд╢рди рдХреЛ рд╣рдЯрд╛рдиреЗ рд╕реЗ рднреА рдХреБрдЫ рдирд╣реАрдВ рд╣реБрдЖ)ред

рдореИрдВ рдкреБрд╖реНрдЯрд┐ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рднреА рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдХреНрд░реЛрдо рдмреАрдЯрд╛ рд╕реНрдерд╛рдкрд┐рдд рдХрд░рдиреЗ рд╕реЗ рдРрдк рдареАрдХ рдЪрд▓рд╛ред рдзрдиреНрдпрд╡рд╛рджред

рдпрд╛рджреГрдЪреНрдЫрд┐рдХ рдЦреЛрдЬ: рдпрд╣ рдХреНрд░реЛрдо рдмреАрдЯрд╛ рдХреА рдЧрд▓рддреА рдирд╣реАрдВ рд╣реИ:

рдХрд┐рд╕реА рдХрд╛рд░рдг рд╕реЗ рдореЗрд░рд╛ рд╣рд╛рд░реНрдбрд╡реЗрдпрд░ рдПрдХреНрд╕реЗрд▓ рдЕрдХреНрд╖рдо рдХрд░ рджрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ред

рд╣рд╛рд░реНрдбрд╡реЗрдпрд░ рддреНрд╡рд░рдг рдХреЛ рд╕рдХреНрд╖рдо рдХрд░рдирд╛ рдореЗрд░реЗ рд▓рд┐рдП рдпрд╣ рдХрд┐рдпрд╛ред

рдХреНрд░реЛрдо -> рд╕реЗрдЯрд┐рдВрдЧреНрд╕ (тМШ,) -> рдЙрдиреНрдирдд -> рд╕рд┐рд╕реНрдЯрдо -> рд╕рдХреНрд╖рдо рдХрд░реЗрдВ 1

@ivanpopelyshev рд╡реЗрдмрдЬреАрдПрд▓ рдореЗрдВ рдорд╛рд╕реНрдХрд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рд╡реИрдХрд▓реНрдкрд┐рдХ рд╡рд┐рдзрд┐ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЗрд╕реЗ рд╣рд▓ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ? рдЗрд╕ рд╕реНрдЯреИрдХ рдУрд╡рд░рдлреНрд▓реЛ рдереНрд░реЗрдб рдкрд░ рд╕реНрдкрд╖реНрдЯреАрдХрд░рдг рдХреЗ рд╕рд╛рде рдХреБрдЫ рдФрд░ рд╡рд┐рдХрд▓реНрдк рд╣реИрдВ

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЕрдЧрд░ рд╣рдо рдЗрд╕реЗ рдореИрдиреНрдпреБрдЕрд▓ рд░реВрдк рд╕реЗ рд╕рдХреНрд╖рдо рдХрд░рддреЗ рд╣реИрдВ рддреЛ рдпрд╣ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреА рдорджрдж рдирд╣реАрдВ рдХрд░реЗрдЧрд╛ред рдиреАрдЪреЗ рджрд┐рдП рдЧрдП рдХреЛрдб рдиреЗ рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд┐рдпрд╛!
import * as PIXI from 'pixi.js-legacy'

рдореИрдВ рдЕрдкрдиреА рд╣рд╛рд░реНрдбрд╡реЗрдпрд░ рдПрдХреНрд╕реЗрд▓реЗрд░реЗрд╢рди рд╕реЗрдЯрд┐рдВрдЧ рдЕрдХреНрд╖рдо рд╣реЛрдиреЗ рдХреЗ рдХрд╛рд░рдг рдХреНрд░реЛрдо рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд╕рд╛рде-рд╕рд╛рде рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдореЗрдВ рднреА рднрд╛рдЧ рдЧрдпрд╛ред рдореИрдВрдиреЗ рдЗрд╕реЗ рдХреБрдЫ рд╕рдордп рдкрд╣рд▓реЗ рдЕрдХреНрд╖рдо рдХрд░ рджрд┐рдпрд╛ рд╣реЛрдЧрд╛ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕реЗ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ рд╕рдХреНрд╖рдо рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред

рд▓реЗрдХрд┐рди рдореИрдВ рдЙрддреНрд╕реБрдХ рд╣реВрдВ рдХрд┐ рдкрд┐рдХреНрд╕реА рдЗрд╕ рдорд╛рдорд▓реЗ рдореЗрдВ рд▓реЛрдб рдХрд░рдиреЗ рдореЗрдВ рд╡рд┐рдлрд▓ рдХреНрдпреЛрдВ рд╣реИ, рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕реЗ рдПрдЪрдЯреАрдПрдордПрд▓ 5 рдХреИрдирд╡рд╛рд╕ рдкрд░ рд╡рд╛рдкрд╕ рдирд╣реАрдВ рдЖрдирд╛ рдЪрд╛рд╣рд┐рдП?

image

@immanuelx2 рдЬрд┐рд╕ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдХрд╛ рдЖрдкрдиреЗ рд╕реНрдХреНрд░реАрдирд╢реЙрдЯ рдкреЛрд╕реНрдЯ рдХрд┐рдпрд╛ рд╣реИ рд╡рд╣ рдЕрджреНрдпрддрд┐рдд рдирд╣реАрдВ рд╣реИред рдХреИрдирд╡рд╛рд╕ рдлрд╝реЙрд▓рдмреИрдХ рдХреЛ v5.0.0 рд╕реЗ рд▓реАрдЧреЗрд╕реА рд╢рд╛рдЦрд╛ рдореЗрдВ рд▓реЗ рдЬрд╛рдпрд╛ рдЧрдпрд╛ - рд░рд┐рд▓реАрдЬрд╝ рдХреА рдШреЛрд╖рдгрд╛ рдпрд╣рд╛рдБ рджреЗрдЦреЗрдВ: https://medium.com/goodboy-digital/pixijs-v5-lands-5e112d84e510

рдпрджрд┐ рдЖрдкрдХреЛ рдЕрднреА рднреА рдХреИрдирд╡рд╛рд╕ рдлрд╝реЙрд▓рдмреИрдХ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ рддреЛ pixi.js-legacy рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ; рдорд╛рд╕реНрдЯрд░ рд╢рд╛рдЦрд╛ рдореЗрдВ рдЕрдм рдХреИрдирд╡рд╛рд╕ рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рдирд╣реАрдВ рд╣реИ, рдпрд╣ рд╡реЗрдмрдЬреАрдПрд▓ "рдХреЗрд╡рд▓" рд╣реИ, рдФрд░ рдЗрд╕рдХреЗ рд▓рд┐рдП рддреЗрдЬрд╝ рд╣реИред

рддреНрд░реБрдЯрд┐ рдорд┐рд▓рдиреЗ рдХреЗ рдмрд╛рдж рдПрдХ рдирдП рдЯреИрдм рдореЗрдВ рдЕрдкрдирд╛ рдЖрд╡реЗрджрди рдЦреЛрд▓рдиреЗ рдкрд░ рдореИрдВ рдЗрд╕ рдореБрджреНрджреЗ рдореЗрдВ рднрд╛рдЧ рдЧрдпрд╛: CONTEXT_LOST_WEBGL

рдХреНрд░реЛрдо рдХреЛ рдмрдВрдж рдХрд░рдирд╛ рдФрд░ рдлрд┐рд░ рдЗрд╕реЗ рдлрд┐рд░ рд╕реЗ рд╢реБрд░реВ рдХрд░рдирд╛ рдореЗрд░реЗ рд▓рд┐рдП рдЗрд╕реЗ рд╣рд▓ рдХрд░ рджрд┐рдпрд╛

рд╕рдВрдкрд╛рджрд┐рдд рдХрд░реЗрдВ:
рдореИрдВрдиреЗ рдЕрдкрдиреЗ рдЙрдкрд░реЛрдХреНрдд рдЪрд░рдгреЛрдВ рдХреЗ рдЕрдиреБрд╕рд╛рд░ рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛ рд╣реИ рд▓реЗрдХрд┐рди рдРрд╕рд╛ рдХрд░рдиреЗ рдореЗрдВ рдЕрд╕рдорд░реНрде рдерд╛

рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛:
рдХреНрд░реЛрдо: 77.0.0.3865.90
рдУрдПрд╕рдПрдХреНрд╕: 10.14.6
рдЧреНрд░рд╛рдлрд┐рдХреНрд╕: рд░рд╛рдбреЗрди рдкреНрд░реЛ рд╡реЗрдЧрд╛ 20 4 рдЬреАрдмреА, рдЗрдВрдЯреЗрд▓ рдпреВрдПрдЪрдбреА рдЧреНрд░рд╛рдлрд┐рдХреНрд╕ 630 1536 рдПрдордмреА

рддреЛ рдореБрдЭреЗ @winterNebs рдЬреИрд╕реА рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реЛ рд░рд╣реА рд╣реИ, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рд▓рд┐рдП, рдХреНрд░реЛрдо рд╕рдВрд╕реНрдХрд░рдг> 5.0.0-rc.2 рдкрд░ рдареАрдХ рд▓рдЧрддрд╛ рд╣реИ рдФрд░ рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рдореБрдЭреЗ рдмрддрд╛ рд░рд╣рд╛ рд╣реИ рдХрд┐ webgl рд╕рдорд░реНрдерд┐рдд рдирд╣реАрдВ рд╣реИ

рдЕрдЧрд░ рдХрд┐рд╕реА рдФрд░ рдХреЛ рдпрд╣ рд╕рдорд╕реНрдпрд╛ рд╣реИред рдореБрдЭреЗ " рд╕реЙрдлрд╝реНрдЯрд╡реЗрдпрд░ рд░реЗрдВрдбрд░рд┐рдВрдЧ рд╕реВрдЪреА рдХреЛ рдУрд╡рд░рд░рд╛рдЗрдб рдХрд░реЗрдВ " chrome://flags . рдлрд╝реНрд▓реИрдЧ рдХреЛ рдореИрдиреНрдпреБрдЕрд▓ рд░реВрдк рд╕реЗ рд╕рдХреНрд╖рдо рдХрд░рдирд╛ рдерд╛

рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛:
рдХреНрд░реЛрдо: 78.0.0.3904.97
рдУрдПрд╕рдПрдХреНрд╕: 10.13.6

рдзрдиреНрдпрд╡рд╛рдж @goodgecko - рд╣рд╛рд▓рд╛рдВрдХрд┐ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреЛ рдЕрднреА рднреА рдлрд┐рдХреНрд╕рд┐рдВрдЧ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ; рдЕрдВрддрд┐рдо-рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЛ рдЗрд╕рдХреЗ рд╕рдорд╛рдзрд╛рди рдХреЗ рд▓рд┐рдП рдЙрд╕ рдЪрд░рдг рдХреЛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд╣рдирд╛ рдЙрдЪрд┐рдд рдпрд╛ рд╡реНрдпрд╡рд╣рд╛рд░реНрдп рдирд╣реАрдВ рд╣реИред рдСрдЯреЛ-рдлрд╝реЙрд▓рдмреИрдХ рд╡рд┐рд╢реНрд╡рд╕рдиреАрдп рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред

рдХреНрд░реЛрдорд┐рдпрдо 79.0.3945.88 рдкрд░ рдЖрдзрд╛рд░рд┐рдд рдмрд╣рд╛рджреБрд░ рдмреНрд░рд╛рдЙрдЬрд╝рд░ 1.1.23 рдореЗрдВ рд▓рд┐рдирдХреНрд╕ рдФрд░ рд╡рд┐рдВрдбреЛрдЬ рджреЛрдиреЛрдВ рдкрд░ рдореБрдЭреЗ рдпрд╣ рд╕рдЯреАрдХ рд╕рдорд╕реНрдпрд╛ рд╣реИ
рджрд┐рд▓рдЪрд╕реНрдк рдмрд╛рдд рдпрд╣ рд╣реИ рдХрд┐ рд╕рдорд╛рди рдХреНрд░реЛрдорд┐рдпрдо рдмрд┐рд▓реНрдб рдкрд░ рдЖрдзрд╛рд░рд┐рдд рд╕рд╛рдорд╛рдиреНрдп рдХреНрд░реЛрдо рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред
рдлрд╛рдпрд░рдлреЙрдХреНрд╕ 71.0 рдмрд┐рдирд╛ рдХрд┐рд╕реА рд╕рдорд╕реНрдпрд╛ рдХреЗ рдареАрдХ рд╣реИред

@goodgecko рдЯрд┐рдк рдиреЗ рдорджрдж рдирд╣реАрдВ рдХреА

рдЕрдкрдиреА Chrome рд╕реЗрдЯрд┐рдВрдЧ рд╣рд╛рд░реНрдбрд╡реЗрдпрд░ рддреНрд╡рд░рдг (рдЙрдиреНрдирдд) рд╕реНрдерд┐рддрд┐ рдЬрд╛рдВрдЪреЗрдВ? рдЬрдм рдореИрдВ рдХреНрд░реЛрдо рдкрд░ рдЗрд╕ рд╡рд┐рдХрд▓реНрдк рдХреЛ рдмрдВрдж рдХрд░рддрд╛ рд╣реВрдВ рддреЛ рд╡рд╣реА рд╕рдорд╕реНрдпрд╛ рджрд┐рдЦрд╛рдИ рджреЗрддреА рд╣реИред
рдХрд╛рд╢ рдпрд╣ рдорджрдж рдХрд░рддрд╛ред

рдЕрдкрдиреА Chrome рд╕реЗрдЯрд┐рдВрдЧ рд╣рд╛рд░реНрдбрд╡реЗрдпрд░ рддреНрд╡рд░рдг (рдЙрдиреНрдирдд) рд╕реНрдерд┐рддрд┐ рдЬрд╛рдВрдЪреЗрдВ? рдЬрдм рдореИрдВ рдХреНрд░реЛрдо рдкрд░ рдЗрд╕ рд╡рд┐рдХрд▓реНрдк рдХреЛ рдмрдВрдж рдХрд░рддрд╛ рд╣реВрдВ рддреЛ рд╡рд╣реА рд╕рдорд╕реНрдпрд╛ рджрд┐рдЦрд╛рдИ рджреЗрддреА рд╣реИред
рдХрд╛рд╢ рдпрд╣ рдорджрдж рдХрд░рддрд╛ред

рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд┐рдпрд╛ред рд╣рд╛рд░реНрдбрд╡реЗрдпрд░ рддреНрд╡рд░рдг рдЪрд╛рд▓реВ рдХрд░рдирд╛ рдкрдбрд╝рд╛

рдореЗрд░реЗ рд▓рд┐рдП рднреА рдЕрдЬреАрдмред https://get.webgl.org/ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИред PIXI v5 рдЙрджрд╛рд╣рд░рдг рдареАрдХ рдХрд╛рдо рдХрд░рддреЗ рд╣реИрдВ, рдпрд╣рд╛рдВ рддрдХ тАЛтАЛрдХрд┐ рдорд╛рд╕реНрдХ рд╡рд╛рд▓рд╛ рднреА

рд▓реЗрдХрд┐рди рдЬрдм рдореИрдВ рдЕрдкрдирд╛ рдЧреЗрдо рдЦреЛрд▓рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░рддрд╛ рд╣реВрдВ рддреЛ рдпрд╣ рдХрд╣рддрд╛ рд╣реИ рдХрд┐ рд╡реЗрдмрдЬреАрдПрд▓ рд╕рдорд░реНрдерд┐рдд рдирд╣реАрдВ рд╣реИред

рдЕрдЧрд░ рдХрд┐рд╕реА рдФрд░ рдХреЛ рдпрд╣ рд╕рдорд╕реНрдпрд╛ рд╣реИред рдореБрдЭреЗ " рд╕реЙрдлрд╝реНрдЯрд╡реЗрдпрд░ рд░реЗрдВрдбрд░рд┐рдВрдЧ рд╕реВрдЪреА рдХреЛ рдУрд╡рд░рд░рд╛рдЗрдб рдХрд░реЗрдВ " chrome://flags . рдлрд╝реНрд▓реИрдЧ рдХреЛ рдореИрдиреНрдпреБрдЕрд▓ рд░реВрдк рд╕реЗ рд╕рдХреНрд╖рдо рдХрд░рдирд╛ рдерд╛

рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛:
рдХреНрд░реЛрдо: 78.0.0.3904.97
рдУрдПрд╕рдПрдХреНрд╕: 10.13.6

рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд┐рдпрд╛, рдзрдиреНрдпрд╡рд╛рдж!

рдХреНрд░реЛрдо рд╕реНрдерд┐рд░ 80.0.+, рдЙрдмрдВрдЯреВ 18.04 рдкрд░ рдУрдкрди рд╕реЛрд░реНрд╕ X.Org X рд╕рд░реНрд╡рд░ рдиреЛрд╡реНрдпреВ рдбреНрд░рд╛рдЗрд╡рд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдкрд░ рдореБрдЭреЗ рдпрд╣реА рд╕рдорд╕реНрдпрд╛ рдереАред рдореИрдВрдиреЗ рд╡реЗрдмрдЬреАрдПрд▓ рдЯреЗрд╕реНрдЯ рдкрд╛рд╕ рдХрд┐рдпрд╛ рдФрд░ рд▓рдЧрд╛ рдХрд┐ рдпрд╣ рдбреНрд░рд╛рдЗрд╡рд░ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП, рдЗрд╕рд▓рд┐рдП рдорд╛рд▓рд┐рдХрд╛рдирд╛ рдПрдХ (рдПрдирд╡реАрдбрд┐рдпрд╛) рд╕реНрдерд╛рдкрд┐рдд рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж, рдЕрдм рд╕рдм рдХреБрдЫ рдареАрдХ рд╣реИред

рдпрд╛рджреГрдЪреНрдЫрд┐рдХ рдЦреЛрдЬ: рдпрд╣ рдХреНрд░реЛрдо рдмреАрдЯрд╛ рдХреА рдЧрд▓рддреА рдирд╣реАрдВ рд╣реИ:

рдХрд┐рд╕реА рдХрд╛рд░рдг рд╕реЗ рдореЗрд░рд╛ рд╣рд╛рд░реНрдбрд╡реЗрдпрд░ рдПрдХреНрд╕реЗрд▓ рдЕрдХреНрд╖рдо рдХрд░ рджрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ред

рдореЗрд░рд╛ рднреА рдпрд╣реА рд╡рд┐рдЪрд╛рд░ рд╣реИред рдореЗрд░реЗ рдкрд╛рд╕ рд╣рд╛рд░реНрдбрд╡реЗрдпрд░ рддреНрд╡рд░рдг рдЕрдХреНрд╖рдо рдерд╛ред рдореИрдВрдиреЗ рдкрд╣рд▓реЗ рдЗрд╕реЗ OBS рдореЗрдВ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рд░рд┐рдХреЙрд░реНрдб рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдХреНрд╖рдо рдХрд░ рджрд┐рдпрд╛ рдерд╛ред

рдХреНрд░реЛрдо 83 рдХреЗ рд╕рд╛рде рдпрд╣рд╛рдБ рднреА рдпрд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ | рдореИрдХреЛрдЬрд╝ 10.13.6 | рдПрдирд╡реАрдбрд┐рдпрд╛ Geforce 210

рдкрд┐рдХреНрд╕реАрдЬреЗрдПрд╕ рдЙрджрд╛рд╣рд░рдг рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рдХреЗ рд╕рд╛рде рдареАрдХ рдХрд╛рдо рдХрд░ рд░рд╣реЗ рд╣реИрдВ:
рдХрдВрд╕реЛрд▓ рдЖрдЙрдЯрдкреБрдЯ

PixiJS 5.3.0 - WebGL 1 - http://www.pixijs.com/

рд▓реЗрдХрд┐рди рдХреНрд░реЛрдо рдХреЗ рд╕рд╛рде, рдХреИрдирд╡рд╛рд╕ рдкрд░ рд╡рд╛рдкрд╕ рдЖ рд░рд╣рд╛ рд╣реИ:
рдЖрдЙрдЯрдкреБрдЯ рдХрдВрд╕реЛрд▓

PixiJS 5.3.0 - Canvas - http://www.pixijs.com/

@ Fxlr8 рдЙрджрд╛рд╣рд░рдг рдХреНрд░реЛрдо рдореЗрдВ рдХреИрдирд╡рд╛рд╕ рдкрд░ рд╡рд╛рдкрд╕ рдЖрдиреЗ рдХреЗ рдХрд╛рд░рдг рдареАрдХ рдХрд╛рдо рдХрд░ рд░рд╣реЗ рд╣реИрдВред рд╡реЗрдм рдХрдВрд╕реЛрд▓ рдЦреЛрд▓реЗрдВ рдФрд░ рдЗрд╕реЗ рдЬрд╛рдВрдЪреЗрдВред

рдЗрд╕рдиреЗ рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд┐рдпрд╛!
image

рдХреНрдпрд╛ рд╣рдо рдЗрд╕ рдзрд╛рдЧреЗ рдХреЛ рдмрдВрдж рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ? рдпрд╣рд╛рдВ рдпреЛрдЧрджрд╛рди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдФрд░ рдХреБрдЫ рдирд╣реАрдВ рд╣реИ, рдореБрджреНрджрд╛ рдЧрддрд┐ рдореЗрдВ рддреЗрдЬреА рд▓рд╛рдиреЗ рдХрд╛ рдерд╛ред

рдпрджрд┐ рдЖрдкрдХреЛ рдЕрднреА рднреА рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рд╣реИ, рддреЛ рдпрд╣ рдПрдХ рдЕрд▓рдЧ рд╕рдорд╕реНрдпрд╛ рд╣реИ рдЗрд╕рд▓рд┐рдП рдЖрдкрдХреЛ рдЗрд╕реЗ рдиреЗрдХреНрд░реЛ рдХрд░рдиреЗ рдХреЗ рдмрдЬрд╛рдп рдПрдХ рдирдпрд╛ рдзрд╛рдЧрд╛ рдЦреЛрд▓рдирд╛ рдЪрд╛рд╣рд┐рдПред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

SebastienFPRousseau picture SebastienFPRousseau  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

YuryKuvetski picture YuryKuvetski  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

lunabunn picture lunabunn  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

st3v0 picture st3v0  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

readygosports picture readygosports  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ