Hola! Newbie to Babylon here(and everything webGL/3d related tbh). I need to add a sprinkle of “wow” on top of an existing website and I decided to go with Babylon. For someone like me it was a no brainer, lots of goodies baked in and overall it seems more beginner friendly than threejs. Since I’v…

Not bad as a starting point, I believe :smiley: Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes EDIT: Animated: Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL 3D s…

Maybe you can get stars based on pixel color. [image] HTMLCanvas to Thin Instances Demos and projects Hi guys! So I’m playing around with thin instances and had an idea to convert 2D HTMLCanvasElement to thin instances. Is it good for something? I don’t know, but it is co…

I would use a png for the star itself and volumetric light scattering for the rays. Or use a shader. I bet you can find one doing this effect. Glow and Bloom can be useful as well, so maybe you won’t need a png at all. Maybe you could draw the whole object by GreasedLines. It’s an interesting task,…

Using BJS volumetric lightscattering might be what you’re looking for: https://doc.babylonjs.com/features/featuresDeepDive/lights/volumetricLightScattering

Looks like I misunderstood the question, but at least we got the right person :joy:

[image] musk: I misunderstood the question Yeah, your answer was absolutely out of scope bro :roll_eyes: :partying_face: :rofl:

Like the Guy who absolutely wants to push his feature :stuck_out_tongue_winking_eye: Fair enough and the result is really cool. I also would have said just a png (or two) but I have to say the greasedLines version is unexpectedly good :grin: Only thing, I believe the center of the star looks a bit t…

[image] mawa: Like the Guy who absolutely wants to push his feature Who are you talking about? :see_no_evil: :rofl: :rofl: :rofl: He can draw whatever base image he likes. This is the one I used: [image] It’s neither a circle :stuck_out_tongue: [image]

No, not bad at all :heart_eyes: Looks super nice! I was thinking of doing something with GreasedLines when I saw your github globe demo, but didn’t know where to start lol. I’ll play with the demo in a few hours when I get home :blush: And thanks for the welcome :vulcan_salute: P.S. I think that…

@mawa [image] Better? Changes: const points = [[ 0, -1, 0, 0, 0.2, 0, 0, 1, 0 ], [ // const widths = [ 6, 10, 22, 42, 10, 4, ] Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL 3D scen…

[image] fluxus: I think that @mawa is right, center of the star looks a bit like like rhomboid/losange No no no. It’s a pussy like shape at all…

Best way to recreate the star from the image

Questions

roland August 14, 2023, 10:52am 15

@mawa already the Ribbon is being infected by GreasedLine…

Topic		Replies	Views
HTMLCanvas to Thin Instances Demos and projects	15	1419	August 23, 2021
Looking for examples of luminous/glowing/energy/etc. stars Questions	10	1226	November 7, 2023
Porting example by ChatGPT (Porting from xeogl to Babylon.js) Demos and projects chatgpt	7	1078	May 26, 2023
Would it be possible to make this in Babylon? Questions	14	1286	April 11, 2022
Planetary Visualizaton Demos and projects	3	687	March 9, 2023

Best way to recreate the star from the image

Related topics