Jump to content

BabylonJs with Angular 6


ghostman
 Share

Recommended Posts

I haven't use Angular since V1, so I think we can all agree that I can't help much there!

I think the general idea is to use NPM and load scene in ngAfterContentInit().  All the relevant docs are here for NPM.  Note that import 'babylonjs-loaders' is only for side effects:
https://doc.babylonjs.com/features/npm_support

Link to comment
Share on other sites

Thanks, @Sebavan and @brianzinn for the fast reply, I appreciate that.

- Can you please tell me its possible to integrate Babylon in the Angular application and how much it is efficient. I have more than 150 large different scenes.

- Is there are any examples of live applications or games that are built using Angular and Babylon.

- If this approach is not good for large applications, please suggest me any other framework that will help me to implement front-end as well as Babylon in it.

Link to comment
Share on other sites

hi @ghostman - didn't realize you were new to the forum, so welcome!  For sure there are people who have succeeded with Babylon and Angular, but I can't point you to any examples.

35 minutes ago, ghostman said:

please suggest me any other framework that will help me to implement front-end as well as Babylon in it

I am definitely not suggesting that you choose React, but can point out some examples that I have created:
https://brianzinn.github.io/create-react-app-babylonjs/ (JavaScript)
https://brianzinn.github.io/create-react-app-typescript-babylonjs/ (TypeScript)
https://brianzinn.github.io/react-redux-babylonjs-starter-kit/ (JavaScript and deprecated, but has a working game)

I'm absolutely certain you could get all of those examples working in Angular and vue.js.  I just don't know any other examples.

Hopefully somebody can chime in with some Angular examples for you! :)

Link to comment
Share on other sites

2 hours ago, brianzinn said:

hi @ghostman - didn't realize you were new to the forum, so welcome!  For sure there are people who have succeeded with Babylon and Angular, but I can't point you to any examples.

I am definitely not suggesting that you choose React, but can point out some examples that I have created:
https://brianzinn.github.io/create-react-app-babylonjs/ (JavaScript)
https://brianzinn.github.io/create-react-app-typescript-babylonjs/ (TypeScript)
https://brianzinn.github.io/react-redux-babylonjs-starter-kit/ (JavaScript and deprecated, but has a working game)

I'm absolutely certain you could get all of those examples working in Angular and vue.js.  I just don't know any other examples.

Hopefully somebody can chime in with some Angular examples for you! :)

@brianzinn thanks for reply, I'll try this. :)

Link to comment
Share on other sites

@ghostman

0️⃣1️⃣2️⃣

ghostman dont give up Im too doing angular, and since everything is classes to angular more or less.

You need to work with

AfterViewInit

 
import { Scene, Engine } from 'babylonjs';

If using TypeScript, don't forget to add 'babylonjs' to 'types' in tsconfig.json:


 
    ...
    "types"[
        "babylonjs",
        "anotherAwesomeDependency"
    ],
    ...
npm install babylonjs --save
Link to comment
Share on other sites

ye i understand but everything seems to load, its 2 textures not loading correctly from what i can tell, THE errors you see has nothing to do with it they just tell you kind of 3 packages not installed I have THE same error.

however to fix your error try this

change importmesh()

to SceneLoader.Append()

so u append scene maybe it fix THE textures problems

@ghostman

And also My createscene FN is void doesnt have to return anything.

but whatever works for you 😋

cheers

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...