Search the Community

Showing results for tags 'dynamic textures'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • HTML5 Game Coding
    • News
    • Game Showcase
    • Facebook Instant Games
    • Coding and Game Design
  • Frameworks
    • Phaser 3
    • Phaser 2
    • Pixi.js
    • Babylon.js
    • Panda 2
    • melonJS
    • Haxe JS
    • Kiwi.js
  • General
    • General Talk
  • Business
    • Collaborations (un-paid)
    • Jobs (Hiring and Freelance)
    • Services Offered

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



Website URL





Found 4 results

  1. Hi Babylonians, I'm sorry I haven't been here much lately, but I'm burried in math hell - if there is such a place - alright, there is. I have a painting app - will post this soon once I've rebuilt the node server ( I haven't posted yet because multiuser is the main point). But I'm continuing to build on our old server to add features to test. So, here is the question - Does anyone have any math to translate x.y pointer events to UV mapping coodinates to piant locally on an object? I currently have the old standards working (unwrap UVs and paint on a plane to reflect the 3D objects UVs.) However, I'm sure there is a way to unwrap the UVs based upon the object your unwraping to allow real time painting locally from the 2D canvas to a dynamic texture. I can work the math on a specific object, but that's not good enough. Any thoughts from the brainiacs here? DB
  2. Hello, I'm new in babylonjs and i develop a game viewer with server (with But for few days, i have a problem. I use dynamic textures for my textures because i want to modify textures without recreating them. I can't use playground because my code depend of a server and nothing will appear in playground without the server. I will take screen and i have a little idea of the source of problem. When i use texture.clear(), i have the texture that i want but with a black background (i want a transparent background). When i don't use texture.clear, the background is transparent but the image is not perfect. Thank's for your attention Ps: Sorry for language mistakes, i'm french.
  3. Hello Babylonians, I hope everyone is having a great weekend, and not working like me. I have a scene where I'm drawing on objects with textures using decal. I was drawing on objects using multiple canvas' onto a dynamic texture - however, since this is a real-time multiple user app, I'm not able to create additional canvas' for each user who is on the session to allow unique colors (textures) to be drawn from remote events (the example below is single user and just a basic drawing function and minimal elements.) The issue is of course an expected problem with this new draw function: as I add texture color to my scene objects, it is using memory and decreasing my framerate to the pont where it becomes not a useful tool. Is there a way for me to use a dynamic texture in this script using the same function (decal), or to instance the textures in a way to avoid memory usage for each pick point (draw)? I would really like to use a dynamic texture so that I could save out each object's texture image. However, I was doing this initially, and I have many, many colors (textures), as well as many users drawing together in real time on any object. This doesn't allow for me to use the canvas to pass color information (textures) to a dynamic texture on each object, as I require multiple canvas' for each remote user. The following is a scene to be copied into the playground. Unfortunately, it is too many lines to save as a playground scene. But just copy and paste, and it will run. var createScene = function () {var scene = new BABYLON.Scene(engine); var camera = new BABYLON.ArcRotateCamera("Camera", -Math.PI/2, 1.1, 10, new BABYLON.Vector3(2, 0, 0), scene);//camera.attachControl(canvas, true); var hemilight = new BABYLON.HemisphericLight("hemi", new BABYLON.Vector3(0, 1, 0), scene);hemilight.groundColor = BABYLON.Color3.Gray();hemilight.specular = BABYLON.Color3.Black(); var face = BABYLON.Mesh.CreateSphere("sphere", 3.0, 3.0, scene);face.scaling = new BABYLON.Vector3(1.0,1.3,1.0);face.rotation = new BABYLON.Vector3(Math.PI / 2, Math.PI / 5, Math.PI / 2);face.material = new BABYLON.StandardMaterial("sMat", scene);face.material.diffuseTexture = new BABYLON.Texture("", scene);face.material.diffuseTexture.hasAlpha = false;face.position = new BABYLON.Vector3(2, 0, 0);face.material.diffuseTexture.uOffset = 1.0;face.material.diffuseTexture.vOffset = 1.85;face.material.diffuseTexture.uScale = 1.1;face.material.diffuseTexture.vScale = -1.0; var hat = new BABYLON.Mesh.CreateCylinder("cylinder", 4, 3, 3, 5, scene);hat.scaling = new BABYLON.Vector3(0.4, 0.5, 0.4);hat.rotation = new BABYLON.Vector3(Math.PI/4,Math.PI/9,-Math.PI/27);hat.material = new BABYLON.StandardMaterial("Mat", scene);hat.material.diffuseTexture = new BABYLON.Texture("", scene);hat.position = new BABYLON.Vector3(2.7, 1.5, 0.9);hat.setEnabled(true); var draw_mat = new BABYLON.StandardMaterial("draw_mat", scene);draw_mat.diffuseTexture = new BABYLON.Texture("", scene);draw_mat.diffuseTexture.hasAlpha = true;draw_mat.zOffset = -.5; var isDown = false; var onPointerDown = function (evt) {if (evt.button !== 0) {return;} isDown = true;var pickInfo = scene.pick(scene.pointerX, scene.pointerY);if (pickInfo.hit) {console.log(;var decalSize = new BABYLON.Vector3(.1, .1, .1);var newDecal = BABYLON.Mesh.CreateDecal("decal", pickInfo.pickedMesh, pickInfo.pickedPoint, pickInfo.getNormal(true), decalSize);newDecal.material = dmat;}} var onPointerUp = function() { isDown = false; } var onPointerMove = function (evt) {if (evt.button !== 0) {return;} var pickInfo = scene.pick(scene.pointerX, scene.pointerY);if(isDown) {console.log(;var brush = new BABYLON.Vector3(.1, .1, .1);var idraw = BABYLON.Mesh.CreateDecal("decal", pickInfo.pickedMesh, pickInfo.pickedPoint, pickInfo.getNormal(true), brush);idraw.material = draw_mat;}} canvas.addEventListener("pointerdown", onPointerDown, false); canvas.addEventListener("pointerup", onPointerUp, false); canvas.addEventListener("pointermove", onPointerMove, false); scene.onDispose = function () { canvas.removeEventListener("pointerdown", onPointerDown); canvas.removeEventListener("pointerup", onPointerUp); canvas.removeEventListener("pointermove", onPointerMove);} return scene;}; Hey DK - is there any way we might increase the # of characters to save a playground scene? Who might have control over this? Thanks, DB
  4. dbawel

    Need Help with BGui

    We're trying a couple of things, and it looks promising. I just hope I can sta awake.