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
0
votes
1 answer

Using Babylon js to load and customise shoe part by part

I'm planning to use Babylon engine to develop a 3D shoe customisation website. The shoe will be customisable part to part. Like, changing the shape of front from curved to pointed, changing heel shape and size, changing texture of each part etc.,…
user3363276
  • 11
  • 1
  • 3
0
votes
1 answer

BabylonJs target object disappears

In BabylonJs , if a camera is positioned at a certain distance from an object, so that its distance is proportional to the object's size, the overall scene should be roughly the same. I created this simple test (can be copied and pasted into…
Starnuto di topo
  • 3,215
  • 5
  • 32
  • 66
0
votes
1 answer

Change Instance state of Babylon JS initialized inside an Angular 2 component

Hello I'm trying to inject variable with DI of Angular 2 to change a state of object initialized inside BabylonJs. I used [(ngModel)]="Service.var" to read the variable and ngModel Change)="methode" to recall a methode inside my component. The…
0
votes
1 answer

Scene rendering strangely in babylonjs

So, I've loaded my scene I made in Blender into Babylonjs, and it's producing some interesting effects. Basically, I am trying to apply gravity and such to the scene, move the player to it's proper location, and make the entire scene lit and…
Taylor Brown
  • 89
  • 1
  • 1
  • 9
0
votes
1 answer

Cannot move on scene

I've made a scene in Blender and now my player wont move. It doesn't have a problem loading the scene, but when I try and move with the directional keys, it won't function. Here's the code: var BABYLON; var canvas =…
Taylor Brown
  • 89
  • 1
  • 1
  • 9
0
votes
1 answer

Loading Blender scene in BabylonJS

I made a scene in Blender that I exported into a .babylon, and now I am importing it into the game. The map is 351KB, and I am loading it into the game like this: var BABYLON; var canvas = document.getElementById('gamecanvas'); var engine = new…
Taylor Brown
  • 89
  • 1
  • 1
  • 9
0
votes
1 answer

What is the purpose of normal vectors in .babylon file format? (for use in BabylonJS 3D Modelling)

Please refer to the following documentation for this question: BabylonJS JSON File Format In a "vertexData" node, vertices, normal vectors, and uv's are declared for construction of 3D objects. See the following "geometry" node as in the example…
Chris Conlan
  • 2,774
  • 1
  • 19
  • 23
0
votes
1 answer

Enabling OimoJs in babylonJS

I've got a little project running that uses Babylonjs to render a game, I've got the game 'rendering' and am happy with the progress and have decided to add physics, I went with oimojs as its the standard and was informed that 'enabling' it was as…
Jay
  • 1,033
  • 1
  • 18
  • 31
0
votes
0 answers

Why can't I import .babylon files from blender using Babylon.js?

I have been trying to import a blender file to a html file using babylon.js, but whenever I open the file in chrome, instead of the scene, there is just a loading icon. I don't know where the loading icon came from. The scene works the way it is…
Johnn
  • 1
  • 1
0
votes
1 answer

Can't Clone Mesh created with CreateGroundFromHeightMap

I'm trying to clone() a Mesh created with BABYLON.Mesh.CreateGroundFromHeightMap() but it never renders. // Ground var groundMaterial = new BABYLON.StandardMaterial("ground", scene); groundMaterial.emissiveTexture = new…
dahlbyk
  • 75,175
  • 8
  • 100
  • 122
0
votes
2 answers

BabylonJs scene background image

I have quite new to BabylonJs and im currently Learning by doing. I am trying to insert an image as the background for my scene: However ive looked all over the internet and no where is it described how i insert an image as a background? if needed…
Marc Rasmussen
  • 19,771
  • 79
  • 203
  • 364
0
votes
2 answers

How to ensure that a light doesn't lit walls behind corner?

Good day, I'm playing with webgl using Babylon JS and I need an advice concerning lights. I created a test cave and I placed a torch (BABYLON.PointLight) on one wall. But the light lits also walls that is behind the corner. See screenshot: var…
Vojtech
  • 2,533
  • 9
  • 34
  • 65
0
votes
1 answer

Collision with babylon.js

I'm trying to manage collision with babylon.js. Everything runs well with an automatic move, but with keyboard event, when the ball moves, it loses collision it's property. You can take a look here. I've tried to move the ball with…
KbZuhn
  • 57
  • 1
  • 7
0
votes
1 answer

BabylonJS - Remove smooth animation on the camera

I'm using BabylonJS to make a little game. I'm using this code to build a camera : this.cam = new BABYLON.FreeCamera("playerCamera", new BABYLON.Vector3(x, y, z), s); this.cam.checkCollisions = true; this.cam.applyGravity = false; this.cam.keysUp …
John
  • 11
  • 1
  • 5
0
votes
1 answer

Typescript with Babylonjs built with Webpack error: Duplicate identifier 'BABYLON'

I'm working on a webgl RTS game called density wars, but I am getting lots of errors like the following: ERROR in [default] /Users/nikos/PhpstormProjects/Density-Wars/babylonjs.d.ts:1:15 Duplicate identifier 'BABYLON'. In my entry point to…
Nikos
  • 7,295
  • 7
  • 52
  • 88