Search the Community

Showing results for tags 'texture'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


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

Found 231 results

  1. Can we do something like Image.drawWarped (link goes to the javadoc of slick2d) with pixi.js? It gave devs the possibility to define where to render the 4 corners of an image with absolute x, y locations and it automatically skewed the image to fit in. I guess it just redefined the points of the triangles used to render the image or something like that. (I'm not that fit with gl, thats why I use pixi.js.^^) Thanks.
  2. Baking shadow maps

    Hi, I have static objects and static lights inside my scene sou it would make sense to bake them to save resources,, anyone have done it? is there some workflow to generate them from scene (in 3d max or other tool). Thanks
  3. Hello, Raycast TerrainMap and get MixMap %'s? CONTEXT: Raycast over a Terrain Map... and determine the type of terrain (floor, rock, grass, etc) where the Ray Intersects mesh. Looking at Mixed-Map-Materials and Facet-Data... QUESTION: is there a way, to get the MixMap through a Raycast Intersection? Or any suggestions on detecting floor, rock, grass... thx. Kind regards, UPDATE: using this playground, stepping into raycast... Found: results[0].pickedMesh, pickedPoint, collisionGroup, looking around... : ) .subMeshes.materialIndex?... DEMO-TEST: fork Multi-Map playground and add the touch raycast. : ) Worked perfectly - Clickable Multi Map playground (debugger on cast): looking around... AbstactMesh.collisionGroup? faceId? UPDATE: idea of how to do this, need to get the mixmap.png rgb at the location of the getTextureCoordinates()...greatest intensity wins. And... looks like Context2D can do that... (perhaps)
  4. Hey guys... When I load a texture using HDRCubeTexture as a reflectionTexture it is flipped the wrong way... Can I control that with some property that is serialized into the scene... Note: the texture is loaded from a serialized scene json file... is there I property I can set to flip the HDRCubeTexture the right way As Always pinging @Deltakosh and @Sebavan
  5. I am just learning blender and babylon. blenderpic.tiff shows what it looks like in blender, which is what I am trying to do. Babylon.tiff shows what it looks like in babylon, which is a mixed up mess. Getting frustrated and found the butterfly_shpere_TEXTURE.jpg, which I am guessing the export is creating and then using in babylon which is wrong. Again I don't know much, but would appreciate any help. In blender I am only using material, texture and the uv map editor. I would gladly provide other information if it would help, but don't know what is needed. blenderpic.tiff babylon.tiff speretext.tiff it works if the wings are all one texture and the body is just a color.
  6. Hi all, in order to improve the performance of a scene built dinamically, I'm facing this problem: is it possible to have one material, to which is applied one texture, using different uScale e vScale depending on the mesh to which that material is applied? I need this because I have a 3d model of a city with many street segments, each segment having quite different length from each others. Now, those segments are textured: if I use the same uScale for them all, the road texture would appear "stretched" or "shrinked" depending on the length of the segment on which the material is applied, while I want it to appear uniform. I can bypass this problem assigning one different material for every street segment and setting uScale according to its length, but in the end the amount of materials and textures grows dramatically and scene performance falls down at 3 - 4 fps. Any ideas of how reducing the number of materials? Those are the actual stats for a mid-sized city: Total meshes 7309 - Total vertices 170688 - Total materials 7309 - Total textures 3834 Any ideas on how to solve this? Thanks in advance, cheers
  7. I have a texture that's part of the .babylon file which loads and is displayed without any problem. However, when I dynamically change texture, including to the initial one, I get this strange swirly effect on the texture. I've attached an image to show the difference. You can also try it out here Select the "Gilbert" shirt and you'll see the difference. Does anyone know how to stop this effect? (I tried to attach an image but I keep getting "There was a problem processing the uploaded file" so if you want to see the problem you'll have to go to the URL above.)
  8. Hello, I'm new to Babylon.js, and not a very experienced programmer. I'm trying to learn Babylon.js, and I made a simple scene to run from firefox localhost. I'm using Xampp Apache, and all the files (my project html, babylon.js, and image file) are in the XAmpp htdocs folder. It seems I can't use an texture image. Any mesh having this texture is completely missing in the rendered scene. Otherwise, the babylon.js works just fine. I'm clueless, what am I missing. The folders and file locations are ok, the image works just fine within another scripts Here is my code included: <hmtl> <head> </head> <body> <Div id="Div1"> <canvas id="Main" width = "1920px" height="1080px"> </canvas> </Div> <script src="babylon.js"></script> <script> window.addEventListener("DOMContentLoaded", function (){ console.log("Loaded Dom content"); var canvas = document.getElementById("Main"); var engine = new BABYLON.Engine(canvas, true); var scene = createScene(); scene.render(); function createScene() { var scene = new BABYLON.Scene(engine); var camera = new BABYLON.FreeCamera("camera1", new BABYLON.Vector3(0, 5, -10), scene); camera.setTarget(BABYLON.Vector3.Zero()); camera.attachControl(canvas, true); var light = new BABYLON.HemisphericLight("light1", new BABYLON.Vector3(0, 2, 0), scene); light.intensity = 0.9; var sphere = BABYLON.Mesh.CreateSphere("sphere1", 16, 2, scene); var box = BABYLON.Mesh.CreateBox("box1",2.0,scene); sphere.position.y = 3; box.position.y = 1; var m1 = new BABYLON.StandardMaterial("material1",scene); m1.diffuseColor = new BABYLON.Color3(1,0,0); sphere.material = m1; var m2 = new BABYLON.StandardMaterial("material2",scene); m2.diffuseTexture = new BABYLON.Texture("paper.jpg",scene); // this is the problematic line of code box.material = m2; var ground = BABYLON.Mesh.CreateGround("ground1", 6, 6, 2, scene); return scene; } }); </script> </body> <html>
  9. I try to build an endless Track for a small Game and currently I stuck on an textureproblem. I use the CreateRibbon Method to build a lane out of an array. When I have 200 segments I remove the one at the top and move the camera temporary to the first one so currently it just looks like the lane is just waving but in reality the camera is moving (you can see it when you remove the camera position setting at the bottom.) I scale the texture to fit the whole mesh but then it looks like the track is not moving I tryed it it the vOffset but that didnt worket out. What I need is some kind of "material/shader" which projects a texture always in the same way, no mater where the mesh is in the world so it would look like the track moves. Or maybe someone have an another Idea how to achieve this. Thanks
  10. Shadeless Image Display

    What is the proper method for displaying images as textures without regard for lighting? I am using a picture as the texture for a mesh and I want it to display at its full brightness. I have seen the Playground examples for setting skybox cube textures to have this effect but that seems overly complex if all I want to do is disable lighting/shadow effects. I am using the glTF exporter from Blender and importing the glTF into my Babylon scene so some data is encoded into the glTF file already (it is basically a JSON file). It would be nice to be able to set the parameter in the glTF file. Or if it would make more sense to switch over to the Babylon exporter, I could do that. I am just trying to learn glTF.
  11. get data from Texture

    Hey, i'm trying to get the data source from a loaded Texture in BABYLON. But I haven't found a way to do this. Basicly my idea is to get the data from the image and save it as base64 in the local cache. And then I can get the image from the cache again and load it into BABYLON. This should improve performance and result in faster loading times once you already loaded the scene once. Does this accually makes sense or is there a better way of caching textures?
  12. When i recreate texture or material, clone/dispose created more one texture (clone logic incorrect material.texture.clone() and material._texture.clone()) example this is very important for dynamic scene, please fix source ** I tryed run in this latest version and saw what recreate correctry, but i not undersend how... and other -- i see what canvas2D will be not suported in future? I see GUI, this is very cool feature, but GIU can't do many tasks... Tell me whether it is possible to work with canvas2d in babylon.js 3.0, or will the support be returned in the future?
  13. Work offer

    Hi guys, After some previous attempts to solve some problems in our project, we saw that we were not getting anywhere so we decided that we needed a professional help. This is the offer we published on the Upwork platform, so if anyone is seriously interested in completing the job, please contact us. This is the text of the offer: _______________________________________________________________________________________________________________________________ Representation of a snow-covered mountain scene in Babylon.js Engine The task consists of representing a snow-covered mountain landscape with forest and water bodies in Babylon.js. The focus has to be made on the visual attractiveness while still offering high performance. An example of a scene like that would be this one (Scene1), made in Three.js. We are providing a basic scene (Scene2) made in Babylon.js, and the following improvements have to be made to this scene: 1) Implementing a GLSL Shader / Babylon.js Custom Material which accepts the following criteria: Terrain Texture: - Rocks: should be a procedural texture with a nice natural transition between the snow and the rock texture like in the Scene1. - Water: should be the WaterMaterial provided by Babylon.js Material library. - Snow: it is already acceptable in the Scene2, but any visual improvement is welcome. If needed, the mask image for the texture mapping can be also provided as three separated alpha mask images, one for each type of texture. Furthermore, it has to support a Dynamic Texture on top of the Terrain Texture, so that it should be possible to draw directly on the ground. An example of this would be this scene (Scene3), implemented with ShaderBuilder : The problem with this scene is that it lacks bump maps, fog and shadow effects. There should be visual consistency across the most popular browsers: Chrome, Firefox, Edge and Safari. _______________________________________________________________________________________________________________________________ If you have any questions, we're ready to answer them. Thanks!
  14. Hello, I have a big texture and a little object. I would like to use only a part of the texture to render the mesh and eventually change the texture offset. I read the docs and did a lot of tests but all the times I apply a texture to a mesh the texture is resized to the mesh size. I cannot use the sprites because the portion of the texture that i want to use has different sizes. In is possible to apply a texture to a mesh keeping the original texture size?
  15. Shower visualization

    Hi everybody: These days I'm starting with a development involving the visualization of a shower. The software must run in desktop and mobile (this last by means of an hybrid app). In order to show the (falling) water I'm considering two strategies: chroma-keyed video with the water falling (I'm using both a mp4 and a webm containers); particles (I'm afraid of As I am concerned about the performance penalty of using particles (it needs 30,000+ and motion blur in order to resemble a "real" shower), we are tackling first the video way. Running a raw example from server, over Chrome (Win) and Safari (OSX), shows the alpha 100% clear: With Firefox (Developer Edition / 56.0b1) the alpha channel is instead shown with a degree of opacity: Do you think is possible to obtain a correct alpha in this last browser? Best regards.
  16. 3D Props Assets Texturing Service

    Hello! Lirio Art Production can provide mainly high quality texture or 3D props from scratch to final output for your next-gen game. Please feel free to leave a comment here or directly message me regarding your project and estimates at - Texture Only: PBR Texture Tileable - $30/texture Included: Base Color or Albedo Map Normal Map Ambient Occlusion Roughness or Glossiness Map Metallic or Specular Map PBR Props texturing - $45/props/texture Included: Bake the sculpt to the game res Base Color or Albedo Map Normal Map Ambient Occlusion Roughness or Glossiness Map Metallic or Specular Map Substance Painter smart material [optional] - Asset sculpting, game res and texture: Basic Props [Flashlight, Cabinet, Chairs and Tables, etc.] - $150/props Included High resolution Sculpt Game Resolution Bake sculpt to game res PBR Textures [Base Color, Normal Map, AO, Roughness, Metallic]
  17. Hello! Lirio Art Production can provide mainly high quality texture or 3D props from scratch to final output for your next game. All textures are set to 2048x2048. - Texture Only: PBR Texture Tileable - $30/texture Included: Base Color or Albedo Map Normal Map Ambient Occlusion Roughness or Glossiness Map Metallic or Specular Map PBR Props texturing - $45/props/texture Included: Bake the sculpt to the game res Base Color or Albedo Map Normal Map Ambient Occlusion Roughness or Glossiness Map Metallic or Specular Map - Asset sculpting, game res and texture: Basic Props [Flashlight, Cabinet, Chairs and Tables, etc.] - $150/props Included High resolution Sculpt Game Resolution Bake sculpt to game res PBR Textures [Base Color, Normal Map, AO, Roughness, Metallic]
  18. Hi all, We with my colegue decided to share texture generator node-js tool that we created. Its port of compresed texture generator script to node, so it can be used cross platform not just on win machines, also included in build scripts. NPM: GIT: Feel free to post issues and suggestions on github. More information is located inside file.
  19. Hello, I have a little Problem with my Mirror Material. I cant get the Blur to work. If I try to blur the reflections in this playground Example by adding the lines: mirrorMaterial.reflectionTexture.blurKernel = 64; mirrorMaterial.reflectionTexture.blurRatio = 1; everything works fine. But If i try it in my own Scene nothing happens (changing the Values has zero Effect). Does anybody have an idea why it works in the playground but not in my scene?
  20. Hi Everyone, I need guidance on how can I approach this problem: Would like to apply a tiled texture to complex polygons. I'm using P2 for the physics and tiled for the level editor. I would like to get something similar to worms where the terrain has a tiled texture, the top has grass and the bottom is darker. These are some examples of what I would like to achieve: I don't care at all about destructible terrain. This is how my level looks now with polygons from tiled:
  21. Is there a way to change texture uOffset and vOffset without having the texture smearing? You can see it here
  22. Apply Texture to Vertex

    Are there any examples of how to apply a texture to an individual vertex as is described in this tutorial:
  23. I've noticed when scaling textures with uScale and vScale it does it from the corner. Is there a way to scale from the centre, so it really looks like you're zooming in? Here's a playground to demonstrate how it scales from the corner:
  24. Hi folks, I am a beginner for babylon.js and blender. So I imported a cube with one face textured from blender to babylon js using BABYLON.SceneLoader.Load. The scene has the default point light in blender and the HemisphericLight I created using babylon.js. Everything looks good (please see the 2.jpg in the attachment), but after I resize the cube to make the cube flat (using cube.scaling.y = 0.1), the lower part of the textured face will be always shadowed, no matter how i adjust the light or how to move the cube (please see the 1.jpg). I already made the scene as simple as possible to narrow down the cause of the issue, but I still cannot figure out why the lighting cannot be rendered properly. So any help will be much appreciated!