# Real-time Rendering and Baking for Three.js

**URL:** <https://discourse.threejs.org/t/real-time-rendering-and-baking-for-three-js/55184>\
**Category:** Showcase\
**Tags:** textures, materials, geometry\
**Created:** [August 20, 2023, 9:47pm UTC](https://discourse.threejs.org/t/real-time-rendering-and-baking-for-three-js/55184 "2023-08-20T21:47:02Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![USMANHEART](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/usmanheart/32/39311_2.png) [@USMANHEART](https://discourse.threejs.org/u/USMANHEART)\
**Post date:** [August 20, 2023, 9:47pm UTC](https://discourse.threejs.org/t/real-time-rendering-and-baking-for-three-js/55184/1 "2023-08-20T21:47:02Z")

</div>

Greetings, Three.js community!

Now real-time **rendering** and **baking** is possible with just simple API calls. You can also use some other 3D tools such as Babylon.js, Unity3D, Blender or even FBX or GLTF can be directly used without any render engine to Bake or Render your models.

Sunlight output:  
 ![youtube-video-gif](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/2/3/2300acb8c121b9a40e33042d6c0f7a5c517dbb47.gif)

Area light output:  
 ![youtube-video-gif (1)](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/f/c/fce9468071536b4acc50960ad9beb3f1c197ff60.gif)

Also, we introduced our own **Area Light** for some projects like three.js, babylon.js, FBX and GLTF/GLB formats as they lack Area light features. Three.js do have `ReactAreaLight` but the that can’t be directly used for Baking or Photorealistic rendering in render engines.

**Note** :

It is beta version which means we are still developing some features that will be available as soon as possible. All we need is your support.

**RealAPI** emerges as the ultimate solution for seamless real-time baking and rendering directly within your Three.js projects, eliminating the complexities of manual WebGL manipulation and elevating your creations to unprecedented heights.

**Key Highlights** :

- **Runtime Render or Baking** : RealAPI introduces a cutting-edge capability to bake and render scenes dynamically within your application, paving the way for visually captivating, ever-evolving scenes.

- **Integration Simplified** : Our npm package ensures a frictionless onboarding experience, while detailed and accessible documentation accompanies you every step of the way.

- **Demo Showcase** : Witness the power of RealAPI in action through our demonstration videos:

- [Basic demo with Sunlight](https://youtu.be/wIcT9Fw0OcE)

- [Basic demo with Area Light](https://youtu.be/LDsFf7eI9ZY)

**Getting Started** :

- Docs: [RealAPI Documentation](https://docs.realistic3.com/)

- Official page: [RealAPI Official Page](https://realistic3.com/)

- npm package (three.js): [RealAPI npm Package](https://www.npmjs.com/package/real_api)

**Any question** :

If you found any problem or there’s something to ask, Feel free to contact us

- Engage in insightful discussions on our Discord platform: [RealAPI Discord](https://discord.gg/ak7kQwjkte)

- Experience top-tier customer care on our dedicated support Discord: [Customer Care Discord](https://discord.gg/v8cgH4BNbm)

---

<div class="post-metadata">

**Author:** ![Umbawa\_Sarosong](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/umbawa_sarosong/32/30107_2.png) [@Umbawa\_Sarosong](https://discourse.threejs.org/u/Umbawa_Sarosong)\
**Post date:** [August 22, 2023, 7:58am UTC](https://discourse.threejs.org/t/real-time-rendering-and-baking-for-three-js/55184/2 "2023-08-22T07:58:56Z")

</div>

This is awesome, this would be the first step to making high quality [game](https://theneoverse.web.app/#serini&&serini)