https://github.com/HarveyLijh/Babylon_PostEffect_Designer_JL

Full control of post effects adjustments in Babylon.js. Support real-time post effect adjustments, mesh import, and post effect data sharing
https://github.com/HarveyLijh/Babylon_PostEffect_Designer_JL

babylonjs export-to-json glb mesh-import post-effect real-time-rendering tool

Last synced: about 2 months ago
JSON representation

Full control of post effects adjustments in Babylon.js. Support real-time post effect adjustments, mesh import, and post effect data sharing

• Host: GitHub
• URL: https://github.com/HarveyLijh/Babylon_PostEffect_Designer_JL
• Owner: HarveyLijh
• License: mit
• Created: 2022-07-23T21:44:45.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-29T13:27:19.000Z (over 1 year ago)
• Last Synced: 2024-08-02T15:08:09.690Z (5 months ago)
• Topics: babylonjs, export-to-json, glb, mesh-import, post-effect, real-time-rendering, tool
• Language: JavaScript
• Homepage:
• Size: 6.12 MB
• Stars: 23
• Watchers: 4
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-babylonjs - Babylon PostEffect Designer - Full control of post effects adjustments in Babylon.js. Supports real-time post-effect adjustments, mesh import, and post-effect data sharing. ([demo](https://harveylijh.github.io/Babylon_PostEffect_Designer_JL/)) (Projects)

README

        

# Babylon PostEffect Designer 

This tool provides users with full control of post effects adjustments in Babylon.js. 

You may adjust each field using check box, sliders, and directly inputs. 

Check real-time rendering to find the combination best suits your needs.

You may also download post effect data as JSON and share them with your friends.

You can fork this repo to modify and make changes of your own. Please give me proper credit by linking back to [HarveyLijh](https://github.com/HarveyLijh). Thanks!

## Live Demo

https://harveylijh.github.io/Babylon_PostEffect_Designer_JL/

![screenshot](https://raw.githubusercontent.com/HarveyLijh/Babylon_PostEffect_Designer_JL/74bae1f990c117ebd1cae93a462ca2caf06ffb4e/Capture.PNG)

![screenshot](https://raw.githubusercontent.com/HarveyLijh/Babylon_PostEffect_Designer_JL/main/Capture2.PNG)

## Features

- Export/Import post effect data

- Load custom model from url

- Multisample/Fast Anti-Aliasing

- Tone Mapping, Contrast, Exposure

- Full control of Glow Layer

- Full control of Color Curves(saturation, hue, density)

- Full control of Direction Light(color selection, intensity, direction, height)

- Directional light auto shifting

- Skybox color selection

- Full control of Bloom(kernel, weight, threshold, scale)

- Full control of Depth of Field(blur, level, focus distance, F-stop, focal length)

- Full control of Chromatic Aberration(ammount, radical intensity, direction)

- Full control of Sharpen(edge amount, color ammount)

- Full control of Vignette(multiply, color selection, weight)

- Full control of Grain(intensity, animated)

### ↳ Stargazers

[![Stargazers repo roster for @HarveyLijh/Babylon_PostEffect_Designer_JL](https://reporoster.com/stars/HarveyLijh/Babylon_PostEffect_Designer_JL)](https://github.com/HarveyLijh/Babylon_PostEffect_Designer_JL/stargazers)

### ↳ Forkers

[![Forkers repo roster for HarveyLijh/Babylon_PostEffect_Designer_JL](https://reporoster.com/forks/HarveyLijh/Babylon_PostEffect_Designer_JL)](https://github.com/HarveyLijh/Babylon_PostEffect_Designer_JL/network/members)

## Reference

Demo models: https://maxparata.itch.io/voxel-spaceships