php - How can exactly create a view of the exterior in 360o of an object?
one text
Solution:
Video consist of multiple image frame. If your take a video of you walking around the car and play it back it look like you show 360 view of an object.
Here is sample from your example: https://cdn.spincar.com/swipetospin-viewers/spincarcomdemo/wp0ab2a70jl135405/20190222192724.K4BAQSBW/ec/0-0.jpg
They have 60 frame like that from 0-0 to 0-60. The algorithm I think of is: having a video you cut into frames. them have a slider to play them back. Or implement a drag feature, drag left decrease frame, drag right increase frame, remember to wrap around
currentFrame = (currentFrame + dragDirection) % totalFrame
const $slider = document.getElementById('frame');
const $img = document.getElementById('img');
$slider.addEventListener('change', (e) => {
$img.src = `https://cdn.spincar.com/swipetospin-viewers/spincarcomdemo/wp0ab2a70jl135405/20190222192724.K4BAQSBW/ec/0-${e.target.value}.jpg`;
});
// Preload your imgs
for (let i = 0; i <= 63; i ++) {
const img = new Image();
img.src = `https://cdn.spincar.com/swipetospin-viewers/spincarcomdemo/wp0ab2a70jl135405/20190222192724.K4BAQSBW/ec/0-${i}.jpg`
}
<img src="https://cdn.spincar.com/swipetospin-viewers/spincarcomdemo/wp0ab2a70jl135405/20190222192724.K4BAQSBW/ec/0-0.jpg" alt="Car" id="img" />
<input type="range" id="frame" name="frame" min="0" max="63" value="0">
Source