Blog

CODE etc.

Hallo NeueMobility Planners, hier ist der Code für 2 bewegte Quadrate. Um eure eigenen Modelle einzubauen müsst ihr einfach die Zeile(n) mit dem <a-box> .. </a-box> mit eurem Model (geht auch auf Glitch, also mit der Glitch URL) ersetzen.

Für beide Tags (HIRO und KANJI) jeweils ein Model.

Ihr könnt sogar bei beiden den gleichen Code verwenden (an den beiden Locations..). Wenn sich da dann nur entweder KANJI oder HIRO befindet wird nur der jeweilige Inhalt dargestellt.

Hier ist der Code für 2 Modelle, HIRO und KANJI:

<!DOCTYPE html>

<html>

<script src=“https://aframe.io/releases/0.9.2/aframe.min.js”></script>

<script src=“https://raw.githack.com/jeromeetienne/AR.js/2.0.8/aframe/build/aframe-ar.js”></script>

<script src=“https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe-extras.loaders.min.js”></script>

<body style=“margin: 0px; overflow: hidden”>

<a-scene embedded arjs>

<a-marker preset=“hiro”>

<a-box

position=“0 0.5 0”

material=“color: yellow;”

animation__rotate=“property: rotation; dur: 80000; easing: linear; dir: normal; from:0 0 0; to: 0 360 0; loop: true;”

></a-box>

</a-marker>

<a-marker preset=“kanji”>

<a-box

position=“0 0.5 0”

material=“color: red;”

animation__rotate=“property: rotation; dur: 80000; easing: linear; dir: normal; from:0 0 0; to: 0 360 0; loop: true;”

></a-box>

</a-marker>

<a-entity camera></a-entity>

</a-scene>

</body>

</html>

Zum editieren (um eure eigenen Modelle einzubinden..) einfach in ein neues Glitch Doc kopieren, oder gleich diese Vorlage auf Glitch öffnen und eigenen Remix machen: https://glitch.com/edit/#!/neuemobility010

Der Code geht dann wieder an mich, z.B. einfach als kopierter Text, ich kopiere ihn dann als index.html in die entsprechenden Ordner auf dem Server (z.b. www.neuemobility.com/Z (das bin ich))..

Danach wie gehabt, eigene QR Tags erstellen für eure Unterseite auf https://www.neuemobility.com/… (A,B,C,D,E).

.com.
Bei Fragen: Daniel Mobil: 0172 7494250 oder email daniel@jenett