# Beginners

**URL:** https://discourse.processing.org/c/p5js/p5js-beginners/16.md?page=16

[Latest](https://discourse.processing.org/latest.md) · [Categories](https://discourse.processing.org/categories.md) · [Tags](https://discourse.processing.org/tags.md)

**Page:** 17

---

## [How to make a loading icon with an svg file p5.js (Access to Image at '' from origin 'null' has been blocked by CORS policy: Invalid response. Origin 'null' is therefore not allowed access](https://discourse.processing.org/t/how-to-make-a-loading-icon-with-an-svg-file-p5-js-access-to-image-at-from-origin-null-has-been-blocked-by-cors-policy-invalid-response-origin-null-is-therefore-not-allowed-access/2399)

<div class="topic-metadata">

**Author:** [@Pork](https://discourse.processing.org/u/Pork)\
**Replies:** 7\
**Last updated:** [August 21, 2018, 10:09pm UTC](https://discourse.processing.org/t/how-to-make-a-loading-icon-with-an-svg-file-p5-js-access-to-image-at-from-origin-null-has-been-blocked-by-cors-policy-invalid-response-origin-null-is-therefore-not-allowed-access/2399 "2018-08-21T22:09:44Z")

</div>

idk how to load the svg file. When i try i get a “Access to Image at ‘’ from origin ‘null’ has been blocked by CORS policy: Invalid response. Origin ‘null’ is therefore not allowed access.” If svg filetypes aren’t suppo…

---

## [API Key in header?](https://discourse.processing.org/t/api-key-in-header/2817)

<div class="topic-metadata">

**Author:** [@LWoodall](https://discourse.processing.org/u/LWoodall)\
**Replies:** 3\
**Last updated:** [August 21, 2018, 2:01pm UTC](https://discourse.processing.org/t/api-key-in-header/2817 "2018-08-21T14:01:19Z")

</div>

Hi I’ve been following tutorials for using p5.js to access data through APIs. So far i’ve been getting along fine with the tutorials (Coding Train) but now i’m looking at the Bungie API test (http://destinydevs.github.i…

---

## [Retrieve online JSON data](https://discourse.processing.org/t/retrieve-online-json-data/2784)

<div class="topic-metadata">

**Author:** [@mloiz](https://discourse.processing.org/u/mloiz)\
**Replies:** 3\
**Last updated:** [August 20, 2018, 3:37pm UTC](https://discourse.processing.org/t/retrieve-online-json-data/2784 "2018-08-20T15:37:07Z")

</div>

Hello, I would like to retrieve some online JSON data, and I dont manage. first, I cannont print the row data ; then, what are the equivalents of getJSONObject and getJSONArray from Processing ? Indeed I have to go a…

---

## [getElementById is not a function - styling elements made in p5.js](https://discourse.processing.org/t/getelementbyid-is-not-a-function-styling-elements-made-in-p5-js/2456)

<div class="topic-metadata">

**Author:** [@LWoodall](https://discourse.processing.org/u/LWoodall)\
**Replies:** 1\
**Last updated:** [August 7, 2018, 9:13pm UTC](https://discourse.processing.org/t/getelementbyid-is-not-a-function-styling-elements-made-in-p5-js/2456 "2018-08-07T21:13:03Z")

</div>

var url1 = 'https://api.wordnik.com/v4/word.json/'; var word = 'vinyl'; var url2 = '/examples?includeDuplicates=false&useCanonical=false&limit=5&api\_key=MY\_API\_KEY'; var input; var submit; var example; function setup() …

---

## [CC Fest LA at UCLA on September 8](https://discourse.processing.org/t/cc-fest-la-at-ucla-on-september-8/2187)

<div class="topic-metadata">

**Author:** [@saberkhan](https://discourse.processing.org/u/saberkhan)\
**Replies:** 1\
**Last updated:** [August 4, 2018, 10:54pm UTC](https://discourse.processing.org/t/cc-fest-la-at-ucla-on-september-8/2187 "2018-08-04T22:54:27Z")

</div>

Hi peeps, CC Fest LA, a celebration for creative coding for students and teachers, will be back at UCLA on September 8, Saturday. It is a free, accessible, and diverse event for K12 students and teachers to engage with …

---

## [Using the p5.ts libary for angular 5 project](https://discourse.processing.org/t/using-the-p5-ts-libary-for-angular-5-project/2137)

<div class="topic-metadata">

**Author:** [@ira](https://discourse.processing.org/u/ira)\
**Replies:** 2\
**Last updated:** [August 1, 2018, 3:27pm UTC](https://discourse.processing.org/t/using-the-p5-ts-libary-for-angular-5-project/2137 "2018-08-01T15:27:27Z")

</div>

hey im trying to get p5.ts to work on angular 5 I know theirs a typescript variant for p5js on git but Im unsure how to install/add it to the app modules to get it to work. I tried using the standard p5js typescript defi…

---

## [Styling HTML elements created in JavaScript](https://discourse.processing.org/t/styling-html-elements-created-in-javascript/2164)

<div class="topic-metadata">

**Author:** [@LWoodall](https://discourse.processing.org/u/LWoodall)\
**Replies:** 1\
**Last updated:** [July 28, 2018, 2:39pm UTC](https://discourse.processing.org/t/styling-html-elements-created-in-javascript/2164 "2018-07-28T14:39:25Z")

</div>

Hi I was wondering how i’d be able to give elements like the ones I made with createP specific styling. As a starting point i’d want to do something simple like make elements made from createP(wants.wants\[i\].basic\_inf…

---

## [Loading data from JSON without arrays](https://discourse.processing.org/t/loading-data-from-json-without-arrays/1557)

<div class="topic-metadata">

**Author:** [@Olygamy](https://discourse.processing.org/u/Olygamy)\
**Replies:** 1\
**Last updated:** [July 6, 2018, 6:50pm UTC](https://discourse.processing.org/t/loading-data-from-json-without-arrays/1557 "2018-07-06T18:50:51Z")

</div>

Hi there, I am working with API which give me JSON in this format: {“OBJECT NAME”: {“OBJECT.NAME#VAR112” : { “data01”: “BJECT.NAME#VAR112”, “data02”: “T-9F50. Serial Number: PI040298AA3I003620”, “data03”: “Grow.Thin…

---

## [HashMap nodejs p5js](https://discourse.processing.org/t/hashmap-nodejs-p5js/1381)

<div class="topic-metadata">

**Author:** [@lmccandless](https://discourse.processing.org/u/lmccandless)\
**Replies:** 1\
**Last updated:** [June 30, 2018, 2:11pm UTC](https://discourse.processing.org/t/hashmap-nodejs-p5js/1381 "2018-06-30T14:11:47Z")

</div>

I’m coming from processing to p5js and looking for HashMap functionality. I’m using node.js and did npm install hashmap in my test sketch, doing var hm = new HashMap(); inside setup() prevents my sketch from working. N…

---

## [Trying to do fractal tree](https://discourse.processing.org/t/trying-to-do-fractal-tree/1207)

<div class="topic-metadata">

**Author:** [@Nanonnien](https://discourse.processing.org/u/Nanonnien)\
**Replies:** 0\
**Last updated:** [June 24, 2018, 4:18pm UTC](https://discourse.processing.org/t/trying-to-do-fractal-tree/1207 "2018-06-24T16:18:05Z")

</div>

Good morning, I started watching videos from The coding train channel and I’m trying to replicate his fractal tree. But in a slightly different way: Sketch.js var tree; var width\_canvas = 640; var height\_canvas = 400;…

---

## [Midi and audio latency in p5.sound](https://discourse.processing.org/t/midi-and-audio-latency-in-p5-sound/1010)

<div class="topic-metadata">

**Author:** [@jjd](https://discourse.processing.org/u/jjd)\
**Replies:** 0\
**Last updated:** [June 16, 2018, 10:10am UTC](https://discourse.processing.org/t/midi-and-audio-latency-in-p5-sound/1010 "2018-06-16T10:10:50Z")

</div>

Hi, I’ve been playing around with the Web MIDI API for Chrome and wanted to see if I could make a web based synth. So I’ve just downloaded the p5 libraries and much to my surprise, it only took me a few minutes to set up…

---

## [Using Images In Browser with ProcessingJs](https://discourse.processing.org/t/using-images-in-browser-with-processingjs/390)

<div class="topic-metadata">

**Author:** [@CrispyCabot](https://discourse.processing.org/u/CrispyCabot)\
**Replies:** 4\
**Last updated:** [May 26, 2018, 5:33pm UTC](https://discourse.processing.org/t/using-images-in-browser-with-processingjs/390 "2018-05-26T17:33:05Z")

</div>

So I am struggling a lot with processingjs. Not sure why but I just can’t figure out how to get my processing code properly into an html file. I have two problems right now that I need help with. I don’t know how to lo…

---

## [Creating a HSV-Color Cylinder with WEBGL and p5js](https://discourse.processing.org/t/creating-a-hsv-color-cylinder-with-webgl-and-p5js/376)

<div class="topic-metadata">

**Author:** [@johmarjac](https://discourse.processing.org/u/johmarjac)\
**Replies:** 6\
**Last updated:** [May 25, 2018, 10:02pm UTC](https://discourse.processing.org/t/creating-a-hsv-color-cylinder-with-webgl-and-p5js/376 "2018-05-25T22:02:05Z")

</div>

Hi, I found following site on internet: https://programmingdesignsystems.com/color/color-models-and-color-spaces/index.html If you scroll down a little you can see a cylinder where you have 3 sliders and can select the…

---

## [Loops that draws gradient circles across and down the screen](https://discourse.processing.org/t/loops-that-draws-gradient-circles-across-and-down-the-screen/378)

<div class="topic-metadata">

**Author:** [@\_majok1](https://discourse.processing.org/u/_majok1)\
**Replies:** 2\
**Last updated:** [May 25, 2018, 8:16pm UTC](https://discourse.processing.org/t/loops-that-draws-gradient-circles-across-and-down-the-screen/378 "2018-05-25T20:16:35Z")

</div>

Hello, I just started using processing a couple of days ago and started experimenting with loops. I’ve created some coding that would draw a circle within a circle and successively get small. I want to create a loop tha…

[Previous page](https://discourse.processing.org/c/p5js/p5js-beginners/16.md?page=15)