480 questions
3
votes
1
answer
121
views
Weird visual bug when using my pixel art program
As the title states, a strange visual bug keeps happening with my pixel art program. When I scale down using pushMatrix(), scale() and popMatrix(). I can't really describe the bug, so I got a ...
- 84
-1
votes
1
answer
76
views
(ProcessingJS) Pixelating noise
As the title states, I want to know how to pixelate noise. I am using the code below to optimize performance:
var totalXoff = 0.0;
var draw = function() {
background(0, 255, 255);
if (!this....
- 84
0
votes
1
answer
450
views
Change array list into multiple array lists every 3 items
I want to filter a large array list into multiple arrays for every 5 items in a certain way so that [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] would be [[1, 2, [3, 4, 5]], [6, 7, [8, 9, 10]]] or [1, 2, 3, 4, 5, ...
- 84
0
votes
1
answer
110
views
Detecting if something in a position already exists
I added something to my code that's supposed to detect when an object (pixel) already exists, and then replace the color instead of creating a new one. However, for some reason, it just doesn't do ...
- 84
0
votes
1
answer
133
views
How to convert ProcessingJS library to p5.js?
I am trying to convert the code I created in khan academy (processingJS library) to Code Sandbox (p5.js). Any assistance would be great. I am having trouble with the background and text functions.
...
0
votes
1
answer
280
views
How does the ProcessingJS link work without an internet connection?
This isn't a problem, just asking out of curiosity:
How do HTML/JS projects which include the ProcessingJS library work even when offline, given that the library link is the standard https kind and ...
- 728
0
votes
0
answers
63
views
Arc function not working properly after canvas is resized
I am running a processing js program in a webpage, using the canvas to draw my game. I have overwritten some of the functions in javascript so I can use degrees as an input to the processing js ...
- 103
1
vote
1
answer
117
views
Processing - logo banner not loading on website
I saved the processing code into visual studio code as a plain text file, i added the images/gradient.jpg as well as for the logo. I replaced the img code to canvas code and yet no animated logo ...
0
votes
1
answer
68
views
How do i make a third scene for the menu screen?
(All in JavaScript) I need help, I am an absolute beginner in coding, I am currently learning at Khan Academy and was in the making of a new project: a menu screen for a game. Now I was successfully ...
2
votes
1
answer
55
views
How do I get the code that was run inside a function to remain on the canvas after I refresh the background
I'm currently trying to make a game themed around zombies, so I made a function that is supposed to draw an ellipse on the canvas that represents the zombie. I am unable to figure out how to get the ...
1
vote
1
answer
122
views
How can I use p5.js without it polluting the global scope?
I'm trying to convert some code I wrote for processing.js to use p5.js. In the existing code, I create an object with a statement like processing = new Processing(canvas, p => (p.draw = draw_frame))...
- 1,903
1
vote
1
answer
325
views
How to play sound inside a Processing.js program running in the canvas on a webpage?
I've built a pretty large game(10,000 lines of code) in Processing.js and was able to have it run inside a webpage by loading the library. Here is an example:
<!DOCTYPE html>
<html>
<...
- 103
0
votes
1
answer
176
views
Playing sound with Processing.js on browser
I'm trying to get my processing.js application working on web browsers. When I'm running it on Processing 3.5.4 (on Windows) everything's fine, but on HTML it draws everything but the sounds don't ...
- 621
1
vote
1
answer
360
views
Processing.js - updatePixels() for a specific array
I could manage to cache the array as pixels on my canvas with the help of this code using loadPixels(); and updatePixels(); functions. The problem with that method is it's loading/updating the whole ...
- 621
1
vote
1
answer
463
views
How to make a lerpColor() function without ProcessingJS
I would like to create my own lerpColor(c1, c2, amount) function, with the same output as the one in ProcessingJS
http://processingjs.org/reference/lerpColor_/
I am looking or something like this:
...
user13605748
0
votes
1
answer
628
views
If(mousePressed) is not working (Processing.js)
I want to make a door open when the user clicks on it. Here's how the code looks like:
with(processing) {
noStroke();
size(1200, 900);
background(255, 153, 153);
var x ...
- 1
0
votes
0
answers
133
views
How can I get the pixel data from outside the canvas?
In Khan Academy computer programming environment, I can use get(x,y,width,height) to capture the pixel data as an image.
var img = get(x,y,width,height);//make a variable that stores the image
Then, ...
- 103
0
votes
0
answers
42
views
Fastest/Best way to send data from a python script to a Processing.js script, while serial is already in use?
I have data that is sent from a microcontroller to a python neural network over serial to process, where then, its output needs to be sent to a Processing.js script to visualize.
My question is what ...
- 97
0
votes
2
answers
191
views
ProcessingJS Create an Object which holds random number of items to draw flowers
I am working on drawing a tulip flower in ProcessingJS.
I have code as below. The code will draw a tulip flower with a petal, and x, y, height is the preference for pedal location and height.
`/**...
- 63
0
votes
0
answers
214
views
Approaches to smoothing 3D rotations between orientation updates?
I'm building a 3D visualizer in Processing.js with python that visualizes the orientation of an object in space in realtime.
The problem is, the sensor I'm using to check the object orientations has ...
- 97
0
votes
1
answer
121
views
can't include processing.js sketch to use and display phpmyadmin database images
I have a site written in PHP, with a database through MySQL and PHPMyAdmin. I'm trying to use a Processing sketch to apply effects on the images users upload to their account. I have included the base ...
- 1
-1
votes
2
answers
122
views
Math.random() vs random() in Khan Academy Computer Programming [closed]
does anyone know whether it is better (memory wise, or faster) to use Math.random() or random() in Khan Academy's programming environment?
Used "random" as an example, I am reffering to any of the ...
- 103
1
vote
1
answer
82
views
arc to show reload time left in a shooter game
quick question about a game engine I am writing in Javascript in Khan Academy: i have on arc that represents the amount of reload time left. (in processing js, drawing an arc works like this: arc(x,y,...
- 103
1
vote
1
answer
874
views
Uncaught SyntaxError: Unexpected identifier on openprocessing with processing.js
The code in question is this:
void update() {
int nearbyYou = 0;
int nearbyWork = 0;
int nearbyCap = 0;
int nearbyDead = 0;
for (int iter = 0; iter < 8; iter = iter + 1) {
switch ...
- 23
0
votes
1
answer
38
views
Uncaught TypeError: Cannot read property 'substring' of undefined - Processing.js
I keep getting this error, and I have no clue what is wrong. I checked all variables, but all of them are defined at least somewhere
int creatures = 5;
int deathChance = 5;
int repChance = 10;
int ...
0
votes
1
answer
131
views
Processing does not show up in webpage
I have a processing program which I want to display on a browser in an html file. I found an instruction on https://cs.nyu.edu/~kapp/cs101/processing_on_the_web/. It still does not show up in my ...
0
votes
1
answer
236
views
Processing.js: Stop acceleration using ease out [closed]
I'm looking at an example from Nature of Code.
The particular example has a ball accelerate towards the cursor. However, it does not stop when it reaches it, actually it has maximum momentum, and ...
- 4,314
-1
votes
1
answer
394
views
Change the shape of an object while moving using Javascript processing.js library
I am doing an online Javascript course in khan academy. I am doing a project on that course.
I want my object to change shape from eclipse to a rectangle and repeat it while moving. I wrote a code. ...
1
vote
1
answer
61
views
How to save logs in a Processing web app using processing.js?
I am building a simulation of a microwave web app for my thesis. I found out that with Processing was exactly what I was looking for and with the processing.js it is possible to run it in a web page ...
- 11
0
votes
0
answers
45
views
How to fix an issue with code pertaining to finding planets within a certain angle of each other
The goal of my program is to see what planets come within a certain angle of each other, and stop the program. I have having issues specifically with the angle part. This program is on khan academy, ...
0
votes
0
answers
36
views
Script on processing 3
I made a script that works on KhanAcademy but when I'm trying to execute it on the program processing 3, it indicates multiple errors like missing semicolon where there shouldn't be one and it doesn't ...
- 11
0
votes
0
answers
109
views
set canvas as the html page in processing js
In processing javascript, you do something like this to add an animation:
<html>
...
<body>
<canvas id="canvas"></canvas>
</body>
...
<script>
var sketch=function(...
- 31
0
votes
0
answers
332
views
key.code = 37 and key.code = 39 don't work
I'm trying to move a canon left and right depending on which arrow (left or right) the user is pressing. This is my code:
size(400, 400, P2D);
//Constructor canon
var Canon = function(canonX, canonY,...
- 11
0
votes
0
answers
65
views
Link processing.js file to canvas
I try to link a .pde file to the html element canvas but I'm somehow failing to.
This is the code I'm trying:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />...
- 11
2
votes
1
answer
283
views
Inaccurate inertia and gravity in ProcessingJS physics simulation
So, I’m trying to make a basic physics simulation in Processing JS. I want the user to be able to control a ball by dragging it. They should be able to move it around and throw it in the air by ...
- 866
3
votes
2
answers
152
views
For loop does not run how I expect it to run
The for loop does not run like I would expect it to. I would expect the for loop to run only once, but when I run it, it shows an animation.
The programming environment I am using:
https://www....
- 75
-1
votes
1
answer
139
views
sqrt(-1) is broken. What happened?
I'm trying to let i be the square root of -1 (sqrt(-1)). It is a defined value:
i = sqrt(-1)
var i = sqrt(-1);
fill(0, 0, 0);
text(i, 25, 25);
It gives me an error. What happened?
user11542006
0
votes
0
answers
102
views
How to calculate angle from velocity of moving pivot (pendulum)?
I am trying to simulate pendulum with moving pivot in processing.js. My question is, how to calculate angle at which my pendulum swing (while pivot is moving), based on pivot velocity? I searched all ...
- 21
0
votes
0
answers
36
views
Find maximum value from an ArrayList
I created an ArrayList function signature to find all the maximum household incomes from year 1984 to 2016. Now I wanted to find the maximum value from that ArrayList.
I tried to use max() but it ...
- 41
3
votes
2
answers
119
views
Different Processing rendering between native and online sketch
I get different results when running this sample with Processing directly, and with Processing.js in a browser. Why?
I was happy about my result and wanted to share it on open Processing, but the ...
- 51
1
vote
0
answers
223
views
Processing.js fonts not loading
I'm making a game in Processing.js, and I need to add two custom fonts. The second one I load works fine (OXYGENE1.TTF). However the first one I load doesn't work at all (CenturyGothic.ttf).
Here is ...
- 156
1
vote
1
answer
160
views
Cannot read property of undefined Processing.js
I have made an object with the object elevation, yet when a try accessing it using an array, the debugger states it is undefined.
var h = 30;
var disk = function(pos,elv){
this.pos = pos;
...
- 39
3
votes
1
answer
6k
views
How to draw a star shape in ProcessingJS
Here is my current project code:
size(500,500);
background(255, 255, 255);
fill(250,0,0);
ellipse(150, 230, 100, 200);
fill(10,0,0);
ellipse(180, 233, 30, 30);
fill(10,0,0);
ellipse(120, ...
- 31
0
votes
1
answer
1k
views
Processing get higher max frameRate
So I just recently kind of had a breakthrough in Neural Nets and made a couple of games with NN AI's. For training, I use frameRate(100000) to jack the frame rate up. However, checking with println(...
- 95
1
vote
2
answers
259
views
How to change cells of array by keyPressed()?
I try to make a web application.
You can change cells of the array by pressing arrow keys here.
There is a class "Module" with methods display() and update(). These methods change the inner array ...
- 15
2
votes
2
answers
333
views
My HTML file can't load my PDE files in browser?
I have created a sketch file using processing.js and saved it to a pde file. I saved the processing.js source file, my html file, and my sketch pde file and get the following error in the chrome ...
0
votes
1
answer
284
views
Perlin noise values in different x, y dimensions all seems to approach 0.5 together as z offset is changed
I created this little animated Bezier sketch with Perlin noise. Any ideas why all of the points (in different 2d space) approach 0 all at once at seemingly regular intervals?
z offset changes by ....
- 5,099
1
vote
1
answer
108
views
Is it possible to generate sine tones in Processing.JS?
I am an amateur musician and I teach music basics to school children who have little to no prior music education.
I've coded a small app in Processing.JS which shows the 12 musical notes of the ...
- 73
1
vote
1
answer
333
views
How do I make my one file processing.js game into an .exe file?
I am trying to make my Processing.js game (which is in an html file) into an .exe file but I don't understand how.
It works fine when opened in a browser but I want to make it an .exe file for easy ...
- 13
0
votes
1
answer
51
views
Displaying image from Javascript to Processing.js canvas
So, I'm trying to programmatically add an image to my canvas, from a Javascript function :
// Spawn function
var spawnWrapper = function() {
myCanvas = Processing.getInstanceById('...
- 1,995