BabylonJS

I have always looked for possibilities to display 3D content on the web. Many authoring software packages or plugins came and died. Now there’s a new initiative that looks very promising. Modern, sexy (yes, I still use that description, sue me!), easy, flexible and just cool.

It’s called BabylonJS and you can find all information about it at their website.

Together with Blender3, the Blender BabylonJS Export plugin and the baking plugin BakeTools one is up and running very fast. Here’s a good tutorial on how to export from Blender using this plugin.

It’s then very convenient to load the exported scene into the BabylonJS sandbox where textures can be loaded or replaced and the materials can be tweaked. Plus there’s a lot more settings that can be set. Like how far down the user can tilt the camera, or add a dedicated environment and much more. And the Java capabilities of the Framework the sky is the limit 🙂

Also there’s a WordPress plugin to display your models on your website, stored local or in the cloud! Actually there is two plugins. More about them here.

Example; ArtRoom 2022 (revived)

I revived a project I did with Vera Liechti many years ago. We entered an exhibition contest and wanted to present Vera’s oil paintings interactively. Meaning we built in a stereo camera (something like a kinect) and the visitors could interact with the artwork by moving their body. The visitor could then step on a button and the version of Vera’s painting would have been printed and the visitor could take that print home. Here’s the PDF we submitted. Unfortunately we were not accepted. We had a working prototype. Here’s the previz data from then now reworked in Blender and exported to Babylon JS.

Blender «BakingTool» Addon

While getting nice results with the built-in baking in Blender, There’s no way to denoise the renders while rendering. That’s not a biggie, as the compositor can easily be used to denoise the results.

But the baking is sorta cumbersome and very manual. So I was looking for a solution that would automate this a bit. First I tried this GitHub project called «Lightmapper«. But even after hours of testing, running various Blender versions etc. I simply did not get any images out of it. It rendered for 0.0 or 0.01 seconds and nothing. I am sure I missed something, but as it looks like a cool solution. Give it a try! Projects like those are not priceless because they’re free, but many times they combine the best of many commercial tools. But there’s always the «which version of host app to run with which version of the code» problem. Which is not the case with commercial products.

So I found the apparently most well known Blender baking tool called «Baketool«. Bought it, installed it, played with it, consulted their documentation and watched a video or two and I was up and running and it rendered images in no time.

While there’s more than «Baketools» and the Github project «Lightmapper», I am happy with my purchase of «Blendtools». I found my list here. Give it whirl, you might find something that suits you.

Final bake in Blender (left) and the in the BabylonJS Sandbox (right)

Side note: I added a point light for more illumination than just from the neon tubes with an emissive material. And also a spot light to bake the figure.

Process

The process is very easy with this addon.

  • Create a new Job
  • Decide the baking mode (Individual or Atlas & Target)
  • Setup mode, save path, Image format and render device
  • UV settings (Good at default)
  • Then add the object you want to bake
  • Choose the render passes
  • Hit «Bake»

My setup

  • Created a job called «ArtRoom-2022_REGULAR»
  • Chose to bake individual surfaces to texture
  • Enabled «Expert» because it has more options
  • Set path, chose PNG and CPU (with my 1060 there’s not much difference to CPU…)
  • Added all the meshes I want to bake
  • Setup AO and Diffuse pass to be rendered (more samples on AO for less noisiness)
Baketool setup in Blender
Result Diffuse and Ambient Occlusion

Institute of Pharmacology «GH-Receptor»

This is an animation about growth hormone receptor docking and the effect of Pegvisomant and antibodies.

This was the first animation I did in Blender. Shoutout to Joseph Manion which is running the youtube channel CG Figures for providing the basic setup for the Phospholipid Bilayers!

From Autumn 2019 until Summer 2021 I worked in the research group of Prof. Stephan von Gunten at the «Institute of Pharmacology» at the University of Bern, Bern Switzerland, as a 3D instructor and animator.

Institute of Pharmacology «T-Cell Animation»

This is an animation showing a T-Cell that connects to a cell and is able to discharge when the cell is not covered with sugar crystals but fails if the cell is completely covered.

From Autumn 2019 until Summer 2021 I worked in the research group of Prof. Stephan von Gunten at the «Institute of Pharmacology» at the University of Bern, Bern Switzerland, as a 3D instructor and animator.

Institute of Pharmacology «Saccharification»

This is an animation showing a T-Cell that connects to a cell and is able to discharge when the cell is not covered with sugar crystals but fails if the cell is completely covered.

From Autumn 2019 until Summer 2021 I worked in the research group of Prof. Stephan von Gunten at the «Institute of Pharmacology» at the University of Bern, Bern Switzerland, as a 3D instructor and animator.

Institute of Pharmacology «Virus Animation»

This is an animation about the process of a virus docking to a cell, entering the cell and getting the cell to replicate the virus multiple times and the replicated viruses exiting the cell.

From Autumn 2019 until Summer 2021 I worked in the research group of Prof. Stephan von Gunten at the «Institute of Pharmacology» at the University of Bern, Bern Switzerland, as a 3D instructor and animator.

LEGO Research Showreel 1995 – 1998

This is where it all started…

This video is from the time at LEGO (1995 to 1998) and shows work Dan and I were involved in during this time. It documents what was happening in respect to human interaction in 3D space at LEGO and goes all the way to real time movie making with digital LEGO. It visualizes the vision we carry when we create a product like Xaelander for Motion4U.

The very first bit of the video shows an early prototype that was realized in collaboration with David Small which was at MIT at this point. As soon as the gentlemen in the yellow suit pops up you’re looking at Scott from Multigen that uses SmartScene. In the second part of the video there is footage from the castle demo of the WIZard group at SPU Darwin (actual name of the demo was «Batlord’s Castle»). In there you will also see Kjeld Kirk Kristiansen the owner of the LEGO Group (gentleman in the blue-shirt with tie and the VR headset).

So if you’re in for the short read, watch the vid, follow the links above and check out what you can get out of this today. If you care about background, history and tech-babble … keep on reading 🙂

LEGO Research Showreel 1995 – 1998 weiterlesen

Google Wave

Watched the video of the new technology Google announced. This looks really interesting. I love the part about the history in emails and chat. How many times did you have to search through email, sms, skype chat history etc. to find that one statement of somebody or a link to something…

Google Wave will keep track for everybody and everything. Let’s hope the whole conspiracy theory stuff is a myth tho 🙂

Google Wave presentation
Google Wave Wiki (English)
Google Wave Wiki (German)
In depth information on Google Wave

DSGVO Cookie-Einwilligung mit Real Cookie Banner