Luxedo Support logo
Luxedo Support logo

All articles

Get Started with LuxLinkUpdated 4 months ago

To use LuxLink you will need:

A) A valid LuxLink subscription or Demo

B) A projector and a camera

C) A computer (preferably a laptop) with an internet connection

Part 1: Setup a LuxLink Projector in the MyLuxedo Portal

The very first step is to register a new LuxLink projector within the MyLuxedo Portal.

1. Log into the MyLuxedo portal on the computer you will be using for LuxLink.

2. Once logged into the portal, click on “Projectors” in the left-hand column list

3. Click "Register Projector"mceclip0.png

4. Click "Use my own projector and camera with LuxLink"mceclip3.png

5. Give your LuxLink projector a namemceclip0.png

Your LuxLink projector is now registered! If you click 'CONTINUE TO SETUP' a new tab will open up which will allow you to connect your projector and camera together with our software.

mceclip0.png

At this point, go ahead and connect your camera and projector to the computer you are using.

Connecting A Projector

There are two ways to connect a projector to your computer. You may choose one or the other. Make sure the projector is powered on before proceeding.

A) With an HDMI (Or Similar) Cable

The most straightforward way to connect a projector to a laptop is to simply attach it as a 'second monitor'. This can be done with any sort of video-transfer cable (HDMI, DisplayPort, DVI, USB-C, etc) depending on what sort of ports your projector and computer have. For this tutorial we will be using HDMI.

Simply connect the computer to the projector as shown below:

mceclip1.png

The computer should pick the projector up as a second display. Put the 'second display' into 'Extended Mode' by pressing the Windows key and 'P' at the same time and selecting 'Extended'

mceclip5.png

Return to the LuxLink setup tab and click 'Connect Projector'. An overlay will appear in the top right which will have several options. One of them will be named Display 2 (or perhaps Display 3). Click that option.

mceclip9.png

B) With a Chromecast

If you have not already, set up your Chromecast on your home network using Google's instructions.

Plug your Chromecast into your projector and power it on.

mceclip6.png

Return to the LuxLink setup tab and click 'Connect Projector'. An overlay will appear in the top right which will have your Chromecast as an option. Click that option.

NOTE: If you Chromecast does not appear in the menu, it has probably not been configured for your wireless network correctly. Don't forget that your computer must be on the same network as the Chromecast to use it!

mceclip8.png

 

After your projector is connected successfully (either with Method A or B), your projector will project Luxedo logo as shown below:

 

mceclip11.png

 

When you have confirmed that your projector is working, click 'Confirm' in the LuxLink tab.

 

mceclip10.png

 

Next let's connect your camera.

Connecting A Camera

Connect your camera to your computer via USB. 

mceclip42.png     mceclip43.png

Position your camera so that it is roughly pointing at the projection.

 

mceclip44.png

 

Click 'Connect Camera' and allow Google Chrome to access your camera. You should see a live feed from your camera appear below and your projector will start displaying a heart and a spade. Adjust your camera to put the projected images in the center of the captured image.

 

At this stage, it's important to get the camera as close to the projection as possible. You want the projected image to 'take up' as much of the captured image's space as possible while still being entirely visible. This will make projector calibration much more accurate in the next step.

 

mceclip12.png

 

Adjust the slider below until the heart and the spade are both barely visible, and the wall/surface behind the heart is clearly visible. Then click 'OK'. You should see the following image:

 

mceclip13.png

 

That's it! Your LuxLink projector is now setup and ready to go. Be sure to leave the 'LuxLink' tab running in the background. If you close this tab, the session will end and you will have to repeat this process to start a new one.

Part 2: Calibrate Your LuxLink Projector

In order to ensure your project creations will project into the real world correctly, you will first need to calibrate your projector and camera. This calibration is dependent on the relative position of the camera, projector, and environment, so make sure that your projector and camera are in their final positions before proceeding. If you move either of them after calibrating you will have to re-calibrate again.

Go back to the MyLuxedo portal page and click on the 'Projectors' button in the menu on the left.

mceclip14.png

 

Then click on the LuxLink projector you have just created (titled 'MyLuxlink' in this tutorial).

mceclip15.png

 

This will open the settings for your LuxLink projector. In the 'Overview' section, click 'CALIBRATE MY DEVICE'.

mceclip16.png

This will bring up the calibration control overlay for your device. This page will walk you through the calibration process. 

 

Click the button labeled 'Prepare for Calibration'. 

LuxLinkCalibration-1.PNG

 

You'll then see the calibration page pictured below. Be sure to follow each step in order to calibrate your device as effectively as possible. 

LuxLinkCalibration-2.PNG

 

Be sure to turn off any lights which may brighten the projection surface, the darker the space, the more effective the calibration. If you are unable to control the brightness of the projection space, click the option "My scene is subject to variable lighting (e.g. cars driving by regularly with high beams)" as seen below. We find that even in such cases this option is usually unnecessary, and it will make your calibration take longer. We recommend trying this option only if other calibrations seem to fail consistently.

luxlinkcalibrationvariablelighting.PNG

 

Click "Start Calibration".

LuxLinkCalibration-start.PNG

 

Your projector will begin projecting images that look like this:

mceclip45.png

 

And the portal will keep you informed of the calibration's progress.

calib1.PNG

calib3.PNG

calib6.PNG

calibfinish.PNG

When it has finished, click 'Close' or 'Create a Scene'. Your projector is now calibrated!

 

Part 3: Create Your First Project

Return to the MyLuxedo portal home page and click the 'CREATE' button in the top left corner.

mceclip0.png

 

Give your scene a name and select the newly created LuxLink ('MyLuxLink' in this tutorial) from the 'Projector or Projector Group' section. If your only projector is the LuxLink projector, you will only see one option. When you have finished your selections, click 'CREATE' at the bottom left.

new_scene_luxlink.PNG

 

This will create your first project and take you to the project editor. This is where you will do the bulk of your creative work with our software.

NOTE: There are many features in the editor which we will not cover in this tutorial. Check out our other Zendesk articles to learn how to make more advanced projects.

 

First off, let's take a snapshot of our projection surface.

mceclip4.png

 

Hover over (but do not click) the projector menu in the top right of the editor. This will show you the various operations you can perform with your projector from within the project editor.

 

Select 'Snapshots (Smart Background)'

mceclip5.png

 

This will bring up the snapshot overlay. Click 'CAPTURE' to take a new snapshot.

snapshot_tutorial.PNG

 

Wait a few moments as your camera takes a snapshot of the environment and use your projector's calibration to map it to the screen. When it's done, it will load itself as the 'background' for your project.

mceclip7.png

 

Naturally, when you perform this step you will be looking at your own environment, perhaps the wall of your house. In this tutorial we are looking at a flat wall with a board propped up against it. It's certainly no work of art - let's see if we can dress it up a little.

 

Click the 'media' icon in the top left:   mceclip46.png

mceclip25.png

 

This will open the media toolbar on the right side of the editor as pictured below. The media toolbar allows you to add images, video, and audio resources to a project. 

 

Click the source dropdown and select 'Public Media'.

mceclip8.png

 

This brings up some folders containing media resources which are available to every Luxedo user.

mceclip9.png

 

Scroll down to the 'Christmas' folder and double-click it to open it.

mceclip10.png

 

This folder contains some clipart-style images which relate to Christmas. Find the 'Sleigh' resource, and then click and drag it onto the middle of your project.

mceclip11.png

 

The resource will drop into your project and become possible to manipulate. Try out dragging and scaling it!

mceclip12.png

 

The sleigh is placed at the top of the board but it doesn't line up quite right! Media can be rotated by clicking and dragging the top rectangular drag handle.

mceclip14.png  mceclip16.png

 

Now it fits perfectly.

 

Next, let's animate the sleigh so that it travels across the top of the board. Make sure the sleigh is selected and then, in the top left, click on the path tool.

mceclip17.png

 

This will open the path toolbar on the right. Click 'NEW PATH'.

mceclip18.png

 

We just want the sleigh to travel in a straight line, so select the 'LINE' shape in the top right.

mceclip19.png

 

This will insert a path into the project for the sleigh. Note that you are now editing the path, which means that you can change the path shape and definition.

mceclip20.png

 

By default the line has dropped in perfectly vertical. Let's change it so that the sleigh will travel across the top of the board.

 

Click and drag the top node (the little white circle) so that the path is now horizontal.

mceclip21.png

 

Then scroll down in the path toolbar on the right and click 'SAVE'. This will end path edit mode.

mceclip22.png

 

Let's check to see what will actually happen when this project plays. In the bottom left of the editor, click on the play arrow: mceclip47.png

mceclip23.png

 

This will 'play' the project in your browser from start to finish. The sleigh will move along the path we have defined.

mceclip24.png

 

Although we are trying to add media to our public library of content all the time, you will frequently encounter situations where you need additional media. Fortunately there are many sources of both free and paid image/video available for download on the internet. Let's try uploading some content from outside of Luxedo.

 

Click the 'media' icon in the top left.

mceclip25.png

 

In the media toolbar on the right, click 'Upload Media' at the top.

mceclip26.png

 

This brings up the media upload overlay. Drag and drop any compatible file onto this window, or click the big white square to open a filesystem browser (pictured below).

mceclip27.png

 

Here I select a picture of some icicles which I have downloaded from a royalty-free website dedicated to sharing images.

mceclip28.png

 

When you select your file, it will appear in the overlay. Then just click 'UPLOAD'.

mceclip29.png

 

When it finishes (which may take some time if you are uploading video content), click 'CLOSE'.

mceclip30.png

 

You will now see your new media in the media toolbar at the bottom.

mceclip31.png

 

Click and drag your new media into the project.

mceclip32.png

 

Here I have added two icicle images to the board to make it appear as if the sleigh is gliding across snow.

mceclip33.png

 

Part 4: Render and Preview Your Project

When you are done with your project you will need to 'render' it before it can be projected. Rendering is the process of converting your project into a proper full-resolution video.

 

For simple projects like the one we have created, rendering is fast. For more complicated projects (for instance, with lots of high-resolution video resources) rendering can take a few minutes to a few hours.

 

To render, click the 'render' icon in the top left of the editor: mceclip48.png

mceclip34.png

 

This will summon the render/preview toolbar. Click the button labeled 'Render'.

mceclip35.png

 

This will open the render overlay. Simply click the 'RENDER' button in this overlay.

mceclip36.png

 

This will take a few moments, and the overlay will keep you informed of progress.

mceclip37.png

 

When it is done, click 'DONE'.

mceclip38.png

 

Now that the project has been rendered the projector can play it. There are two ways to cause the projector to play a project:

A) Preview the project immediately

B) Schedule the project to play at a specified time in the future

 

For this tutorial we will simply 'preview' the project. To do this, click 'Preview on Device' in the render/preview toolbar.

mceclip39.png

 

This will open the preview overlay. Simply click 'PREVIEW' to start the preview.

mceclip40.png

 

Then click 'DONE' to close the overlay. The project will play on loop for the next 10 minutes.

mceclip41.png

 

At this point, your LuxLink projector should start projecting your project. Here's how my project looked:

mceclip49.png

 

If you've been following along on your own then congratulations! You've successfully performed your first projection mapping.

Was this article helpful?
Yes
No
Powered by