Mobile application

FANTAZM

With FANTAZM – scan cards, watch videos and listen to augmented reality music.

Goals and objectives of the project

Augmented reality.
Card management panel: add, delete, adjust information.

Project details

Greensens

Megapolis

ROMSTROY EMERGENCY

HUB ESTATE

PAWNSHOP SAIL

Pyrus Capital

Charles Simon

Camargo Research Group

Order

By filling out the form, you are taking the first step towards the finished project...

:container{ transform: skewX(-12deg); transform-style: preserve-3d; perspective: 500px; } :doodle { grid-gap: 3px; clip-path: polygon(40% 5%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 95%, 10% 50%); width: 15vw; height: 15vw; position: absolute; top:50%; right:0; transform: translateY(-50%); } border-radius: 50%; background: #000; --scaledelay: calc(( (@abs(@abs(@row - @size-row/2) + @abs(@col - @size-col/2) - @size-col) / @size-col) - 1) * -1.5s) ; animation-name: scale; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-delay: var(--scaledelay); perspective: 100px; transform-style: preserve-3d; transform: skewX(12deg) translateZ(0px); box-shadow: 20px 20px 8px -1px rgba(29, 30, 34, 0.5); @keyframes scale { 0%{ transform: skewX(12deg) translate3d(0, 0, 0); box-shadow: 20px 20px 8px -1px rgba(29, 30, 34, 0.5); } 50%{ transform: skewX(12deg) translate3d(20px, 20px, 20px); box-shadow: 2px 2px 1px 0px rgba(29, 30, 34, 0.8); } 100%{ transform: skewX(12deg) translate3d(0, 0, 0); box-shadow: 20px 20px 8px -1px rgba(29, 30, 34, 0.5); } }