One useful debugging pattern was treating upkeep as an early warning signal instead of a punishment that only appears after combat fails.

In the prototype, the player can dig space, assign useful rooms, recruit monsters, and then face a hero wave. The part worth testing was the relationship between monster choices, room value, happiness, and combat readiness. If the player overbuilds without enough income, happiness drops before the wave, so the next decision becomes readable: stabilize the economy, recruit differently, or accept a weaker defense for one wave.

For a browser or WebGL build, I would instrument three checkpoints before adding more systems:

1. build-state validity: can the room/monster setup be understood before combat?

2. economy pressure: does upkeep explain why the next choice matters?

3. combat readability: can the player connect the wave result back to the previous setup?

That separation made the loop much easier to debug than one combined success/failure screen.

Workflow reference: https://www.seeles.ai/features/create/rpg-creator?utm_source=html5gamedevs&utm_medium=community&utm_campaign=rpg_acq_202607_w2&utm_content=phase28_upkeep_debug_html5_01&utm_id=phase28-html5-upkeep-debug-01

This isn't just "minimalist" or "experimental" - it's a digital dumpster fire fueled by pure, unadulterated laziness. It’s the kind of project that screams, "I spent $20 on a domain and 20 seconds on the logic."

I am a newbie and i want to start building an online casino which will have all user management i.e cash in cashout and update features. 

And many slot games to play with it with a fixed logic. I.e rtp 

Please help me how can i do this project? 

Everyone's help is appreciated !

What is the best framework for my mission?

I'm using Three.js for a 3D game and facing a problem with texture mapping. Textures applied using TextureLoader appear stretched and distorted on models. Checked dimensions, tried different settings, but no luck. Any insights or solutions? Using OBJ/GLTF models, JPEG textures.

And I recently completed splunk certification and I also faced problem in integrating splunk in this game.

Thanks!

// Forward local direction is '+Z'

this.__tempVec.set ( 0.0, 0.0, this.__currentVelZ );

this.__entity.localToWorld ( this.__tempVec );

this.__entity.setLinearVelocity ( this.__tempVec );

Thank you!

~Aerion

I work for a startup called PolyPort that specializes in 3D asset protection. We are solving a $300bn digital asset theft problem by transforming how the creative market protects, collaborates and distributed high-value digital assets. We enable 3D asset creators, VR/AR developers, collaborators, internal and external studios and brands to protect and control their 3D content wherever it travels, for its entire lifecycle.

Our unique and trusted platform provides you with the ability to securely outsource work and leverage the best talent across the globe. PolyPort analytics provide a digital story of where your assets have traveled through their entire lifecycle, as well as the ability to revoke access to those assets in real-time. Most importantly, PolyPort is completely transparent to your existing workflows and processes.

We are currently in Beta, but have received some wonderful feedback; we won two consecutive SXSW awards for privacy & security and we’re thrilled to have NAB invest in our company after winning the NAB Pilot Pitch Contest in NYC this past fall.

It would be great to get some additional feedback:
- Is the security around 3D art an issue in the gaming industry? 
- Is working with external vendors challenging due to security issues?

All feedback in greatly appreciated

I am developing a mobile app for users. And I want to integrate features like Coupon Code Applied Congrats. Someone suggested Javascript and controller/view interaction in this Ruby on Rails, but I am getting confused. I also find it on GitHub and Stackoverflow but didn't get any solutions.

I am using this String but it is not working-

String code = "request code with dialog"
try {
    String url = "https://play.google.com/redeem?code=" + URLEncoder.encode(code, "UTF-8");
    context.startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(url)));
} catch (android.content.ActivityNotFoundException e) {
  // Play Store app is not installed
}

Any suggestions will be highly appreciated.

Version with redundant personal information: I've been making this rendering/animation engine for pixel-art, which I intend to integrate in different projects... It has simple vector animation ui and simple script lang, for converting from vec to pixelated graphics and applying pixel-wise transformations. And now I need to draw these big "pixels" fast. Also the task of creating pixel texture and filling a triangular region with it is at hand. Also custom shaders, programmable from my lang. And that's the end of my ambitions at the moment.. What should I use to GPU this?

I learned a little Pixi.js, but it seems a little high level (?). As I understand it, WebGL is the ultimate low-level answer to GPU questions.. I just need to draw big squares and textures... Creating custom shaders would be awesome too. 

(Is the whole project stupid?) I have this problem (with ego?) of building everything from scratch, no engines etc. And as a result a heap of unfinished projects with years of dev behind them. HELP! One of the first forum questions for me.. have mercy. ?

Let's suppose that we have an HTML5 game that is inside a web page where you can click a button to make it full screen if you want. With either choice, in order to start the game, the users have to click inside the game canvas to give mouse focus to the game. If they don't, then they can move the mouse pointer around, but they are restricted to the edges of the screen, when the mouse pointer stops at the edge, the lookaround inside the game stops as well. When they click inside the canvas of the game, a message shows up from the browser saying "windows.net has control of your pointer. Press Esc to take back control."

The user basically walks around a gallery with paintings on the walls. When the user is in front of a painting, he or she clicks the left mouse button, and a full screen overlay appears with some information, it's something called a "widget". At this point, the game has a command to show the mouse pointer, because some of these overlays have hyperlinks that will open websites in the user's default browser.

The way this is intended to work, and it does perfectly in the game engine (Unreal Engine 4.23) and builds to both macOS and Win64, is that when the user clicks the right mouse button, the full screen overlay closes and the user is back on the game, where he or she can keep walking around and taking a look at other paintings. The problem I have is that when the user left clicks on the painting and this opens the overlay and also shows the mouse pointer, that releases the mouse focus from the game to the system. And in the HTML5 version, when the user closes the overlay, the mouse focus doesn't return to the game, it stays in the system. This is a huge problem for me because I need the focus to go back to the game, because if the user left clicks in the same position, then the overlay will open again, and it will be confusing. I know this thing so I know that I can walk back until I'm not close to the painting and then click, and I will go back in the game without triggering the overlay to open.

So since the game works as intended in every other way, and only does this in HTML5, it seems to me that this is a restriction browsers have, for which they don't allow any code to grab the mouse focus unless the user clicks inside it first. Am I making a correct assumption?

Example, I want to move a ball to the coordinates of DestX, DestY and DestZ.

I've looked a lot for pathfinding, but I can not find anything that solves my problem. I just think moves executed by the keyboard arrows, I need to set the coordinates and this object should get there

 )

Thus far, based on some googling and forum browsing (https://stackoverflow.com/questions/59807160/babylonjs-outline-through-walls & https://forum.babylonjs.com/t/highlight-through-objects/8002/4) I've figured out how to highlight the outline of objects using Babylon.HighlighLayer and I know that i can render objects above others via RenderingGroups but I can't seem to figure out how to use them in conjunction to create the effect I want. The best i've managed to do is get the highlighted avatar render above everything but I need just the silhouette not the entire mesh. I'm also constrained by the fact that my scene has many meshes in it that are loaded dynamically and i'm also trying to keep things as optimal as possible. Can't afford to use very computationally expensive procedures. 

Anybody know of the best way to approach this? Would greatly appreciate any advice or assistance you can provide.Thanks!

Demo in pure WebGL, glMatrix, Ammo.js, JavaScript: Christmas Tree

• w, s, d, a - for moving
• arrows keys - for camera rotation
• the ‘f’ key - the third person camera for debugging of colliders

I've a constructor like; 

constructor() {

        this.clock = new THREE.Clock();
        this.scene = new THREE.Scene();
        this.loader = new THREE.GLTFLoader();

        this.mixer;
        this.mixerEn;

        this.fog = false;

        this.animations = ["Idle", "Kick", "Stun"];
        this.animationsEn = ["IdleSaf", "HitSaf"];

        this.actions = [];
        this.actionsEn = [];

        this.init();
        this.animate();
    }

then loaded models and their animations;

loadModels() {
        // main model
        this.loader.load('glb/Es.glb', (object) => {

            this.mixer = new THREE.AnimationMixer(object.scene);
            object.scene.position.set(-250,0,0);
            object.scene.rotation.y = Math.PI / 2;

            if (object.scene.isMesh) {
                object.scene.castShadow = true;
                object.scene.receiveShadow = false;
            }

            this.scene.add(object.scene);
            this.loadAnim();
        });

        //opponent
        this.loader.load('glb/Es.glb', (object) => {

            this.mixerEn = new THREE.AnimationMixer(object.scene);
            object.scene.position.set(250,0,0);
            object.scene.rotation.y = -Math.PI / 2;

            if (object.scene.isMesh) {
                object.scene.castShadow = true;
                object.scene.receiveShadow = false;
            }
            this.scene.add(object.scene);
            this.loadAnimEn();
        });
    }

the problem is main character's kick pass though opponents stomach, want to detect that so I can play a stun or fade animation for opponent. Most of collision methods for basic meshes like sphere and cube. I dont know what to do.

http://punkcoders.free.fr/Punk3d/ 

Next step is trying export a mesh from blender.

THREE.BufferGeometryUtils.mergeBufferGeometries(geometries, false);

Code of vertex shader:

vertexShader:`
    varying vec2 vUv;
    uniform float time;
    void main(){
        vUv=uv;
        vec3 newposition = position + position*sin(position.z*12.)*0.03;
        gl_Position = projectionMatrix * modelViewMatrix * vec4( newposition, 1. );
    }
`,

The question is how to make only this one "wave", i.e. so that sin does not go over the entire sphere, but only in the middle, for example. And further. How can I change the direction of this "wave", now it comes from the Z coordinate of this sphere, I need it to go from the position I have defined (for example, approximate coordinates of London).

You should install these modules globally:

• npm i typescript -g
• npm i browserify -g
• npm i uglify-js -g

Install all packages from `package.json` using the command: `npm i`

Comment/Uncomment Debug/Release in `index.html` and `main.ts` (see comments in these files).

Use these commands to build the example:

• `npm run debug` - to set breakpoint in code editors and to publish on PlayGround (like Plunker), for example: Hello Ammo.js. WebGL 1.0, TypeScript
• `npm run release` - to bundle in `bundle.min.js` for production

Note. See alse: Usage of Planck.js with TypeScript (Planck.js is a port of Box2D Physics Engine)

package.json

{
 "name": "hello-ammojs-webgl10-ts",
 "version": "1.0.0",
 "description": "",
 "main": "index.js",
 "scripts": {
   "test": "echo \"Error: no test specified\" && exit 1",
   "debug": "tsc -p tsconfigs/tsconfig.debug.json",
   "compile": "tsc -p tsconfigs/tsconfig.release.json",
   "bundle": "browserify public/js/main.js -o public/js/bundle.js",
   "minify": "uglifyjs public/js/bundle.js -o public/js/bundle.min.js",
   "release": "npm run compile && npm run bundle && npm run minify"
 },
 "keywords": [],
 "author": "",
 "license": "ISC",
 "dependencies": {
   "ammo.js": "github:kripken/ammo.js",
   "requirejs": "^2.3.6"
 },
 "devDependencies": {
   "@types/requirejs": "^2.1.32",
   "ammojs-typed": "^1.0.6"
 }
}

public/index.html

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello Ammo. WebGL 1.0, TypeScript</title>

    <!-- Debug -->
    <script data-main="js/RequireConfig"
        src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js"></script>
    <!-- Release -->
    <!-- <script src="js/bundle.min.js"></script> -->
</head>

<body>
    <canvas id="renderCanvas" width="300" height="150"></canvas>

    <div id="output"></div>

    <a href="https://github.com/8Observer8/hello-ammojs-webgl10-ts">Source Code on GitHub</a>
    <br>
    <a href="https://plnkr.co/edit/6KQT9VQHWvswY3cc?preview">Playground</a>
</body>

</html>

src/client/main.ts

import { mat4 } from "gl-matrix";
import AmmoModule from "ammojs-typed";

let Ammo: typeof AmmoModule;
let gl: WebGLRenderingContext;
let output: HTMLDivElement;

function init()
{
   const canvas = document.getElementById("renderCanvas") as HTMLCanvasElement;
   gl = canvas.getContext("webgl");
   gl.clearColor(0.2, 0.2, 0.2, 1);
   gl.clear(gl.COLOR_BUFFER_BIT);

   output = document.getElementById("output") as HTMLDivElement;

   const vec = new Ammo.btVector3(1, 2, 3);
   output.innerHTML = `vec = (${vec.x()}, ${vec.y()}, ${vec.z()})<br>`;

   const matrix = mat4.create();
   output.innerHTML += `matrix = [${matrix}]`;
}

function main()
{
   AmmoModule().then((api) =>
   {
       Ammo = api;
       init();
   });
}

// Debug
main();

// Release
// window.onload = () => main();

src/client/RequireConfig.ts

requirejs.config({
   baseUrl: "js",
   paths: {
       "gl-matrix": "https://cdn.jsdelivr.net/npm/gl-matrix@3.3.0/gl-matrix-min",
       "ammojs-typed": "https://dl.dropboxusercontent.com/s/e5iytx67noqoew7/ammo"
   }
});

requirejs(["main"], () => { });

tsconfigs/tsconfig.json

{
   "compilerOptions": {
       "target": "ES5",
       "outDir": "../public/js",
       "allowSyntheticDefaultImports": true,
       "esModuleInterop": true
   },
   "include": [
       "../src/client/**/*.ts"
   ]
}

tsconfigs/tsconfig.debug.json

{
   "extends": "./tsconfig.json",
   "compilerOptions": {
       "module": "AMD",
       "sourceMap": true,
       "types": [
           "requirejs",
           "gl-matrix",
           "ammojs-typed"
       ],
       "moduleResolution": "node"
   }
}

tsconfigs/tsconfig.release.json

{
   "extends": "./tsconfig.json",
   "compilerOptions": {
       "module": "CommonJS",
       "sourceMap": false,
       "types": [
           "node"
       ]
   },
   "exclude": [
       "../src/client/RequireConfig.ts"
   ]
}

Since Flash is pretty much being deprecated in most browsers so is Habbo.

Since there's retro versions, most of Habbo's assets are available on the internet.

I've been using Pixi for now to create a 2D loading screen, which I did successfully.

Then it occurred to me that Pixi is mostly just a renderer, and doesn't support 3D the same way as Three or Babylon does.
Problem is that, I found coding of 2D UI elements in both Three and Babylon really difficult compared to Pixi.

In Habbo it's really minimal what is going to be 2.5D / 3D as only the rooms, avatars and furni are, the rest is basically 2D GUI.

So this is how I've done it for now

https://gist.github.com/marcus-sa/7993baa14e6301c762747142e55cb5cf

Some questions:

• Is Habbo; 2D with projecting, 2.5D or 3D, and would it be enough to use Pixi only?
• If no: Would it be possible to extend Pixi with Three or Babylon when there's going to be rendered 2.5D /3D objects?
• If it's truly 2D with projecting, should I just use Phaser instead?
• What would be best to do?

I have worked with playcanvas but there's no good mobile fps example, most of them use a secondary joy stick for camera control and it runs on very low fps on my device

( https://playcanv.as/p/deRCEGms/ ),

although it has quite a lot of examples for pc FPS games.

I really like playcanvas so if anyone has any examples/templates/ideas to help me make it mobile friendly that would be appreciated. Does anyone have any suggestions or frameworks?

I'm pretty new to BabylonJs. I have created a few simple applications with it. What I want to do in this current project is be able to integrate babylonjs and flask microframework. I am much more familiar with python, flask and sqlalchemy etc. than I am similar javascript frameworks. I had set up some babylonjs code for visualizing a 3D model on a webpage using html, css, and javascipt only. I use ImportMesh to load the gltf (or glb) model into the scene. This works fine as I want. I have been problems migrating this to a flask app format. I tried three different ways and each time I have hit problems. I will describe each below.

1. Use ImportMesh just like I did for the 'plain' html, css and javascript:

I tried to incorporate my existing html, css, and javasript files in a simple flask directory structure / simple app i.e. where my html, css, and javascript are in subdirectories to a main app.py file - exactly how I would set up any flask app. Every time I do that I get a notification saying that the model file (.gltf or .glb) can't be found and it throws a 404 error in the console. I've tried multiple different ways to define the path to the model file but it continues to throw this error.

2. Use babylon and model html tags instead:

I then got rid of the javascript file altogether and I simply used the babylon and model html tags in my html to define the model rather than trying to import the model using ImportMesh. This works fine. The issue here is when i tried to control the css and add some actions to the css (or similar in javascript) like repositioning the container when I click a button it doesn't seem to work like the tutorial showed in the documentation.

3. I then tried to define my gltf as a text string.

The thinking here was if I remove the reference to an external model file it could resolve my first issue. First I converted my 0.bin file to a base 64 encoded string and included it directly in my gltf file. I then took the entire gltf file as a text string into my javascript file and essentially called the model as a text string from there rather than as an external file. I checked the file worked in the babylonjs sandbox before I did this and it was fine but when I try to run my flask app it continues to throw an error saying it can't find the 0.bin file. The issue is here that this file is no longer needed (it was orphaned in my previous step as I have described when I converted it to base64).

Overall, can someone help with what I need to do to get the ImportMesh function working in my original method. I'd much prefer to use the javascript ImportMesh way to do it as I feel (rightly or wrongly) I have much more control over the scene and control over the meshes etc. when I am coding in the javascript.

Thanks.

I should inform you that I am totally new at game development. But I want to make a 3D multiplayer strategy game for Web. I know .NET core, so, I am going to use it for the server side. But I am really lost at what to use for a client part.

So, basically I was choosing between PlayCanvas, Phaser and Babylon.js. I settled with Babylon. But now searching through I don't find almost any information for multiplayer game with Babylon. Phaser and PlayCanvas have documentations at their sites while babylon doesn't. 

How do you think, will it be a big headache to start learning overall game development including finding out how to implement multiplayer aspects with a Babylon.js? Or do you think might it go easier with one of other two engine options? Any advice is appreciated.