Search the Community

Showing results for tags 'babylonjs'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Website URL


Twitter


Skype


Location


Interests

Found 380 results

  1. Hi, I was doing some tests with BabylonJS and while checking out the lights I found that the spotlight goes through some objects but not others? Is this a bug of babylonjs or something I've done? Example can be seen here, the spotlight hits the top cube/box/rectangle and passes through to the floor and smaller cubes/boxes/rectrangles. http://dev.aftc.co.uk/WebGL/BabylonJS/06_Lights2 Ideas? Thanks D
  2. Looking to convert unity 3d game into HTML5 with facebook Instant api integration to release on Facebook Instant and messenger platform. Please contact experts who has relevant experience and a strong portfolio. Email: abhishek.buchvani@hyprgames.com Skype: abishek.17
  3. Hello there! I basically just want to present my personal game project and to collect some feedback and ideas. The game is currently in the alpha phase and there might be bugs and problems but I feel confident enough to show it to the public. The game is called "Connect 3D" and it is a free to play competitive online browser game, where you have to place four tokens in a row to score. However, the game is not as easy as it sounds because the rows can be build in the three dimensional space. This GIF shows a local game session but the game can also be played online. You just have to send the link of the session to one of your friends. Currently you need a second person to play since there is no AI or computer enemy to play against. It works on mobile and on desktops, but you should try it on a modern device and with an up to date browser. There are known problems in Firefox on Windows and on Android. Therefore I recommend to try it in Chrome, Safari or Edge. You can give it a try for free on the website Connect 3D. The feedback is very important for me and the development. I really appreciate your feedback! I plan on implementing much more stuff if the feedback is positive. Possible next features: Personal Profiles and Statistics Level/Rank System (implies profiles) Public Games (join random people and play against them) Tournaments/Competitive Play Computer Opponent (AI) Different Game Modes and many more... Tell me your opinion and what you would enjoy the most in an upcoming version? Thank you for your help! iflow
  4. I included a manifest file for every .obj and .mtl files of my models and enabled IDBS storage. But only .obj files are being cached and not .mtl files. It makes a request to the web everytime to obtain the same .mtl files. How do I fix this? My manifest file (road.mtl.manifest) is: { "version" : 1, "enableSceneOffline" : true, "enableTexturesOffline" : true }
  5. If you have seen my collision with stls post, please disregard it unless you have a solution. recently I stated using Clara.io instead of sketchup, and I made a house for testing. The problem is is that when I use BABYLON.SceneLoader.ImportMesh("", "assets/", "Clara_th.babylon", scene, function (newMeshes) { let house = newMeshes[0]; house.checkCollisions = true; house.position = new BABYLON.Vector3(75, 14, 50); }); I get collision with my walls, but only 1 of them move. I used boxes to make the walls and floor, all seperate objects, but the don't move as one. Is there any way to fix this? I tried this: BABYLON.SceneLoader.ImportMesh("", "assets/", "Clara_th.babylon", scene, function (newMeshes) { let house = newMeshes[0,1,2,3,4,5]; house.checkCollisions = true; house.position = new BABYLON.Vector3(75, 14, 50); }); But that didn't work. My site is here: http://giv0.gitlab.io/fpoy The terrain is for testing purposes. Thanks for any help! Givo
  6. Play Wizard Shield Wizard Shield is a multiplayer first person shooter inspired by Magic Carpet and Magicka. At this point there are two classes: Stone Shot which is like a shot gunner and Power Stars which is sort of like a machine gunner. My objective is to create a game centred around building/casting spells dynamically to overcoming environmental puzzles and combat other players. It’s currently only tested on Chrome. I believe clicks don’t register on FF. Please let me know if you have any suggestions or ideas on the gameplay. I know there’s a lot to do but but I'm just focusing on making the gameplay good for now. Next things I want to add: - Players hands in and animated when throwing and casting spells. - A number of elements that can be combined together, for example stone and fire to create a fireball. Issue I’m having: The map is so terrible because most shapes I create in blender and than export don’t work without glitches. Once I export for BabylonJS, the camera can partially pass through them and physics objects may or may not collide properly. So I’ve been coping by copy-pasting the few wall shapes I have that work.
  7. Looking for BabylonJS developer to help with 3D viewer project. You can check out the current version by going to app.mycasebulder.com/app and placing objects on the screen and hitting 3D to see the viewer. Need updates, speed enhancements, other 3D functions.
  8. Hi all, I was wondering if it was possible to access variables from a previous pass in the shader, i.e color of fragment or something along those lines. I want to have something that changes color over time after an event occurs. So if I can access a time delta plus a previous color then I can slowly modify it to a new state, is this possible? *Note this is my first time working with shaders, please excuse any stupid questions 😕 Thanks.
  9. Back to the Lamps on Babylon / Open Contest! forum thread, I've commited myself to write a tutorial about my lightmap workflow. Here the demo: And here the first published version of the tutorial... but in french, for now 😄 https://www.nothing-is-3d.com/article25/de-blender-vers-babylonjs I will soon make available an english version, don't worry. [edit] english version is out: https://www.nothing-is-3d.com/article27/from-blender-to-babylonjs
  10. Hi, im having a problem with the material of a Ribbon Mesh when im in wireframe mode, it appears in black all. It should be modified because it is changing the color of the mesh with colorKing, heres an example but in my code all mesh is black. In the playground, if you take a look of the sides, it has color. In my example it doesnt Help me out 😃 https://playground.babylonjs.com/#HHV38I#1
  11. Play "Offerlings" in your browser" For the game jam Ludum Dare 43 we decided to try out BabylonJS. We knew we wanted to create 3D game and for it to run on the web and on mobile browsers. We'd previously created our own JS engines with THREE.js as the renderer, but the time constraints of the game jam (3 days) meant we wanted to an existing game engine. We looked at other game engines that had HTML5 exports (Unity, Godot, Unreal), but none of them really worked on mobile. We're really happy with using BabylonJS, the examples were great for learning how to add various features into our game. Looking forward to the AmmoJS plugin in version 4.0! Let us know what you think of the game, and if you spot any problems.
  12. Hello, i have got a question. I am created a gui simple button and also i want to take the button properties from CSS file. I tried so many things, but i couldn't reach my aim. I need helps from masters.
  13. Hi Guys & Gals, I just wanted to let you know I'm learning 3D browser game programming in my spare time by developing something like a Model Train Simulator in BabylonJS. Thanks to the great and easy access framework of BabylonJS I've been able to develop much faster than with C++ / Direct3D 15 years ago. This project is in early stage but progressing though. I'm having some math-computations challenges on the track turnout points, but hope to have them fixed soon so that you can drive trains on more complex routes. The app supports keyboard, mouse, touch, gamepad input and also VR-headset device. Multiplayer support currently only on same device (e.g. connect 2 gamepads). Anyway, here's a teaser-screenshot of what can be called a level inspired by the "Sponza" demo. :-) Kind regards, Quintus
  14. Hi, i need to create a 3D image with the elevation data provided by google in meters unit. I don’t want to use heightmap image. I need to create it with the xyz coordinates. The elevation value coming from the dem api are in meters. I don’t know how to calculate the x and z corresponding to this elevation value in meters.Please help me with some examples.
  15. Hello, i have been started working with BJS short time ago. I couldn't understand the using rebuild method. I have one issue i think i can solve that with rebuild method but i coluldn't understand how to use it. Can somebody explain it pls?
  16. I have free camera in orthographic camera mode. I don't want camera to move at all on mouse or any other kind of input. So I tried not calling attachControl with this, camera doesn't react at all (Good!) but boxes in this scene with actions registered to action manager also do not react to mouse inputs. Second approach I tried is calling attachControl with following function: scope.registerBeforeRender(function () { // I want top view camera.rotation.x = Math.PI / 2; camera.rotation.y = Math.PI / 2; camera.rotation.z = 0; }); When I try to move ground with mouse it does move slightly. As shown in image. Help needed.
  17. Hello! I need your help. I use Angular 7 + babylonjs and added a 3D model (.obj format) to the project. The model was imported and the problem is how to position this model? BABYLON.SceneLoader.Append('../assets/models/bmw/', 'BMW_M3_GTR.obj', this.scene, scene => { // });
  18. Hello, I'm currently working on a CAD-ish program and we have chosen babylonjs as our 3D-engine. However, now we are about to implement some camera movements and we noticed that some of our meshes turns out to be really far away and therefore they have some really strange graphics artifacts. We are currently just drawing lines to visualize our models and we figured we wanted to translate the whole scene to the camera instead of moving the actual camera, basically always keep the mesh that we are looking at around origin. However, we are struggling with how the get the actual positions of the linesmeshes to be able to transform them. Here is a playground illustrating the problem: https://playground.babylonjs.com/#0Z00WR As noticed in the console all meshes drawn are located at 0,0,0. We are probably doing something wrong or have misunderstood something. Is there anyone who can help? Regards, Robert
  19. Hello you guys. I am a new user of Babylon.js. I have a project to show the co-occurrence network like this https://en.wikipedia.org/wiki/Co-occurrence_network in 3D. but, I don't know how to do it. It will be very helpful if you you guys have any ideas to show me how to do this.
  20. Hi : I am new beginner of Babylonjs , I want to load a mesh(.obj) by typescript. Here is my code (run in playground): class Playground { public static CreateScene(engine: BABYLON.Engine, canvas: HTMLCanvasElement): BABYLON.Scene { // This creates a basic Babylon Scene object (non-mesh) var scene = new BABYLON.Scene(engine); // This creates and positions a free camera (non-mesh) var camera = new BABYLON.FreeCamera("camera1", new BABYLON.Vector3(0, 5, -10), scene); // This targets the camera to scene origin camera.setTarget(BABYLON.Vector3.Zero()); // This attaches the camera to the canvas camera.attachControl(canvas, true); // This creates a light, aiming 0,1,0 - to the sky (non-mesh) var light = new BABYLON.HemisphericLight("light1", new BABYLON.Vector3(0, 1, 0), scene); // Default intensity is 1. Let's dim the light a small amount light.intensity = 0.7; // BABYLON.SceneLoader.ImportMesh("Rabbit", "scenes/","Rabbit.babylon", scene, function (newMeshes) { BABYLON.SceneLoader.ImportMesh("Rabbit", "scenes/Box/","Box.obj", scene, function (newMeshes) { var rabbit = newMeshes[0]; if(rabbit == null) { console.log("rabbit is null") } else { rabbit.scaling = new BABYLON.Vector3(0.1,0.1,0.1); console.log("I can see the rabbit"); } // scene.beginAnimation(skeletons[0], 0, 100, true, 0.8); }); return scene; } } When I load Box.obj I got a log "rabbit is null". but when i load a Rabbit.babylon file it work good. What happened when I loaded.Obj? Who can help me load .obj Mesh By Typescript? Thank you
  21. Hi, I'm taking a rather big bite here since I haven't really used TypeScript before, and I have very limited experience with JS and node in general. So I'm not really sure where the fault lies, but I'm pretty sure it's something stupid easy. The problem I have is this: Uncaught TypeError: Cannot read property '_environmentBRDFTexture' of undefined at Function.e.GetEnvironmentBRDFTexture (babylon.js:1) at t [as constructor] (babylon.js:1) at t [as constructor] (babylon.js:1) at new t (babylon.js:1) at t.Creation.createMaterial (Creation.ts:28) This error appears any time I try to create a new PBR material - happens with any PBR material. Specific line from where the error originates is simply this: var material: PBRMetallicRoughnessMaterial = new PBRMetallicRoughnessMaterial(name,GLOBAL.scene); StandardMaterial works just fine. I am using webpack with ts-loader to bundle the JS, as well as TypeScript Compiler, for verification only. My webpack.config.js is pretty much copy-paste from the docs: const path = require('path'); module.exports = { entry: { app: './src/game.ts' }, output: { path: path.resolve(__dirname, 'build'), filename: 'game.js' }, resolve: { extensions: ['.ts', '.tsx', '.js'] }, devtool: 'source-map', plugins: [ ], module: { rules: [{ test: /\.tsx?$/, loader: 'ts-loader', exclude: /node_modules/ }] } } And this is my tsconfig.json: { "compilerOptions": { /* Basic Options */ "target": "es5", "module": "commonjs", "noResolve": false, "noImplicitAny": false, "removeComments": true, "preserveConstEnums": true, "sourceMap": true, "experimentalDecorators": true, "isolatedModules": false, "lib": [ "dom", "es2015.promise", "es5" ], "declaration": true, "outDir": "./tscverify", "strict": true, "types": [ "babylonjs", "babylonjs-gui", "babylonjs-materials" ], } } Help?
  22. If you haven't yet seen A-Frame yet, you should check it out. The gist is that you use HTML tags to define your scene. I was working on porting A-Frame to Vue because the devtools are amazing and the components are expressive and makes your app really reactive. I prefer Vue over React since it's simpler and I don't have to work in JSX. While working on integration with A-Frame I started to notice that the overlap between A-Frame's entities and Vue's components became rather cumbersome and Three.js's API and documentation made the situation worse. I noticed the Babylon.js project shortly after and discovered how awesome it is. I then decided it would be better to make my own ECS using Babylon.js with Vue components. As of right now I have Scene, Entity, Mesh, Light, and Animation components created. Here's a sneak peek: And the code for the scene written in Pug: I'll keep this thread updated as I continue progressing on the project. Let me know if you have any ideas or feedback. You can watch me code it on my Twitch stream this Monday from 2-10pm CST. I just started this project a couple days ago, so it doesn't have documentation yet, but you can see the code on Github or grab it off of NPM as vue-babylonjs
  23. Hello Community, Can anyone help me to find out the best shader editor for Babylon, I had found that ShaderFrog provides shader editor but it is targetting another engine, I would like to add it for BabylonJS. Also please provide me some document reference to create a shader for WebGL, as I am a new learner for WebGL Shader and want to use in my App.
  24. Hey, all! I've noticed that Firefox (51.0.1 is my version) throws errors when loading all .babylon files that were exported from Blender. The files load fine, though. Should I be concerned with this? It doesn't happen in Chrome, but I'd like to remove the clutter from the Inspector so I don't lose any actual issues in Firefox. Error: (all .babylon files cause this) XML Parsing Error: not well-formed Location: http://whirlinggizmo.com/skintest/assets/wearables/m_shirt_fireman/m_shirt_fireman.babylon Line Number 1, Column 1: Playground Link: http://babylonjs-playground.com/#WDMRY#17 Thanks!
  25. anybody knows how can i access to event such as clicking or gazing in babylon toolkit i didnt find any enough source in internet i need to teleport with gazing play animation which is opening the door s when in gaze event and i need change my cursor when i gaze or when im not im gazing event