Импорт processing.webgl для 3d canvas при использовании processing.js в чистом javascript - PullRequest
Новая
       22

Импорт processing.webgl для 3d canvas при использовании processing.js в чистом javascript

2 голосов
/ 29 февраля 2012

Я хотел бы использовать некоторые из трехмерных фигур в processing.js.

Я вижу, что, если бы я использовал 'язык' обработки, я мог бы просто 

import processing.webgl.*

Икомпилятор игнорирует оператор import.

Однако в настоящее время я пишу на чистом javascript, и мне не ясно, как это сделать.

Может ли кто-нибудь помочь?

РЕДАКТИРОВАТЬ

Для более точного понимания моей проблемы, моя функция установки выглядит примерно так: 

p.setup = function() {
    p.size(100, 100, P3D);
}

И я получаю P3D не определено

Ответы [ 2 ]

1 голос
/ 29 февраля 2012

Процесс рисования 3D фигур в Обработка v.s. Processing.js практически идентичен. Вам не нужно ничего импортировать, если вы разрабатываете только в Processing.js. Вместо этого просто передайте P3D, OPENGL или WEBGL при вызове размера: 

void setup(){
  size(100, 100, P3D); // Can also be OPENGL or WEBGL
  translate(width/2, height/2);
  box(20);
}

EDIT

Вот немного HTML с использованием Processing.js в чистом JavaScript (Я получил код от: http://js.processing.org/learning)

<script src="processing.js"></script>

<canvas id="cvs"></canvas>

<script>
function sketchProc(p) {
  // It makes more sense to use WEBGL if only developing in JavaScript
  p.size(100, 100, p.WEBGL);
  p.translate(p.width/2, p.height/2);
  p.box(20);
}

var canvas = document.getElementById("cvs");
var pjs = new Processing(canvas, sketchProc);
</script>
0 голосов
/ 29 февраля 2012

Так что все, что мне нужно было сделать, это изменить мой size() вызов, чтобы он выглядел так: 

p.size(100, 100, p.P3D);

Мне нужно было получить доступ к константе P3D через объект обработки p.P3D.

...