Skip to content

Latest commit

 

History

History
79 lines (49 loc) · 3.43 KB

File metadata and controls

79 lines (49 loc) · 3.43 KB

PotOfCoalsAnimationPointer

Tags

showcase, extension

Extensions

Required

  • KHR_materials_specular
  • KHR_materials_transmission
  • KHR_materials_volume
  • KHR_texture_transform

Used

  • KHR_materials_specular
  • KHR_materials_transmission
  • KHR_materials_volume
  • KHR_texture_transform
  • KHR_animation_pointer
  • KHR_materials_clearcoat
  • KHR_materials_specular
  • KHR_materials_transmission
  • KHR_materials_volume
  • KHR_texture_transform

Summary

Burnt copper pot with a clearcoat, containing emissive hot coals, and animated heat refraction.

Operations

Screenshot

Screenshot from glTF Sample Viewer
Screenshot from Babylon.js Sandbox.

Description

This asset uses the extension KHR_animation_pointer to animate a heat refraction effect over the PotOfCoals asset.

Animated GIF of the heat refraction
The animated heat refraction effect.

Animation

Thickness and normal textures
The refraction effect uses two counter-rotating textures.

A mesh was placed above the coals and assigned a refractive material with KHR_materials_transmission and KHR_materials_volume. The volume thickness texture was animated to rotate counter-clockwise, and the normal texture was animated to rotate in the opposite direction. This causes the refraction animation to be less noticeable as a rotating effect, as the two distortions produce an interference pattern. Each texture uses a radial gradient to gradually flatten the texture towards the outside edges, which helps separate the refraction from the edges of the copper pot.

Specular

Disabling the Specular extension
The specular extension was used to remove reflections.

The extension KHR_materials_specular was added to the refraction mesh to disable all reflections. This prevents the mesh from looking like reflective glass or water, but more like non-reflective air being refracted by heat.

Legal

© 2024, Darmstadt Graphics Group GmbH. CC BY 4.0 International

  • Eric Chadwick for Model and textures

© 2015, Khronos Group. Khronos Trademark or Logo

  • Non-copyrightable logo for Khronos logo

© 2017, Khronos Group. Khronos Trademark or Logo

  • Non-copyrightable logo for glTF logo

Assembled by modelmetadata