Bjorn

Bjorn's 3D-decks

Create stunning (online) presentations

- a web app -

Slogan of the week :-)

A picture is worth a thousand words, but a 3D deck might be worth a million more...

The Epiphany

Mid 2020 I had the epiphany that one can merge the powerful 3D graphics now available in modern browsers and the ease of use of PowerPoint/Google Slides to create a tool for mere mortals to design truly amazing eye-catching slide decks / presentations.

After a few experiments, ""Bjorn's 3D-decks" was born, an online app with the slogan "re-inventing presentation software using animated 3D". In some sense it's like Google Slides but using fancy 3D and animations to make presentations way cooler.

"3D makes presentations better, 3D makes better presentations"

Online presentations re-imagined

Create one-of-a-kind eye-catching (static) presentations - on websites, advertisements, conferences, trade shows (online, at booths, etc) and other similar scenarios and of course regular business-to-business in-person or online presentations.

"Animated 3D makes better presentations"

Finally you don't have to be a pro to create amazing interactive animated 3D presentations.

Use Bjorn's 3D-decks for...

  • business-to-business presentations
  • advertisements
  • conferences
  • trade shows
  • websites
  • kiosks & booths
  • product hierarchies
  • family trees

Why animated 3D in slide decks?

One of the benefits of 3D is that users can interact with decks in new ways, zoom in and out of details, rotate to see things from other angles. You can also cram more information onto a slide since you have one more dimension.

You have a message you need to get through to people, right? You need to Wow, Captivate and Retain the audience!

 

Latest development news

Please note, Bjorn's 3D-decks is in the midst of development, details and screenshots might not be the final product.

March 4 2021 - The new "Wobbling Dome" scene style.

March 2 2021 - Please welcome the "Dancing Slides" scene style.

March 1 2021 - Say hi to the new Yard Signs scene style.

Feb 27 2021 - Added a new promo video.

Feb 25 2021 - Meet the new Magic Box effect.

Feb 21 2021 - Check out the new Jack in the Box effect.

Feb 19 2021 - Introducing the Train and the Conveyor 3D styles.

Feb 17 2021 - Work smarter with "TOC placeholders".

Feb 15 2021 - Humble introducing the "Fly inside Self" effect.

Feb 14 2021 - Check out the new support for 3D tables.

Feb 12 2021 - Support for 3D lists.

Feb 11 2021 - New video highlighting the new "self ground" effect.

Jan 28 2021 - Uploaded a short video highlighting the new "circle the ground" effect and more.

Jan 12 2021 - New video highlighting skyboxes

Jan 11 2021 - Support for skyboxes

 

Tree structure (child slides, aka sub-slides)

Legacy presentation software is often based on a linear list of slides. Bjorn's 3D-decks is using a tree structure to allow for more interesting effects. Each slide can have any number of child slides, aka sub-slides and when presenting, a "TOC-slide" is automatically added showing a preview of these child slides.

Note that the tree structure is "invisible" in presentation mode, slides are shown in the depth-first sequence.

Scenes

A slide can generate three different scenes in the final presentation. (you can of course turn off any of these scenes)

The default is to first display the (optionally animated) 3D scene, when you navigate forward, the 2D fullscreen version is shown and when you move forward one more time, the TOC scene is presented.

  • The 3D scene
  • The toc scene
  • The 2D version of the slide

Core UI

The deck wysiwyg tool UI consists of five tabs

  • 2D slide editor
  • 3D scene editor
  • 3D TOC scene editor
  • Tree editor
  • Preview tab

Here is a short video on the steps to create a small slide deck.

TOC scenes

Here is the current (more types are in the pipeline) list of 3D scene types for the TOCs:

  • Carousel
  • Rolodex
  • Flower
  • Train
  • Conveyor
  • Cube
  • Sequence
  • Magic Box
  • Tree

Below is a short video on how to change the TOC scene for a slide with sub-slides.

Terminology

  • Deck - the set of slides, layouts and overlays
  • Slide - a 2D drawing (based on standard SVG)
  • Scene - represents the final slide in presentation mode. Each slide can generate up to 3 scenes in presentation mode.
  • Theme - a set of layouts, 3D styles and overlays
  • Layout - a special kind of slide defining text and image placeholders. The layout also defines the default background and 3D properties.
  • 3D Style - a collection of 3D effects and animations you can apply to the 2D slide
  • Overlay - a special kind of slide with whatever shapes you want to overlay a slide. Can for example be used for adding the word "DEMO" ontop of every slide
  • Placeholder - a shape on a layout to be populated on "real" slides. There are three kinds of placeholders - Text; Image; TOC and Slide Number.

Skyboxes

Below are short videos recorded of a presentation using the skybox effect.

First slide is using the skybox feature and a number of animations. Second slide shows a standard rotating pizza box. Third slide shows a carousel and the final slide shows the 3D text effect.

 

Here is another example using skybox and elastic scale animations.

"Circle the ground" slide animation

A short 4 slide demo highlighting the "circle the ground" effect and the "pizza boxes" shape with wobble effects.

 

 

The "self ground" effect

A two slide demo highlighting the "self ground" effect - using the 2D slide itself as the ground image.

 

 

3D lists

Lists are often used in presentations and to support them in the 3D realm 3D-decks can automatically convert a list in the 2D slide to a 3D shape in the 3D scene.

The video shows four scenes, first the 3D scene with a list as a "carousel" shape followed by the 2D scene with the "regular" list that was "converted" to the carousel, then follows another list in another 3D scene using the "flower" shape. Finally an alternative shape for the a list, the "list tree" .

 

 

3D tables

Tables are popular in presentations. 3D-decks can automatically convert a table in the 2D slide to a 3D shape in the 3D scene. Two types of table shapes are supported:

  • Carousel tower
  • Flower tower

The video below first shows the 3D scene with a carousel tower followed by the 2D scene with the source table. The second 3D scene shows a two column table displayed as a "flower tower" and with just 2 columns the flower becomes a flat table, the "child explosion" effect is added to make it more eye-catching. At the end you can see the first table shown as a flower tower with a ground shape to enhance the 3D effect.

 

 

"Fly inside Self" effect

The "Fly inside Self" effect uses the 2D slide itself as the skybox image and then rotates the skybox and the slide to mimic a flying effect. You can see the result in the short video below.

 

 

"TOC placeholder" elements

True, one goal for Bjorn's 3D-decks is to use 3D and animations to achieve unique and intriguing presentations but another goal is support "work smarter, work faster" - introducing the "TOC placeholder"...

A TOC placeholder is an element on the 2D slide that automatically is populated with a list (of user defined depth) of all sub-slides of the slide in question. The placeholder is updated as soon as a child slide is added or removed to/from the slide or any of it's decedents.

You can see this in action in the video below.

  1. A slide deck is created with some demo slides.
  2. The deck is viewed in the "slide tree" designer.
  3. TOC placeholder is added to the root slide.
  4. Slides are rearranged in the tree designer.
  5. The root slide is automatically updated.

 

 

Train and Conveyor effects

The latest 3D scene style added to "Bjorn's 3D-decks" has the intriguing?? name "foggy slide train". You can use it for a single slide (multiplying the slide image) or showing the slide tree beneath the slide. (Makes a perfect first slide showing the whole deck). Combined with the new "scene fog" feature you end up with a slide deck shown in the video below. At the end of the video you can also see the companion style called "conveyor belt".

 

 

Jack in the Box

What has a burger to do with slide decks in Bjorn's 3D-decks? Nothing of course ;-) But a new 3D scene effect called "jack-in-the-box" was recently added.

The regular 3D slide is hidden by a box and then the box is slowly removed to reveal the slide, you can see it for yourself in the video below.

You can use the slide itself or custom images for the outer box. When using the slide itself you can control what to keep, one common setup is to remove the body text from the outer box and just show the title and perhaps an image.

The second part of the video shows an outer box using custom images.

You can of course control the animation of both the outer box and the inner slide. The third part of the video shows the inner slide rotating around the Y axis. In the first two examples, the inner slide is using the wobble and "scale up" effects.

 

 

Magic Box

Turns out the "Jack-in-the-box" effect works great as a TOC effect, showing each sub-slide one by one, as shown in the video below.

The behavior is encapsulated in the scene style "magic box" which uses a "jack-in-the-box" for the outer shape and the "sequence" shape for the inner slide. The "sequence" shows each sub-slide one by one.

A "magic box" also uses the "rotate alpha" camera animation to perhaps? make things more interesting.

 

 

Yard Signs

Say hello to the "Yard Signs" scene style. It shows each slide with high transparency and the loops through each of the slides, making them fully visible while applying a rotation and scale animation.

 

 

Dancing Slides

Please meet the "Dancing Slides" scene style.

 

 

Wobbling Domes

Another, more experimental, addition to Bjorn's 3D-decks, the "Wobbling Dome" scene style. The style uses the slide itself (optionally grayscaled) as a repeated texture for a wobbling sphere in which the slide floats.

 

 

See also

You might also be interested in these other apps or add-ons.

Bjorn's 3D Word Clouds - a web app

Create 3D word clouds (video, PNG, GIF or Doorways art)

Bjorn's 3D Word Clouds - a Google Docs extension

Create 3D word clouds

Bjorn's Word Cloud Studio - a web app

Design cool word clouds

Bjorn's WORD-zones - a web app

Design cool word ZONES

Bjorn's 3D Diagrams - a web app

Create 3D organization charts (and other tree diagrams)

Bjorn's Diagram Studio - a web app

Design amazing diagrams such as org charts

Bjorn's 3D Diagrams - a Google Docs extension

Create 3D org charts and other tree diagrams

Prerelease

Prelease. This app has not yet been released. If you want to participate in the beta test, please shoot me an email at support@backlund.org.

Support

Please report bugs here or reach out 2 me with questions @ support@backlund.org.

Got an idea for a new feature/app/add-on? Use the suggestions portal.

Follow me at Instagram @bjornsplayground and check out more videos at my YouTube channel.

You can view our privacy policy here.