Python Django开发中如何导入processing.py或processing.js作为Python模块？

Hey there! I’ve messed around with integrating Processing into Django projects before, so let me break this down clearly for you—since Processing.py and Processing.js are two totally different tools, we’ll cover both approaches based on what you’re trying to build:

Using Processing.js (Frontend Interactive Content) #

If you want real-time, browser-based interactivity (like sketches that respond to mouse clicks or keyboard input), Processing.js is your best bet. It runs directly in the browser, no backend hoops needed. Here’s how to set it up:

• First, grab the Processing.js library file and drop it into your Django project’s static/js/ folder (you can download it from the official Processing.js repo, no external links needed).
• In your Django template, load static files and import the library:

  {% load static %}
  <script src="{% static 'js/processing.js' %}"></script>
  

• Now add your Processing sketch. You can either embed the code directly in the template or load an external .pde file:

Example 1: Inline Sketch Code #

<canvas id="interactive-sketch"></canvas>
<script type="application/processing" data-processing-target="interactive-sketch">
void setup() {
  size(400, 400);
  background(240);
}

void draw() {
  fill(mousePressed ? 0 : 255);
  stroke(0);
  ellipse(mouseX, mouseY, 60, 60);
}
</script>

Example 2: Load External .pde File #

Create a static/sketches/ folder and add your my-sketch.pde file there. Then use this in your template:

<canvas id="external-sketch"></canvas>
<script type="application/javascript">
const runSketch = (processing) => {
  with (processing) {
    size(400, 400);
    frameRate(30);
    // Load and run the external sketch file
    const sketchCode = loadStrings("{% static 'sketches/my-sketch.pde' %}");
    eval(sketchCode.join('\n'));
  }
};

const canvas = document.getElementById("external-sketch");
new Processing(canvas, runSketch);
</script>

Just make sure your Django STATIC_URL and STATICFILES_DIRS settings are configured correctly so the app can find these static files.

Using Processing.py (Backend-Generated Content) #

Processing.py (now largely unmaintained—use py5 instead, its active successor) is a Python implementation of Processing, but it’s built for generating static images, animations, or videos—not real-time web interactivity. If you need to generate Processing content on the backend and display it in Django, here’s how:

• First, install py5 via pip:

  pip install py5
  

  Note: Py5 requires a Java environment since it wraps Processing’s Java core—make sure your server has Java installed.

• In your Django view, use py5 to generate an image and save it to your media folder, then pass the image URL to your template:

  from django.shortcuts import render
  from django.conf import settings
  import py5
  import os
  
  def generate_processing_image(request):
      # Initialize py5 sketch
      py5.size(400, 400)
      py5.background(255)
      py5.fill(255, 0, 0)
      py5.ellipse(200, 200, 150, 150)
      
      # Save image to media directory
      img_filename = "processing-generated.png"
      img_path = os.path.join(settings.MEDIA_ROOT, img_filename)
      py5.save(img_path)
      
      # Pass image URL to template
      context = {
          'image_url': f"{settings.MEDIA_URL}{img_filename}"
      }
      return render(request, 'sketch_display.html', context)
  

• Then in sketch_display.html:

  <img src="{{ image_url }}" alt="Backend-Generated Processing Image">
  

Key Takeaways #

• For interactive web content, stick with Processing.js—it’s designed for browser-based interaction and avoids backend latency.
• Processing.py/py5 is only useful for backend-generated static media (like batch creating images or animation frames).
• Don’t try to import Processing.py as a Django module for web requests—it’s not built for that, and you’ll run into performance and environment issues.

内容的提问来源于stack exchange，提问作者KubiK888