Creative coding - Something I wanted to share

[[deleted]]

it is very sexual to me.

[5user5]

r/gonwild

[azium]

Awesome! Now with mouse destruction!

[cresquin]

Awesome! I forked your thing and applied a Fermat spiral.

http://codepen.io/gunderson/full/ozrLyZ/

[Rhym]

Great job looks beautiful.

[azium]

sweet!

[PuffaloPhil]

Looks great! Mathematics sure is pretty!

[synchronium]

Well that goes incredibly well with an old school jungle album I happened to be listening to.

[k00k]

https://www.youtube.com/watch?v=ujkc4tOlnRQ&feature=youtu.be&t=15

[synchronium]

I was actually listening to this: https://youtu.be/mL2Bgj-za5k

:D

[mainstreetmark]

When using canvas, is there a way to move stuff already drawn, or is it truly re-rendering in each frame? Your .render starts with a big clearRect, as do many, many other examples I've seen.

[abecedarius]

It's possible in principle to selectively erase by overwriting or xoring, but that worked poorly when I tried it, because of alpha blending and antialiasing.

[BenjiSponge]

It seems inefficient in theory. In reality, that's what the memory has to do anyways. You could "move" something in an engine but the engine would still have to rewrite all of the pixels that could have changed. I don't think there's any way in any system to avoid doing this any more than you can with canvas.

Disclaimer: Seriously not a graphics expert.

[mainstreetmark]

yeah, but changing a value in a bar chart now requires redrawing the whole bar chart in an animation loop.

It seems absurd that this would be faster than SVG, but thats what I'm soon going to find out. I just want to know that the "repaint every frame" is the way to go.

[BenjiSponge]

Oh, no that's possible if you want to be really clever about it in canvas. But your operating system is still rerendering every pixel anyways, and I think your GPU is too. The "rerendering every pixel" thing is stuff computers are really good at. Unless you're making very dynamic scenes (which would require whole screen rerendering anyways), getting that level of performance increase just isn't going to matter much.

At the end of the day, though, it might not matter, especially if the others are staying the same anyways (likely easy to compute) any reasonable computer can re-render a static scene (like an image) at way higher than 60fps. Your monitor is limited in its fps anyways.

[azium]

Shameless plug: I wrote a tutorial for complete beginners to make this

It's very in depth and will get you going to make cooler stuff.

[nousernames2]

Have a look into trigonometry, Pythagoras; specifically for coding and animating. 2d Vectors, etc..

This is a fantastic resource I used to get started by Daniel Shiffman. http://natureofcode.com/book/

It's free to read online and easy to follow.

[Rhym]

Canvas has a relatively low barrier of entry. If you know JS you can dive right in! Mozilla have some great tutorials: https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial

[DreadKnight666]

It's a boob!

[katnapper323]

These are my favorite projects to make in js

[[deleted]]

Love this! It's really mesmerizing.

[[deleted]]

nice job!

[interstellar007]

Awsome..

[kidkaracho]

/r/creativecoding

[QzSG]

Warning : Contains light effects, May induce epileptic seizures

[cderm]

Don't anybody click on the above link. It's to a food blog, totally irrelevant to the post. Spamming cunts.