# How to get preview in a separate window

**URL:** <https://discourse.processing.org/t/how-to-get-preview-in-a-separate-window/12924>\
**Category:** Beginners\
**Created:** [July 23, 2019, 6:21pm UTC](https://discourse.processing.org/t/how-to-get-preview-in-a-separate-window/12924 "2019-07-23T18:21:06Z")\
**Posts on this page:** 1\
**Showing post:** 11

<div class="post-metadata">

**Author:** ![Tiemen](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/tiemen/32/5477_2.png) [@Tiemen](https://discourse.processing.org/u/Tiemen)\
**Post date:** [July 23, 2019, 8:41pm UTC](https://discourse.processing.org/t/how-to-get-preview-in-a-separate-window/12924/11 "2019-07-23T20:41:58Z")

</div>

I don’t believe you can separate the windows when you’re using Web Editor. What you could do however, although it’s a little bit of extra work, is setting up your own local server and run your p5 sketch locally from your computer (so instead of doing everything via the Web Editor). This requires the following steps:

1. Make sure you have a text editor, such as [Sublime Text](https://www.sublimetext.com/3) for Mac.

2. Make a folder on your computer with the files _index.html_, _style.css_, and _sketch.js_. You can copy-paste the content for these files from your Web Editor sketch. Click on the little arrow below the **play** button and you’ll see the three files.

3. Set up a local server using [one of these](https://github.com/processing/p5.js/wiki/Local-server) methods.

4. Open the files from step 2 in your text editor. Each time you edit one of the files, save it and the local server will instantly update your p5 website.

BAM! Fullscreen p5 sketches are now possible 🙂

---

_[View the full topic](https://discourse.processing.org/t/how-to-get-preview-in-a-separate-window/12924)._