Howdy, Stranger!
We are about to switch to a new forum software. Until then we have removed the registration on this forum.
Categories
- All Categories 25.7K
- Announcements & Guidelines 13
- Common Questions 30
- Using Processing 22.1K
- Programming Questions 12.2K
- Questions about Code 6.4K
- How To... 4.2K
- Hello Processing 72
- GLSL / Shaders 292
- Library Questions 4K
- Hardware, Integration & Other Languages 2.7K
- Kinect 668
- Arduino 1K
- Raspberry PI 188
- Questions about Modes 2K
- Android Mode 1.3K
- JavaScript Mode 413
- Python Mode 205
- Questions about Tools 100
- Espanol 5
- Developing Processing 548
- Create & Announce Libraries 211
- Create & Announce Modes 19
- Create & Announce Tools 29
- Summer of Code 2018 93
- Rails Girls Summer of Code 2017 3
- Summer of Code 2017 49
- Summer of Code 2016 4
- Summer of Code 2015 40
- Summer of Code 2014 22
- p5.js 1.6K
- p5.js Programming Questions 947
- p5.js Library Questions 315
- p5.js Development Questions 31
- General 1.4K
- Events & Opportunities 288
- General Discussion 365
processing sketch inside lightbox
Would anybody be able to help me understand how to include a processing sketch inside a lightbox effect on a webpage? As in when you click on an image, the lightbox appears and you can then interact with the sketch inside the lightbox window. I understand how to simply place a sketch onto a page but am struggling to implement in other places. Thanks
Tagged:
Answers
I don't know for sure, but I think lightbox is for displaying images only, what are you looking for is a modal window. There are different plugins and frameworks that allow you to use these, for example a bootstrap modal. Or here are instructions on how to make it from scratch with html5/css3.
I think you are right about not being able to have anything other than images in lightbox. Thanks very much, a modal window seems to be what I'm looking for.
I've seen lightbox scripts that will run video, so in principle you might be able to embed a canvas element in one. In practice I'd expect a couple of possible issues, which would probably apply to any type of modal box, which is basically just a div element with some css positioning anyway...
Is your plan to have multiple sketch images which when clicked launch the associated sketch? If so you'll have to make sure you shut down any running sketch before launching a new one; and obviously figure out how to load in a new one! You'll also have to figure out how to target the modal div element that will host the processing canvas element; though I'd expect that to be the most straightforward aspect of doing this.
I like a challenge, so wouldn't mind having a go at implementing a proof of concept, but time is at a premium so don't know if I'll get the chance :/
See dynamically-loading-processingjs-sketches :)