Some code from ES6 JavaScript

ASmartCoder

So some of you pretty much know I've moved from Code.org's programming 'thing'. For those of you doing ES6 JavaScript, here's a mining animation I made if anyone wants it:

`
//declare this.allowed and set it to false, declare this.clicked and set it to true. declare this.rotation = 0 in your constructor

const angle = Math.atan2(mouse.y - this.y, mouse.x - this.x);
this.rotation = angle;

if (this.clicked == true && this.rotationOff > -1.5) this.rotationOff -= Math.PI / 15
if (this.rotationOff <= -1.5) {
  this.rotationOff += Math.PI / 15;
  this.clicked = false;
} else if (this.rotationOff == 0) this.allowed = true
if(this.rotationOff > -1.5 && this.rotationOff < 0 && this.clicked == false) this.rotationOff += Math.PI / 15
if(this.rotationOff > 0) {
  this.rotationOff = 0
  if(mouse.holding == true) {
    this.clicked = true
  }
}

//declare mouse.holding = false
addEventListener('mouseup', (event) => {mouse.holding = false})
addEventListener('mouseup', (event) => {mouse.holding = true})

If you don't understand just dont worry about it.

Letti42

That's cool and all but almost nothing in that is regarded as ES6.. all you did was use ES5 identical code and added a single variable with const (which in this context, I don't think should it should be declared using const). Plus, you aren't using arrow function properly. You don't need to add the parameter in the callback, and curly brackets aren't needed for code that's only one line long.

"If you don't understand just dont worry about it."

Im not even going to explain why this is such a bad statement to say...

ASmartCoder

Letti42 And what about this
addEventListener('mouseup', (event) => {mouse.holding = false})
addEventListener('mouseup', (event) => {mouse.holding = true})

person

confused mumbling

ackvonhuelio

person
Let yourself be heard

person

ackvonhuelio ok; so what did i just read???? what is ES6 Javascript, what is ES5 javascript, where do i find this ES6 javascript,

Letti42

person ES5 and ES6 are different versions of Javascript. think of ES6 like an update. In ES6 they added some changes to functions, variables, and just in general some new stuff to use. Most browsers and websites use the updated version, but code.org is stuck in ES5 for whatever reason.

ASmartCoder

person You just read some constructor code. ES6 is ES5 javascript but with some updates (read more here (https://www.w3schools.com/js/js_es6.asp))

Also there's ES7, 8, 9 and 10, but with only a small update

You don't 'FIND' the newer versions, your browser should already support them. The way newer versions might not be compatible for all browsers thoug (es7, 8, 9, 10, you'd have to do your own reasearch).

If you're using cdo, they're never gonna update it, so if you want to

get there

you can just download your own code editor (i recommend sublime text cause u can auto save)

ASmartCoder

Letti42 Tbh code.org's programming system isnt even ES5, it's something less than that . . .

person

who is they

Letti42

person Take a wild guess

ackvonhuelio

Yor mom?

Letti42

ASmartCoder dawg didn't even read my reply‼️‼️😂🥶🥶💯

addEventListener('mouseup', (event) => {mouse.holding = false})
addEventListener('mouseup', (event) => {mouse.holding = true})

->>

addEventListener('mouseup', () => mouse.holding = false);
addEventListener('mouseup', () => mouse.holding = true);

if you want to make it even shorter:

.onmouseup = ()=> mouse.holding = false;

also 2 onmouseup events? or are they for different elements

person

ok ima take a wild guess, Gerald van baron the second

ASmartCoder

Letti42 mb there was supposed to be mouseup and mousedown

ackvonhuelio

Letti42
calling someone a dog is dehumanizing.
morons like you keep pulling our society down.

Letti42

Though I am wondering.. are you still using a p5 library? If you are then there isn't much different from code.org's es5, other than a bit more freedom with some functions... it all still does the same thing

ASmartCoder

Letti42 Not really
sprites have a limited amount of things that you can actually implement on.
For example, the main properites of sprites that we all know is x, y, width, height, rotation. But you're limited in a way. Cdo pre-built the constructor, the canvas, and some other things, and making your own class is forbidden (class for sprites)

ackvonhuelio

ASmartCoder
a sprite is just a constructor, so you can(actually I did once) add a bunch of properties and then define your own usages for those properties
for example,:
// made a new sprite function cuz i don't wanna go through CDO code and find what the actual sprite constructor is called in order to make a prototype function thingy function makeySprite(x,y){ this.sprite = createSprite(x,y); this.sprite.dog = 0; } makeySprite.prototype.dehumanize = function(){ this.sprite.dog += 1; }; var sprite = new makeySprite(200,200); sprite.dehumanize();

Letti42

ackvonhuelio yo please tell me your joking 😂😂 aint no way mans think I called him an actual dog

ASmartCoder

ackvonhuelio ur still using createsprite, which is part of cdo

person

technically thats just calling them a furry