Как изменить режим угла в processing.js?

В самом коде Khan processing.js (pjs) нет возможности изменить режим. Поэтому вам нужно преобразовать значения, как написал Рави Шарма в своем ответе.

Поскольку я не хотел этого делать, чтобы использовать оригинальные программы Khan, поскольку они должны работать в обычных средах processing.js / web, вот что я сделал:

(Это не только преобразование градусов в радианы, но и ввод с помощью мыши и клавиатуры)

var canvas = document.getElementById("canvas");                                                                                                                                                                                                                                                                         
var processing = new Processing(canvas, function(processing) {
    processing.size(400, 400);
    processing.background(0,0,0,0);
    processing.sbShow = false;

    var mouseIsPressed = false;
    $(".container").on("mousedown touchstart", function(e) {
        mouseIsPressed = true;
        processing.mouseX = e.pageX;
        processing.mouseY = e.pageY;
        processing.sbShow = false;
    }).on("mouseup touchend", function(e) {
        mouseIsPressed = false;
        processing.mouseX = e.pageX;
        processing.mouseY = e.pageY;
    }).on("mousemove touchmove", function(e) {
        processing.mouseX = e.pageX;
        processing.mouseY = e.pageY;
    });
    processing.mousePressed = function () { mouseIsPressed = true; };
    processing.mouseReleased = function () { mouseIsPressed = false; };

    var keyIsPressed = false;
    processing.keyPressed = function () { keyIsPressed = true; };
    processing.keyReleased = function () { keyIsPressed = false; };

    function getSound(s) {
        var url = "sounds/" + s + ".mp3";
        return new Audio(url);
    }

    function playSound(s) {
        s.play();
    }

    function getImage(s) {
        var url = "img/" + s + ".png";
        //processing.externals.sketch.imageCache.add(url);
        return processing.loadImage(url);
    }

    var rotateFn = processing.rotate;
    processing.rotate = function(angle) {
        rotateFn(processing.radians(angle));
    }
    var cosFn = processing.cos;
    processing.cos = function(angle) {
        return cosFn(processing.radians(angle));
    }
    var sinFn = processing.sin;
    processing.sin = function(angle) {
        return sinFn(processing.radians(angle));
    }

    with (processing) {
    ///////////////////////////////////////////////////////////////////////////////////////////////////
    // Insert original Khan academy pjs code (default is degrees) ...

    /////////////////////////////////////////////////////////////////////////////////////////////
    };

    if (typeof draw !== 'undefined') processing.draw = draw;
});

Примечание. Это не является полным. Не хватает преобразований для tan, atan, atan2 и т. д.

Где вы читаете, что его можно изменить? Это будет старая документация, которую нам нужно исправить.

Используйте функции радианы() и градусы() для преобразования. Например:

Код:

// Get the sine of 90 degrees
float s = sin(radians(90));

Это хороший вопрос, и я немного почесал голову. Но из того, что я могу сказать, это просто опечатка в ссылке. Стандартный Processing.js не имеет функции angleMode. Это легко проверить, нажав ctrl+f в исходный код.

Итак, почему это в ссылке? Функция angleMode появляется в двух местах:

• p5.js имеет угловой режим. Это похоже на Processing.js, только тяжелее на стороне JavaScript.
• Khan Academy имеет angleMode. Похоже, они добавили его поверх стандартного Processing.js.

Я предполагаю, что у Khan Academy и Processing.js есть общие корни разработки. Над обоими работал Джон Резиг. Так что некоторая часть исходного кода (и документации), вероятно, была копией-вставкой. В какой-то момент angleMode был включен в документацию, но не в исходники.

Вы можете отправить сообщение об этом на веб-сайте Processing.js GitHub.

void setup(){
   angleMode = "radians";
}