# Sketch to Webpage

**URL:** <https://discourse.processing.org/t/sketch-to-webpage/8543>\
**Category:** Coding Questions\
**Created:** [February 19, 2019, 5:19pm UTC](https://discourse.processing.org/t/sketch-to-webpage/8543 "2019-02-19T17:19:50Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [February 20, 2019, 12:12pm UTC](https://discourse.processing.org/t/sketch-to-webpage/8543/4 "2019-02-20T12:12:35Z")

</div>

> [@Can i import my stuff into wallpaper engine?](https://discourse.processing.org/t/can-i-import-my-stuff-into-wallpaper-engine/153/5):
>
> This is the most basic “index.html” template for running “.pde” sketches under Pjs: \<script defer src=http://CDN.JSDelivr.net/processing.js/latest\>\</script\> \<canvas data-processing-sources=sketch.pde\>\</canvas\> Just replace the “sketch.pde” w/ the actual name of your “.pde” file. Here’s an online example: angel[https://GoSubRoutine.GitHub.io/Grumbo/Grumbo\_Adventure\_OOP/Grumbo\_Adventure/](https://GoSubRoutine.GitHub.io/Grumbo/Grumbo_Adventure_OOP/Grumbo_Adventure/) And its corresponding “index.html” file: For multiple “.pde” files for the same sketch, just place …

---

_[View the full topic](https://discourse.processing.org/t/sketch-to-webpage/8543)._