Questions tagged [babylonjs]

JavaScript framework for building 3D games with HTML5 and WebGL.

Official site, Github, documentation.

Features

  • Complete scene graph with lights, cameras, materials and meshes
  • Collisions engine
  • Scene picking
  • Antialiasing
  • Animations engine
  • Particles Systems
  • Sprites and 2D layers
  • Optimizations engines:
    • Frustum clipping
    • Sub-meshes clipping
    • Hardware scaling
    • Selection octrees
    • Offline mode (Assets are saved locally to prevent reloading them)
    • Incremental loading
  • Standard material is a per pixel material that supports:
    • Diffuse lightning and texture
    • Ambient lightning and texture
    • Specular lightning
    • Opacity texture
    • Reflection texture (Spheric, planar, cubic and projection)
    • Mirror texture
    • Emissive texture
    • Specular texture
    • Bump texture
    • Up to 4 lights (points, directionals, spots, hemispherics)
    • Custom materials
    • Skybox
    • Vertex color
    • Bones (Animations and shadows are supported)
  • Special FX
    • Fog
    • Alpha blending
    • Alpha testing
    • Billboarding
    • Fullscreen mode
    • Shadow Maps and Variance Shadow Maps
    • Rendering layers
    • Post-processes (blur, refraction, black'n'white, fxaa, customs...)
  • Textures:
    • Render target textures
    • Dynamic textures (canvas)
    • Video textures
  • Cameras (Perspective and orthographic):
    • Arc rotate camera
    • Free camera
    • Touch camera
  • Meshes:
    • Mesh cloning
    • Dynamic meshes
    • Height maps
  • Import:
    • Babylon scene file can be converted from .OBJ, .FBX, .MXB
    • Exporter for Blender
469 questions
2
votes
0 answers

How to create 3D model view of human on the fly?

Is there any 3D API available which does the similar job of Blender(https://www.blender.org/)? Our requirements is to create some objects like human and their behaviour on the fly.
Monika S K
  • 21
  • 1
2
votes
1 answer

How to fix Object has unapplied transformations. This will never work for a mesh with an armature. Export cancelled

I have been creating a game these past few weeks. I've been following tutorials to make a blender character. But when I try to export it using the latest babylon.js exporter, it give me this error. Mesh: Character has unapplied transformations. …
12YOK
  • 72
  • 1
  • 9
2
votes
1 answer

How to enable collision in babylon.js mesh

I've been making a game in Babylon.js. In my game, there is a place where I have put a height map, it shows up when I run the scene, but when I try walking on it (or just standing on it) I fall through. I have searched almost everywhere and I…
12YOK
  • 72
  • 1
  • 9
2
votes
1 answer

Why babylon add .manifest extension to loadable model?

I try load GLTF model by babylon.js: const folder = '/myaddress/'; const modelFile = 'model.gltf'; BABYLON.SceneLoader.Load(folder, modelFile, myEngine, function (scene) { }); I expect the model will be loaded from url /myaddress/model.gltf, but…
karavanjo
  • 1,626
  • 4
  • 18
  • 31
2
votes
1 answer

Getting a Black Screenshot with BabylonJS

I am having some trouble taking a screenshot. If you followed along with the tut, at: http://doc.babylonjs.com/tutorials/render_scene_on_a_png you see that they only provided one line which is BABYLON.Tools.CreateScreenshot(engine, camera,…
Jghorton14
  • 724
  • 1
  • 8
  • 25
2
votes
1 answer

Constantly increasing memory usage when passing around huge arrays to webworker

I am currently doing some 3d modeling using babylonjs. I need to create a pressure map from given pressure at specific points. I am doing that using IDW. However this means that even with my map being a size of 70x90 grid requires me to have an…
August
  • 1,722
  • 5
  • 20
  • 37
2
votes
1 answer

How to color a shape in Babylon.js?

Working off the "Basic Scene" example on babylonjs-playground.com here, I am trying to do a simple modification on the color of the sphere. Here is my attempt, which can be run interactively: https://www.babylonjs-playground.com/#95BNBS Here is the…
max pleaner
  • 26,189
  • 9
  • 66
  • 118
2
votes
1 answer

Changing color of material in babylon.js

I am just getting into babylon.js, but I can't seem to figure out, how would you change color of a material ? My code currently is: /* eslint-disable */ import * as BABYLON from 'babylonjs'; // Get the canvas element from our HTML above const…
August
  • 1,722
  • 5
  • 20
  • 37
2
votes
2 answers

how to remove light effect on BABYLON Lines

I try to develop a board game with BABYLON.js I have a board and an ArcRotateCamera. My light is an HemisphericLight When I draw Lines on my board I would like that these line have all the same aspect. Now when I move the camera, the light have an…
Spols
  • 21
  • 3
2
votes
2 answers

In Babylon.js how can I get/set a FreeCamera's rotation or pan angle?

I am trying to capture a FreeCamera's location and pan angle or rotation so I can reposition the camera later with the exact same view. (I am working with an altered version of the Collision example at http://www.babylonjs-playground.com/) I seem…
user2016210
  • 119
  • 4
  • 13
2
votes
2 answers

Setting FOV using babylonjs free camera

Currently I am working with the bablyon.js engine and the only major issue i have so far is the FOV. The FOV is to shallow that it causes bad rendering appearance at times.Currently i am using BABYLON.FreeCamera() as the primary camera with controls…
Jamie
  • 41
  • 1
  • 4
2
votes
1 answer

How to simulate "Projection Camera Mapping" of video on to a multiple BabylonJS Mesh?

Question: How to simulate "Projection Camera Mapping" of video on to a multiple BabylonJS Mesh? Breakdown: How would I project a standard 16:9 video onto multiple Babylon mesh (live code); as if, the camera was a projector and the mesh was an…
Armeen Moon
  • 18,061
  • 35
  • 120
  • 233
2
votes
3 answers

Babylon JS - SceneLoader from Local File

New Babylon JS user, looking to get up to speed with this fantastic framework. Have had a play with the Sandbox and online Editor, worked up my own coded model from scratch using the standard components - Box, Sphere etc. My question relates to how…
MarkGuk
  • 45
  • 1
  • 8
2
votes
2 answers

How to make a very large skybox? (babylon.js)

How can I make a very large skybox? Example: var skybox = BABYLON.Mesh.CreateBox("skyBox", 15000.0, this.scene); The result is bad:
2
votes
2 answers

How to render images in WebGL from ArrayBuffer

I am having a image that I am reading in server side and pushing to web browser via AJAX call. I have a requirement where I have to render them line by line using WebGL. For Example : Image is 640X480 where 640 is width and 480 is height. Now the…
graphics123
  • 1,191
  • 3
  • 20
  • 57