Zum Hauptinhalt springen

Ihr erstes Projekt

Wir bauen eine markerbasierte AR-Szene: Man richtet das Handy auf ein Bild, ein 3D-Objekt erscheint, und beim Antippen erklingt ein Ton. Alles hier lässt sich genauso auf größere Projekte übertragen.

1. Projekt anlegen

Melden Sie sich auf arclip.design an und legen Sie ein Projekt an. Sie landen in Studio mit einem leeren Space und einer Szene.

2. Festlegen, wodurch die Szene erscheint

Öffnen Sie Scenes in der linken Leiste, wählen Sie Ihre Szene und setzen Sie ihren Auslöser:

AuslöserDie Szene erscheint, wenn…
3Dsofort — kein AR, gut zum Testen
Imagedie Kamera ein von Ihnen hochgeladenes Bild sieht
QRein QR-Code gescannt wird
Surfaceder Besucher sie auf Boden oder Tisch stellt
Faceein Gesicht erkannt wird
360eine Panorama-Umgebung geöffnet wird

Wählen Sie Image und laden Sie das Bild hoch, das Sie drucken oder auf einem zweiten Bildschirm zeigen. Geben Sie seine tatsächliche Breite an — daran erkennt die Engine, wie groß Ihr Inhalt sein soll.

Nehmen Sie ein detailreiches Bild

Ein Foto wird gut verfolgt. Ein flaches Logo auf Weiß nicht: Die Kamera findet nichts, woran sie sich festhalten kann. Es zählen Kontrast und unregelmäßige Details, nicht die Auflösung.

3. Etwas Sichtbares hinzufügen

Öffnen Sie Layers and assets und ziehen Sie ein Modell auf die Arbeitsfläche — oder fügen Sie über + in der oberen Leiste eine Primitive hinzu.

Verschieben, drehen und skalieren Sie mit den Werkzeugen, die neben der Auswahl erscheinen. Das Raster liegt in den Einheiten Ihres Projekts: Ein Ein-Meter-Würfel ist gegenüber dem Marker wirklich einen Meter groß.

4. Ein Material geben

Bei ausgewähltem Objekt finden Sie Material im rechten Panel; drücken Sie Edit.

Standard ist die richtige Voreinstellung: Farbe setzen, dann Roughness. Roughness leistet die meiste Arbeit — hoch für Stoff und Stein, niedrig für poliertes Metall.

5. Es reagieren lassen

Weiterhin bei ausgewähltem Objekt: Fügen Sie eine Events-Komponente hinzu und darin ein Ereignis:

  1. Auslöser: on click
  2. Schritt: Ton abspielen — eine Audiodatei wählen
  3. Schritt: Transformations-Animation — 0,2 m in 400 ms nach oben

Das ist eine vollständige Interaktion, ganz ohne Code.

Während der Bearbeitung läuft nichts

Der Editor zeichnet Ihre Szene, führt aber bewusst keine Logik aus — sonst würden Animationen Ihnen bei der Arbeit dazwischenfunken. Drücken Sie Preview, um es auszuprobieren.

6. Preview

Preview öffnet Ihr Erlebnis so, wie ein Besucher es sieht. Testen Sie Tippen, Ton und Animation.

Eine Markerszene prüfen Sie am Handy, indem Sie es auf das gedruckte Bild richten: Am Desktop sehen Sie nicht, ob das Tracking schräg hält — und genau das muss meistens nachjustiert werden.

7. Veröffentlichen

Publish in der oberen Leiste macht aus Ihrem Projekt einen Link, den jeder öffnen kann. Eine Adresse bekommen Sie sofort, eine eigene Domain verbinden Sie in den Projekteinstellungen.

Veröffentlichen Sie nach jeder Änderung erneut — Besucher sehen die zuletzt veröffentlichte Version, nicht Ihre Arbeitskopie.


Wie es weitergeht

Sie möchten…Lesen Sie
Wissen, was jedes Panel tutRundgang durch die Oberfläche
Ein größeres Projekt organisierenSzenen und Spaces
Bewegung choreografierenAnimation Controller
Logik mit Werten und Bedingungen bauenPatch Editor
Buttons und eine Punkteanzeige hinzufügenUI Editor
Verstehen, wie sich die Engine verhältCreators Engine

Weiter: Rundgang durch die Oberfläche