Fast fake diamonds demo - finally looking cool - part 4

Demos and projects
1

Hi there!
EDIT: NME and source code available

  1. Added fullscreen, camera presets and diamond color selector in the UI.
  2. Added bloom effect as suggested by @musk I knew what I wanted to achieve, but I didn’t now the name of the effects, so thanks mate :slight_smile:
  3. Soft shadows
  4. Soft reflections
  5. Shader support for environment reflections (Thanks to @deltakosh and @Evgeni_Popov, guys I was using the wrong embeeded node material all the time :smiley: my bad, so that’s why it was not working)

https://babylonjs.nascor.tech/old-diamond-ring/#/

EDIT: working link (no color selector though) - GitHub repo below

image
image1916×1077 67.9 KB

Guys, I am starting to be proud of myself :smiley:

R.

11 Likes
2

I’m already proud of you tbh :wink:

2 Likes
3

Thanks a lot! :vulcan_salute:

4

Bravo! Whenever I feel good enough, you can always go further. Have to keep paying attention to you :wink:

1 Like
5

This is really something to be proud of! Good work :metal:

1 Like
6

Thanks!
Trying to reach your diamond master level :slight_smile: Thanks for the inspiration!

2 Likes
7

Hello!
Here it is :diamond_shape_with_a_dot_inside:

The GUI was created in Quasar so it is quite good example how to use Vue/Quasar/BabylonJS together.

NME:
EDIT3: https://nme.babylonjs.com/#KIUSWC#67

GitHub:
https://github.com/RolandCsibrei/babylonjs-diamond-shaders.git

The shader is based on this Unity shader:

I am pretty sure I’ve missed something, so you can guys try to make it better.

It is released under Creative Commons Attribution-ShareAlike 3.0 license, so please just leave a little note about the author if you use it, it may help me in the future to have a good job (the current one is good aswell :stuck_out_tongue: - boss alert)

Thaaanks!

R.

EDIT: There is already a working copy of the NME with some stuff corrected: https://nme.babylonjs.com/#J3ZDKQ#2, but I don’t plan to continue to make it better in the incoming days/weeks, but feel free to.

EDIT2: OMG, I’ve just spotted, that I lost my reflections and refractions blocks… I will put them back shortly.

4 Likes
8

Lovely! Thanks a lot for your dedication and help!

You rock

1 Like
9

I’m enjoying this a lot, so I thank you guys for BabylonJS.

You diamond

Hehe

1 Like
10

This is amazing dude! Keep up the good work!

1 Like
11

Thanks dude!! :face_with_monocle: