Popular Content

Showing content with the highest reputation since 10/15/2018 in all areas

  1. 5 points

    Parametric cabinet

    Hi Babylon Community, I decided to make a side project https://3d-visual-solution.com, this is a small part from Parametric Cabinet project. As I still working on Parametric cabinet project (transferring all code to NullEngine). Some projects made using Parametric cabinet. Your opinion is important to me . Comments and suggestions are welcome.
  2. 4 points
    Hello. I'm working on a fighter game, and while it's not finished yet, you can enjoy it ahead of time via video, which is open source, and I'll post its github address when I finish the first phase. //On October 8, github address:https://github.com/renjianfeng/flightSimulator github.io:https://renjianfeng.github.io/flightSimulator/released/index.html update:On October 21, new video:
  3. 4 points
    Also @Shahzaib 3d Customizer can I gently remind you that members come to the forum as and when they are available and answer questions in their own time frame. While this is one of the most responsive and helpful of all forums and people are only too happy to help I would get annoyed if some one was pinging me even a couple of times an hour so on behalf of NasimiAsl and others who might reply to you a little patience goes a long way 🙂
  4. 4 points
    Hi again using the principle that it is better to teach someone to fish than catch the fish for them😊 - if you go to the API in the docs, scroll down to videoDome an open it then look through the properties and methods you will come across setEnabled So you ask yourself can I use this, how do I try it out? You go to the docs and search for videoDome which brings you to the how to do 360 video page. On this page there is a playground example. Next quetion is how do I reset dome.setEnabled if I set it to false? Use a clickable button, Next check out the GUI page of the docs and read about events Here is a button click playground example. Paste this example into the videoDome example and reset the onclick function to reset thee dome.setEnabled to true and see what happens. The result https://www.babylonjs-playground.com/#SQ5UC1#14 shows it is possible to load the video and show later. Now all that is needed is to adapt this to the animation context.
  5. 4 points

    Better way to create pyramid trunk

    https://www.babylonjs-playground.com/#QPTGM2 https://www.babylonjs-playground.com/#QPTGM2#1 that is flat level of sides if you interested i can make rounded sides too ping @Dieterich
  6. 4 points

    Looking for some help with optimizing.

    Some alternatives Using Babylon.js clones rather than creating new copies https://playground.babylonjs.com/#9G5I9U#1 Using instances https://playground.babylonjs.com/#9G5I9U#2 using SPS https://playground.babylonjs.com/#9G5I9U#3
  7. 4 points

    loading screen with a video

    Here's one in HTML that just makes a black background container and a video element. https://playground.babylonjs.com/#GC1S7W#1 (You may need to click run before the video works, issue with video elements need interaction.) side-note: PG with timeout( for extra video time ) will bug when clicking run again before the timeout finishes (and video is hidden).
  8. 4 points

    Pixel perfection

    Hey ! Welcome to the forum Try this - http://jsfiddle.net/zmatocef/ and here's the PG- https://playground.babylonjs.com/#M9XT7F#3 as you can see, if you use diag, the FOV for 0px offset still leaves some area(coz of sq root) which is because of the fact (basic maths) let's say you render size was 500*500; diag = Math.sqrt(500*500 + 500*500) => 500 * Math.sqrt(2); because of this (sqr 2)1.41 there's some region left in the view area. (same case happen with Three.js; you can try yourself! ) This is how the formula is derived -> tan(x) = height/ base. Now for FOV ( we have to find 2tan(x)) In our case tan(x) = (renderHeight/2)/ (distance) ; //(distance btw camera and mesh; because camera is in middle) now x = tan-1(renderHeight/ 2* distance); and FOV = 2x; if you use diagonal; you can't get accurate result (x in this case)
  9. 3 points
  10. 3 points

    Where can you find skybox textures?

    Hi See this place? https://opengameart.org/content/elyvisions-skyboxes See the tiny link to elevisions.zip? You COULD grab that. I dunno what it is inside it. Once upon a time... I collected 38 Elyvision skyboxes, corrected their texture names to be BJS-ready... put bottoms on the skyboxes that didn't have bottoms... and packed-up all 38 with a demo viewer... into THIS zip. http://urbanproductions.com/wingy/babylon/skyboxes/skybox_tour.zip Grab it, use its textures, have fun. Try to find Elyvision's current website, try to see if they have usage rights policies, and at least give them credit where possible. If you grab my zip package, you can see that I gave credit to them.... by putting their name/website address on the bottom textures of any skyboxes that had no bottom textures. Note: Skyboxes without bottom textures - 5-texture skyboxes... expect the programmer to use a "ground" as the bottom texture. ie. No need for bottom texture when there is a floor/ground in the scene. BUT, BabylonJS cubeMaps need a 6th texture (negativeY/_ny)... so, I had to "make" some. Let's see if the demo itself still works... http://urbanproductions.com/wingy/babylon/skyboxes/skybox_tour.htm Yeah! Be patient as you tour with [ and ] keys. Textures take time to load. G-button toggles ground, M-button toggles model, R-button for reset. Skybox1 is possibly a non-Elyvision skybox. Not sure. "Skybox1" is the first skybox used in a BJS scene, EVER, I believe. It is available in our playground, too. I think 3 Elyvision skyboxes are playground-reachable, as well. For Ely1-Ely18 (all 5-texture skyboxes)... you can drive your camera thru the floor, and see the credits/url to elyvision (written on bottom texture). Unfortunately, it is a stale url. Ok, hope this is helpful. 38 BJS-ready skyboxes... sweet!
  11. 3 points

    sceneLoader, glTF and instances

    Here my tests... bad news, it seems we have a perf' issue 😱 3600 instanced meshes, materials with lighting disabled and no hdrTexture for PBR scene (to not add drawcalls compared to Standard .babylon one). .babylon file: https://www.babylonjs-playground.com/#8LFTCH#12 almost 60 fps 3600 meshes 1 draw calls meshes selection duration 7.8 .glb file: https://www.babylonjs-playground.com/#8LFTCH#11 only 23 fps 3601 meshes (+1 = __root__ I suppose?) 3600 draw calls meshes selection duration 14.8 blend file if needed
  12. 3 points
    Log: 1. Press "E" to release the interference bullet. 2. Add sound 3. Added impact detection and voice alarm 4. Optimized the halo effect 5. Long press the space bar to switch to a free perspective.
  13. 3 points
    Hi @JZ7878 and welcome to the forum from me. The issue is the use of double sides for the ribbons. To ensure the normal directions for the sides are correct (ie point away from solid) to produce the 'solid looking' mesh you need to swap the order of some of your arrays. I have done this by using the reverse function but you could change the appropriate arrays by hand. The 'direction' of the ribbon will also affect how CSG works. So here is a cube made up of single sided ribbons in correct direction http://playground.babylonjs.com/#J4H6RF#3 You can also remove the backface culling lines. I stuck to using a standard box as it was easier to experiment with just one 'ribbon cube'. You can try the same approach with a 'ribbon hole maker' making sure normals will be correct.
  14. 3 points
    Hi PPB, welcome to the forum. Thanks for the report and playground! Interesting! I have no solution, yet. Just begun work. Newer test playground... https://playground.babylonjs.com/#6UZ7BJ#2 Problem is OimoJS only, I think. Swap lines 8/9 to switch-to CannonJS. I think we better ping physics genius @RaananW to ask for assistance. Meantime, Wingnut grabs his Sherlock Holmes pipe, hat, and magnifying glass, and begins his investigation (likely fruitlessly). Extra issue: I see (overly?-) large differences in restitution (bounce amounts)... between Oimo and Cannon. hmm. Still testing/learning. Stay tuned, ponpon! More comments coming. update: PG #4 - In lines 28-32, I raise the root! (ar ar) (raised a little per frame) Things act weird. Adjust values in line 30... to vary the weirdness. PG #5 is even MORE weird, as I lower the root.
  15. 3 points

    Pixi.js Showcase

    Hi, I'm web comic creator at Korea. I'm testing to make motion comic with pixi.js and spine2d and jquery.etc. this page is my tests. -only anmation cuts. http://labica.synology.me/pixi/pixi01.html - Scroll and Animation http://labica.synology.me/pixi/pixi02.html -Sync with scroll http://labica.synology.me/pixi/pixi03.html I love pixi. It's great!.
  16. 3 points
    I think that's what you were looking for .. you can update the 'visibility' in sphere example. http://www.babylonjs-playground.com/#PY2MKZ#5
  17. 3 points
    Hi there, please go through the official documentation, it covers all your questions (https://doc.babylonjs.com/how_to/parametric_shapes) TL;DR For Non Regular Polygon/ Extruded Non Regular Polygon -> the path should be in x0z plane. and you can use extrude shapes in both z and y direction (ref - https://doc.babylonjs.com/how_to/parametric_shapes#extruded-shapes) Hope this helps, happy learning
  18. 3 points
    hi i am on it https://www.babylonjs-playground.com/#BVG26D#9 you most read about events here https://doc.babylonjs.com/babylon101/first sorry about ugly coding i just try find a solution i work fix this problem (slowly)
  19. 3 points

    PC Port

    @RavZkie not sure if this is helpful, but feel free to check https://github.com/ssaket/babylonjs-electron-starter It has both loader and material external libs pre-installed.
  20. 3 points

    Better way to create pyramid trunk

    @Dieterich actually side orientation is about triangle order not culling 🙂 as @JohnK mentioned you need to rely on backfaceCulling here. DoubleSide is mainly use during mesh creation and will duplicate the triangles to be visible from both sides.
  21. 3 points

    PC Port

    Hello, yes you can:) YOu can embed it into an electron App or use as a PWA to reach Windows Store. This game for instance is using Electron to reach the Steam store: https://store.steampowered.com/app/842490/BOXiGON/
  22. 3 points
    Your water does not need as much subdivision. your water is flat, a subdivision of 4 is sufficient.
  23. 3 points

    Dynamic Terrain

    Little uncomplete demo of a bat flight simulator in a cave : http://jerome.bousquie.fr/BJS/test/cave.html 2 dynamic terrains, one inverted
  24. 3 points

    Web Game Editor Version 2

    Hello, I announce the release of Web Game Editor. More info here: http://www.html5gamedevs.com/topic/39884-web-game-editor-mmorpg/ Link of the site:=> http://www.web-game-editor.actifgames.com/ To download the editor you must be registered on the site. Feel free to consult the manual and tutorials videos or ask questions on the forum. You welcome. I hope you like this new version. There is still work to be done, but this version is more accomplished than the previous ones. Be sure that I will make every effort to make this editor as functional as possible with regular updates. Have fun. Some pictures:
  25. 3 points

    Is Babylon.js for me ?

    Actually, 3JS provides many renderers : canvas2d, webgl, CSS3render, SVGRenderer and tries to abstract the way to design a scene the same way for all these renderers. Moreover, the library is smaller (even with all these renderers), this means that a lot of features are external ones (cameras, for instance). It's not focused on game development initially either, this means for example, that there's no dedicated method to handle the render loop (you have to do it by your own) and no specific concerns about the memory allocation or the garbage collection or any other optimization about the CPU/GPU pipeline (ex : no use of indices, only flat vertex array, no memory reuse on normal computations, etc). There's no dedicated support forum either. You need to use StackOverFlow. The project is older than BJS, there are some books about the framework (not all are updated to the latest version actually) and some existing commercial projects. If you dig a little in the commercial project codes, you quickly notice that the framework provided functions are more or less used and a lot of genuine WebGL is deployed : shadders, GLSL, etc. Because the needs quickly overpass what 3JS initially provides. BJS focuses only on WebGL, so no other stuff. The library is twice bigger than 3JS one... for only one renderer. This means BJS intends to embbed the more features as possible for the final user, but keeping only on the WebGL + animations way. As it intends to be a game framework, it provides everything about animations and concentrates on keeping fast. This means a lot of process, memory, bandwith optimizations, especially in the render loop. If you have a look at existing demo codes done with BJS, you'll see that the lib provides almost everything to do simply what you need to code a complex game or any other WebGL rendered animated project. When features are provided as external ones, such as the material library, they remain supported by and in the official repo. This forum is the official place for community help and even core team support. Moreover some official tools like the playground, the CYOS, or the sandbox are provided to help you to share your issues or realizations. As the project is less old than 3JS, there are currently less available books (two for what I know so far), but you'll find the biggest online doc ever : tutorials, API doc (in improvement), videos, curses, tons of running and detailed examples from the forum/playground, etc. We have plenty of examples of people having started a project under 3JS, then tried and ported it to BJS and never switched back. Make a quick search on this forum, you'll understand why ;-)