Square Color Fill v0.1 and v0.2

in #utopian-io7 years ago (edited)

image.png

I am working on a project for we are codex, but along the way I stumbled upon a cool concept. This code generates colored squares based on mouse movement. If you restrict your movement you restrict the colors shown. If you move on the entire screen, you get more diversity.

Here is a video showing how the code works.

This is part of an effort to make my code more interactive and playful. The cover image was generated by shifting my mouse within one pixel as the code drew five rows. Then I would move my mouse to another pixel and repeat.

image.png

When you peak under the hood, you can modify the variables that control the colors to be more dull.

image.png

I multiplied the color variables by .5 to slow down the color change.

image.png

I attempted to allow sinusoids to control the color of the pixels, but my first attempts didn't work.

image.png

Changing the width and height of the pixel makes the image a bit interesting to see.


Github links:

https://github.com/wearecodexx/clixel/blob/master/pixel_fill_v0.1.html
https://github.com/wearecodexx/clixel/blob/master/pixel_fill_v0.2.html

Proof of Github login (hizzvizz = @rubenalexander)



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

hah thats fun! What can it be used for?

Soon you’ll see!!

Amazing! I want to turn my laptop on right now to try it xD

looking really amazing :D

That is indeed cool !!

ha ha ha thats fun but good job
thanks for sharing

upvote comment follow

Your contribution cannot be approved yet because it does not have proof of work because the development category rules state that if your username on Github does not correspond to the Utopian username you must provide proof that you are the owner by providing a screenshot of the logged in session in Github.

See the Utopian Rules. Please edit your contribution and add proof (links, screenshots, commits, etc) of your work, to reapply for approval.

You may edit your post here, as shown below:

You can contact us on Discord.
[utopian-moderator]

I have added proof to the post.

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Hey @rubenalexander I am @utopian-io. I have just upvoted you!

Achievements

  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

great work like it

Coin Marketplace

STEEM 0.20
TRX 0.13
JST 0.030
BTC 64599.25
ETH 3467.96
USDT 1.00
SBD 2.55