Witam, może mnie ktoś nakierować jak zacząć tworzyć coś takiego, jakich poleceń użyć?

Powiedz konkretniej co chcesz zrobić.

W php losuje element z tablicy, a za pomocą js chce pokazać to graficznie, moze to być jak koło fortuny albo pasek który sie przesuwa i zatrzymuje na danym obrazku

A musisz to losować po stronie serwera? Jeśli tak, to złotym środkiem między łatwością implementacji i elegancją jest na przykład coś takiego:

[HTML] pobierz, plaintext 
<script>
const Data = <?php echo json_encode($data) ?>;
</script>
[HTML] pobierz, plaintext 

A w $data możesz mieć już cokolwiek, na przykład:

[PHP] pobierz, plaintext 
$data = [
    'number' => rand(1, 10)
];
[PHP] pobierz, plaintext 

Tak, losowanie po stronie serwera musi być, ale to co ty mi pokazałeś rozwiązuje losowanie przedmiotu ale nie graficzne, a chodzi mi właśnie o graficzną wersje.
Narazie jedyne co my przyszło na myśl to ustalić że losowanie zawsze zatrzymuje sie po np. 500px, i w tym miejscu zmienna pod którą podkładamy wylosowany przedmiot z tablicy.
Tylko właśnie jak w js zrobic efekt tego losowania

Najlepiej gdy na początku wcale nie wiadomo co się wylosuje. Może na przykład niech startuje z tego samego punktu i zawsze robi kilka obrotów, ale w różnym momencie zaczyna zwalniać? Możesz to stosunkowo łatwo zrobić w CSS, po prostu animuj transform: rotate do odpowiedniego kąta, a kąt już sobie obliczysz na podstawie wylosowanej liczby.