# 360 Degree image

**URL:** <https://discourse.processing.org/t/360-degree-image/3090>\
**Category:** Processing\
**Created:** [August 29, 2018, 3:28am UTC](https://discourse.processing.org/t/360-degree-image/3090 "2018-08-29T03:28:17Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![shoaibmirza](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/shoaibmirza/32/923_2.png) [@shoaibmirza](https://discourse.processing.org/u/shoaibmirza)\
**Post date:** [August 29, 2018, 3:28am UTC](https://discourse.processing.org/t/360-degree-image/3090/1 "2018-08-29T03:28:17Z")

</div>

Hi. how can I load and draw a 360-degree image on processing?

---

<div class="post-metadata">

**Author:** ![tony](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/tony/32/949_2.png) [@tony](https://discourse.processing.org/u/tony)\
**Post date:** [August 29, 2018, 5:55am UTC](https://discourse.processing.org/t/360-degree-image/3090/2 "2018-08-29T05:55:31Z")

</div>

Can I get some more details? What exactly do you envision when you say “draw”? What’s the format of this image? Do you have any example code?

I say this in the nicest way possible: You _cannot_ ask a one-sentence question of anyone, and expect decent help. There’s just nothing to go off of, and while I could make assumptions, I don’t want to spend 10 minutes on a solution you already explored.

Sometimes, you have a programming problem that is really difficult and mind boggling, and you feel like the only solution is asking someone else - and I get that (ive been there too often).  
But if you’re at your wits end and you’ve been tearing your hair out over this problem for a week, tell us! We’re human, just like you, and the great thing is most people here are super willing to help.

In short, what will help lead to a quicker answer is communicating everything and anything you think will be able to help others, help you.

---

<div class="post-metadata">

**Author:** ![shoaibmirza](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/shoaibmirza/32/923_2.png) [@shoaibmirza](https://discourse.processing.org/u/shoaibmirza)\
**Post date:** [August 29, 2018, 6:26am UTC](https://discourse.processing.org/t/360-degree-image/3090/3 "2018-08-29T06:26:58Z")

</div>

> [@tony](#):
>
> What exactly do you envision when you say “draw”? Do you have any example code?

i mean Display the image.

actually i wanna know is there any function on processing specially for 360^ image. for example using `image();` function i can display 2D/regular image. also there is an .[example](https://processing.org/reference/image_.html) code for that. is there any example or documentation for 306^ image?

> [@tony](#):
>
> What’s the format of this image?

usually 360^ image format is `.JPEG`

---

<div class="post-metadata">

**Author:** ![tony](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/tony/32/949_2.png) [@tony](https://discourse.processing.org/u/tony)\
**Post date:** [August 29, 2018, 6:52am UTC](https://discourse.processing.org/t/360-degree-image/3090/4 "2018-08-29T06:52:54Z")

</div>

Like I asked before, I need more details.

As far as I know, there are multiple ways to store 360° images, the most popular being cubic, which look something like this:  
 ![Cubic](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/8/89434d665ae66bb6ed45ac1574cc89fb682e4053.jpeg)

However, for all I know, you’re referring to a 360° panorama:  
[![](https://qph.fs.quoracdn.net/main-qimg-bdd42a21c3795d99c52b27094bb6e223-c) ](https://qph.fs.quoracdn.net/main-qimg-bdd42a21c3795d99c52b27094bb6e223-c)

> [@shoaibmirza](#):
>
> is there any example or documentation for 306^ image?

From my experience, no. But it looks like someone has attempted it before:

[https://www.openprocessing.org/sketch/55336#](https://www.openprocessing.org/sketch/55336#)

However, according to [this SO post](https://photo.stackexchange.com/questions/89585/how-are-360-photos-stored-and-processed)  
the most common way to “view” a 360° image is to apply it to a 3D cube.

I want to emphasize that I have never worked with 360° images before - but I assumed someone out there (on the internet) ran into this problem in the past. Some googling led me to a handful of useful webpages. The key here is being able to deconstruct your problem into “google-able” pieces, and then focusing on each of them individually.

---

<div class="post-metadata">

**Author:** ![kfrajer](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kfrajer/32/196_2.png) [@kfrajer](https://discourse.processing.org/u/kfrajer)\
**Post date:** [August 29, 2018, 1:27pm UTC](https://discourse.processing.org/t/360-degree-image/3090/5 "2018-08-29T13:27:17Z")

</div>

Please check the BoofCV library. I believe it has a module to manage 360 images.

Kf

---

<div class="post-metadata">

**Author:** ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [September 4, 2018, 4:57pm UTC](https://discourse.processing.org/t/360-degree-image/3090/6 "2018-09-04T16:57:09Z")

</div>

I’m not clear if you want a 360 degree ring image (like a diorama) or if want a spherical (or cubic) image, with free camera movement on every axis.

A common term of art for the latter is “skybox.” For example, here is a long list of past discussions of skyboxes on the old Processing forum:

- [https://forum.processing.org/two/search?Search=skybox](https://forum.processing.org/two/search?Search=skybox)

---

<div class="post-metadata">

**Author:** ![Holobrine](https://avatars.discourse-cdn.com/v4/letter/h/4af34b/32.png) [@Holobrine](https://discourse.processing.org/u/Holobrine)\
**Post date:** [December 6, 2018, 4:46pm UTC](https://discourse.processing.org/t/360-degree-image/3090/7 "2018-12-06T16:46:45Z")

</div>

Most 360 cameras are two wide angle lenses back to back. Is there an easy way to get the two images side by side just as they come from the camera? I’m interested in recreating some of Matt Parker’s tricks with 3D cameras and Processing would be the best environment to do that if it could easily obtain video streams from those cameras.

---

<div class="post-metadata">

**Author:** ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [December 6, 2018, 5:28pm UTC](https://discourse.processing.org/t/360-degree-image/3090/8 "2018-12-06T17:28:34Z")

</div>

“most” won’t get you good advice in this case, as there is not a strong standard. Please cite a specific camera model (or models) that you are trying to work with.

---

<div class="post-metadata">

**Author:** ![Holobrine](https://avatars.discourse-cdn.com/v4/letter/h/4af34b/32.png) [@Holobrine](https://discourse.processing.org/u/Holobrine)\
**Post date:** [December 7, 2018, 3:24am UTC](https://discourse.processing.org/t/360-degree-image/3090/9 "2018-12-07T03:24:22Z")

</div>

I was thinking something like [this](https://www.bhphotovideo.com/c/product/1333693-REG/ricoh_theta_360_degree_camera.html/?ap=y&gclid=EAIaIQobChMI_v_s4eGM3wIV2eDICh3pgQYdEAQYAyABEgLFZ_D_BwE). I don’t actually own a 360 camera right now but if processing got support for one, I might get one to play around with.

---

<div class="post-metadata">

**Author:** ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [December 7, 2018, 4:15pm UTC](https://discourse.processing.org/t/360-degree-image/3090/10 "2018-12-07T16:15:51Z")

</div>

You might be interested in processing vr libraries.

[https://www.google.com/search?q=processing.org+vr](https://www.google.com/search?q=processing.org+vr)  
[https://github.com/codeanticode/processing-cardboard](https://github.com/codeanticode/processing-cardboard) (now bundled)

In general, I don’t know of any other specific hardware support for the desktop – maybe others are aware of something. I suspect you would just be getting a big video file and then texturing a surface with the frames in a p3d sketch.

> **[Processing 2.x and 3.x Forum](https://forum.processing.org/two/discussion/comment/55462/#Comment_55462)**
>
> Processing is an electronic sketchbook, a language and a worldwide community. This is its forum.