Skip to main content

Picture Maker and noise function

Several months ago I was working on some javascript that I was hoping would be able to draw random pictures that look like paintings.  The drawing would be guided by the user clicking on the image as it randomly changes.  This would alter the random drawing to use more of the color that you clicked on.



I eventually got something working that is kind of cool.  It draws random circles and changes colors based on colors that you click on.  It is kind of cool, but the pictures don't look very good.  They look like a bunch of confetti thrown on a page.  I wanted it to look like a painting.




More recently I went through a training course on Khan Academy called Natural Simulations.  One of the topics covered was noise.  More specifically Perlin noise.  It just recently occurred to me that I could use noise to make my painting script look a lot better.

This is a picture of some clouds that I generated using one of the exercises in the course.




The Khan Academy course uses processing.js which has a noise function built in.  To get processing.js working on your page you have to setup your code in kind of a weird way.  I don't like it but there are other javascript implementations of Perlin noise so it doesn't really matter.

I have started working on changing my old random drawing code to use some of these ideas from the course.  Hopefully in the next couple of days I will have something working.  I'll make another post when I do.




Comments

Popular posts from this blog

Getting Hidden App Data From Your Google Drive

Some Android applications use space on your Google Drive to store data.  You can't see this data by browsing drive the normal way.  You can get access to it if you get the access token from the app and do a few other things.

I use an app to keep some notes and other things.  They require getting the paid version of the app to backup your data.  I wanted to see if I could get it myself without paying for the app.  I found out how to do this from this Stackoverflow post http://stackoverflow.com/questions/22832104/see-hidden-app-data-in-google-drive.  The example there uses php. Since I have been learning Python recently, I decided to see if I could do the same thing with Python.

 There is a pretty good explanation of why you need to go through all the steps you need to go through to get your data in the accepted answer for that post, so I won't go into too much detail about that here.


Using The Coldfusion XMLValidate Function To Validate User Content

Sometimes you want to allow a limited set of HTML tags in user generated content.  This can be done with the XMLValidate function in Coldfusion as long as the content is valid XHTML.

Several years ago I read an article about escaping form values posted by Ben Nadel on his site www.bennadel.com. Some discussion came up in the comments about allowing a limited set of html tags for paragraphs, bold text, and so on.  I had a need to do this for forum comments on a site that I was working on. This site was written in Coldfusion so I was looking at some of the same options mentioned in Ben's article. I ended up doing something a little different though.

We were using TinyMCE for the forum comments. TinyMCE produces XHTML code so I was able to use Coldfusion's abilities to handle XML to accomplish this task. Using the XMLValidate function and an XML schema that was modified to accept a small list of tags and attributes the comments were correctly limited. Here is the relevant po…

Using IR codes from Broadlink backup file

This is a continuation of yesterdays post about the Broadlink RM2 wifi remote.  I was able to test out using the codes to control my remote today.  They are stored in JSON format in the broadlink backup file.  The backup file is a zip file.  After you extract it there is a folder named SharedData.  There are several files in the folder.  The one that seems to have all the codes is named jsonIrCode.  The data looks like an array of objects, each with a code and some other information.