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
4
votes
2 answers

Show image using babylonjs

I am new to Babylonjs and i want to display/show image using BabylonJs and also i want to move the image using keyboard(like left arrow key, right arrow key, up arrow key, and down arrow key) with collision detection and i also want to disable all…
Ravi
  • 475
  • 4
  • 12
4
votes
2 answers

BabylonJS Drawing a Line

I am currently attempting to trace the path of an object in BabylonJS. To do this I would like to draw a line between the existing location and the previous location. The closest I've been able to come is a cube. var plane =…
Dan Grahn
  • 9,044
  • 4
  • 37
  • 74
3
votes
3 answers

How to change BabylonJS HTML viewer background?

I am using the BabylonJS viewer to show a 3D (gltf) model on a website. However, since I have no prior experience using it, and I only need it to show this model, I am using the generic viewer (and I followed this tutorial). Now, I need to change…
Anonymous
  • 315
  • 1
  • 5
  • 15
3
votes
2 answers

BabylonJS and React - ReferenceError: earcut is not defined

Working with BabylonJS and React. In my local React environment I am able to create a scene using just a sphere. Moving past that I was able to create a ring made up of segments. The code works well in the playground running the same version (4.1.0)…
Ryan Pedersen
  • 3,177
  • 27
  • 39
3
votes
2 answers

Can we protect the 3D models when we are using ThreeJS?

In ThreeJS can we load a 3D model without it getting exposed on the web page or browser logs (network/script/DOM) so that nobody knows the exact source of the 3D model and hence will not be able to download it. Or can we stream the 3D model like a…
Temp O'rary
  • 5,366
  • 13
  • 49
  • 109
3
votes
2 answers

Camera control on phone not working for babylonjs vr

I can't manage to get the camera control to work on a phone using babylon defaultVRExperience I can't understand what's missing. i've tried everything i can think of and i can't find any examples that work outside of the babylonjs…
Bobbzorzen
  • 101
  • 1
  • 13
3
votes
0 answers

how to import obj using vue-babylonjs?

i am importing obj into vue using plugin vue-babylonjs , but i cant seem to get the obj into it , can anyone give me some tips or pin point what wrong with my code ? codesandbox https://codesandbox.io/s/8p289q2lwl