HOME | DD

wonderwhy-ER — Perlin Displacement Fun by-nc

Published: 2008-01-11 16:09:03 +0000 UTC; Views: 4003; Favourites: 19; Downloads: 68
Redirect to original
Description Well this was done in 23 minutes. I got to institute too early and had 30 minutes free. I needed to make gradient look little bit cloudy. So I decided to try one thing and it looks much better then I tough So sometimes my work is fast and fun

Well feel free to play with parameters Sorry didn’t have time to name them.

Ok. Edited and added some more options. And stretched it, so it is bigger now. May lag.

Explanation:
ScaleX/ScaleY – stretch of displacement map
Octaves – 1-3 for how complex it is. Each octave is additional layer of map which is stretched 2 times less then previous.
Displacement Strength – multiplier for displacement effect.
Type – well type of function.
SpX/SpY – speed with which each layer moves.


Edit 15.01.2008:
Was implementing this in to the project and played with background gradient a little. Looks more interesting now
P.S Got one idea how to make interactive water based on standart bitmap operation Though i don't have time to try it at the moment...
Related content

wonderwhy-ER - Volumetric Perlin Noise

wonderwhy-ER - Chemical Structures 2

wonderwhy-ER - Collision Sparks

wonderwhy-ER - Voxel Engine Revamped

wonderwhy-ER - Islands Flood

wonderwhy-ER - Ball Collision Study 8

wonderwhy-ER - AS3 cursor effect example swf

wonderwhy-ER - Triangulated Perlin Noise

wonderwhy-ER - Firebending 25lines entry

AffinityShy - FOA Merlin's Ball and Box Project (Animation)

MurDareik - Doctor Whooves - The Voice Of The Elder Intro

vissroid - Flyby

Sebioff - Particle Slide

ArtistsHospital - Flash Tutorials

Spade489 - Mouse Push

GublerFanGirl - keyboard TARDIS

ivosiliev - Ice Castle

Forests-FH - Free scrolling galaxy #3 preset
Comments: 52

wonderwhy-ER In reply to ??? [2010-09-21 14:25:35 +0000 UTC]

You can achieve some other fun effects with it, try something like scales 100x 200y, x speeds to small values and y speeds to positive values i range of 0.5-2.0 Looks like some northern lights or some other energy radiance

👍: 0 ⏩: 0

ShnitzelKiller [2009-04-16 06:52:50 +0000 UTC]

quote:

TypeError: Error #1009: Cannot access a property or method of a null object reference.
at DisMapTest_fla::MainTimeline/frame()


That's what I get when i load this a the start. I can dismiss it and continue, but it's still a minor bug. One that I hate, too. I wish some of those errors were more specific when I'm making things, especially 1010 and 1009, which i get a lot.

👍: 0 ⏩: 1

wonderwhy-ER In reply to ShnitzelKiller [2009-04-16 08:30:55 +0000 UTC]

Yeah some versions of flash throw that stuff and some don't... I don't see error here...

👍: 0 ⏩: 0

39Woods [2008-04-09 09:21:55 +0000 UTC]

Is this calculated on the fly? or do you cache and loop?

I'm just wondering if the effect can be less cpu expensive? for example, if you are already cache and loop, then this cpu usage is just lots of BitmapData.copypixels (and so nothing to improve). Or is perlinNoise & displacementMapFilter so efficient?

👍: 0 ⏩: 1

wonderwhy-ER In reply to 39Woods [2008-04-09 09:31:38 +0000 UTC]

Well on each frame only displacement is calculated. When you click and map changes new color map is calculated by perlinNoise. Then displacement map is calculated from color map. And then on each frame light map is displaced according to mouse coordinate and displacement map. So no perlin nouse or other calculations except displacement on each step. I believe that you do it more efficient because seen some very impressive simulations in the net like this one: [link]

👍: 0 ⏩: 0

Mobilelectro [2008-01-23 09:52:12 +0000 UTC]

Wow! very interesting.

👍: 0 ⏩: 1

wonderwhy-ER In reply to Mobilelectro [2008-01-23 12:29:48 +0000 UTC]

Thanks

👍: 0 ⏩: 0

move-me-more [2008-01-21 10:50:10 +0000 UTC]

you really do amaze me. i'm always early, and also tend to spend my free time in the labs doing stuff like this. Mine, however, never make it home...

👍: 0 ⏩: 2

move-me-more In reply to move-me-more [2008-01-21 12:03:39 +0000 UTC]

yep. halfway marks and tests.. nothing polished enough to share..

👍: 0 ⏩: 0

wonderwhy-ER In reply to move-me-more [2008-01-21 11:07:32 +0000 UTC]

Hmm. So many works you do are not shared?

👍: 0 ⏩: 0

Keydan [2008-01-17 21:25:03 +0000 UTC]

Yey fractals, I made a few programs and a sciance work a while ago on them...

👍: 0 ⏩: 1

wonderwhy-ER In reply to Keydan [2008-01-17 21:43:42 +0000 UTC]

Yeah something like that

👍: 0 ⏩: 0

tecwzrd [2008-01-16 19:48:26 +0000 UTC]

Wonderful effect Are you coding in AS3 for this?

👍: 0 ⏩: 1

wonderwhy-ER In reply to tecwzrd [2008-01-16 20:14:45 +0000 UTC]

Yes but you can do the sam in AS2 Flash8. Just using some bitmap filters/function. You can figure which from title

👍: 0 ⏩: 1

tecwzrd In reply to wonderwhy-ER [2008-01-16 20:26:39 +0000 UTC]

Been coding in AS2 for awhile and have worked with the perlin noise before but still getting the hang of AS3. from what I understand using perlin noise with AS3 is much faster and you can work with larger size windows.

👍: 0 ⏩: 1

wonderwhy-ER In reply to tecwzrd [2008-01-16 20:43:00 +0000 UTC]

Well from my expiriance speed of filters and and some other core things haven't changed much. I am not shore but i think you can reproduce this with AS2. Basicly there are 2 300x200 bitmaps. One is with perline noise, another with gradien drawn on each frame. Then displacementmap is used on one with gradien with perlinNoise as displacement map. To make it 600x400 i streched it to x2 size. Quaility does not drop much but speed becomes musch faster.

👍: 0 ⏩: 0

awesty [2008-01-16 04:43:23 +0000 UTC]

It looks much more like water when set to turbulent now.

👍: 0 ⏩: 1

wonderwhy-ER In reply to awesty [2008-01-16 09:07:47 +0000 UTC]

Yeah

👍: 0 ⏩: 0

NinjitsuWarrior [2008-01-15 19:33:17 +0000 UTC]

I love you!!!

👍: 0 ⏩: 1

wonderwhy-ER In reply to NinjitsuWarrior [2008-01-15 20:05:15 +0000 UTC]

👍: 0 ⏩: 0

enci [2008-01-14 13:13:10 +0000 UTC]

This is damn good

👍: 0 ⏩: 1

wonderwhy-ER In reply to enci [2008-01-14 13:33:47 +0000 UTC]

Not so complex as it seems... Just some perlin nouse and DisplacementMapFilter. As i said i made first version in some 23 minutes or so

👍: 0 ⏩: 0

GuitARRET [2008-01-13 00:29:03 +0000 UTC]

cool.

👍: 0 ⏩: 1

wonderwhy-ER In reply to GuitARRET [2008-01-13 00:51:59 +0000 UTC]

mm thanks

👍: 0 ⏩: 1

GuitARRET In reply to wonderwhy-ER [2008-01-13 21:16:56 +0000 UTC]

you're welcome

👍: 0 ⏩: 0

xero-sama [2008-01-13 00:27:54 +0000 UTC]

i love it! Great water tool for animating!

👍: 0 ⏩: 1

wonderwhy-ER In reply to xero-sama [2008-01-13 00:51:39 +0000 UTC]

thanks

👍: 0 ⏩: 0

killthemouse [2008-01-12 03:29:17 +0000 UTC]

Nice, makes for quite a good water effect!

👍: 0 ⏩: 1

wonderwhy-ER In reply to killthemouse [2008-01-12 10:03:06 +0000 UTC]

Yeah

👍: 0 ⏩: 0

psykopath [2008-01-11 23:51:07 +0000 UTC]

'Turbulent' looks alot more like water.
It runs really smoothly for something that big, I like it

👍: 0 ⏩: 1

wonderwhy-ER In reply to psykopath [2008-01-12 00:47:58 +0000 UTC]

thanks

👍: 0 ⏩: 0

brunoxyz [2008-01-11 18:50:36 +0000 UTC]

thats great,, I too think that it looks more like water.. but the important part is that you can get many different effects by modifying it.


how can you do these things.. is it just action script? can you do this in flash mx too?

👍: 0 ⏩: 1

wonderwhy-ER In reply to brunoxyz [2008-01-11 20:18:52 +0000 UTC]

I will upload version with more parameters later. And will name those that are there.

👍: 0 ⏩: 1

brunoxyz In reply to wonderwhy-ER [2008-01-11 20:43:36 +0000 UTC]

sorry I think I didn't explain myself good enough.. I meant that it doesn't matter what it looks like.. water or clouds,, that there is potential to create more stuff with it.. like smoke effects in a game or whatever it could be used for.

👍: 0 ⏩: 1

wonderwhy-ER In reply to brunoxyz [2008-01-11 21:17:08 +0000 UTC]

Well yeah ofcourse. It's based on more or less standart idea. You can see it in many modern 3D games actualy.

👍: 0 ⏩: 0

ninjkabat [2008-01-11 17:45:04 +0000 UTC]

Looks more like water than clouds.

I'm still always fascinated by what you can do with a relatively short amount of time.

👍: 0 ⏩: 1

wonderwhy-ER In reply to ninjkabat [2008-01-11 18:11:51 +0000 UTC]

Yeah it does Well if it will not be what they want i will work with it more. I can make a lot based on that. It was just very fast experement to see if ican make something like that. BTW i forgot to test another formula which looks more like clouds. I will add on/off bar later for it.

👍: 0 ⏩: 0

cepums [2008-01-11 17:32:04 +0000 UTC]

patiesiibaa.. ja tu uztaisiisi lai tas kustas nevis uz leju.. bet uz augshu.. aatraak.. un nedaudz savaadaak.. tas vareetu izskatiities peec baigaa pazhara tipo peec uguns sienas.. paprovee.. mosh sanaak algoritms jau pricipaa tas pats laikam

👍: 0 ⏩: 1

wonderwhy-ER In reply to cepums [2008-01-11 17:59:44 +0000 UTC]

Ja tas ir tada pata ideja kura ir izmantota lai sdarit mazu labi strada6u ugunu.

👍: 0 ⏩: 1

cepums In reply to wonderwhy-ER [2008-01-11 18:50:40 +0000 UTC]

bet tu aizmirsti ka uz maakonjiem iedarbojas horizontaals veejsh...
ieliec arii to algoritmaa.. un viss ko tev vajadzees ir zaaliite

👍: 0 ⏩: 1

wonderwhy-ER In reply to cepums [2008-01-11 20:29:28 +0000 UTC]

Nu runa bija ne ka par makonimeb but par dumi vai miglas... Es var but neparezi izteicos. Es pec kadu laiku citu variantu uzlade6u.

👍: 0 ⏩: 0

cepums [2008-01-11 17:29:24 +0000 UTC]

nuuu ees nezin.. diez kas nav..
ja nu vieniigi kaa fons kaadaa citaa lietaa... nu tiiri kaa algoritms mosh incanti..
bet kopumaa izskataas diezgan vienmulji.. jo redzies.. te jau nav programmeetaaju vieta.. te jau maakslinieki tuseejas
ieliec priekshaa veceni ar pupiem un zobenu.. uh kaa tauta uzraiz pavilksies

labaak uztaisi to lavas lampas screensaveri

👍: 0 ⏩: 1

wonderwhy-ER In reply to cepums [2008-01-11 18:10:45 +0000 UTC]

Tas ir izdarits ka atrs eksperements vienaj darbaj. Un tas ir maksla man. Tas ir mana maksla. It ka smekligi noklasusa ka programe6ana nav maksla Maksla ir limenis. Visas profesijas ir maksla Un ja DA or daudz fotogrfaijus, fanartu, citu darbu. To ka tur nav tik daudz makslinieku ka es nenozime ka DA nav vieta man Ne zinu tu ar taviem vardiem it ka pazemojs mani Un ne kadam vecim 6aja darba vietas nav.

👍: 0 ⏩: 2

lightbird In reply to wonderwhy-ER [2008-01-16 15:08:24 +0000 UTC]

Soglashush, ja iz matematiki ochenj malo ponimaju no vse ravno ocenivajo, cto iz cifrov toljko sdelatj mozhno

👍: 0 ⏩: 1

wonderwhy-ER In reply to lightbird [2008-01-16 16:00:35 +0000 UTC]

Nu eto prosto nemnogo drugoj i neobi4nij poka 4to vid iskustva. Po anlgiski jego se4as nazivat stali kak "Time-Driven art" i dla mena je6o i interaktivnij Ne prosto kartinka a 4to to zivoje i otklikaju6ijesa na dejstvija sozercatela A tak eto vob6e prosto obo4nij rezultat togo 4to ja na rabote se4as delaju

K tomu ze cifrovoje iskustvo mozet bit o4en daze krasivim i interesnim. Von hotja bi na fraktali posmotret. Po mne tak v mnogih fotografijah iskustva na mnogo men6e 4em v fraktalah.

👍: 0 ⏩: 1

lightbird In reply to wonderwhy-ER [2008-01-20 12:28:45 +0000 UTC]

No fraktali i v prirode chastno strechaetsja - led no moih oknah, kogda holodno bilo... krovavie vesla, neironi i tak dalee

👍: 0 ⏩: 1

wonderwhy-ER In reply to lightbird [2008-01-20 12:39:18 +0000 UTC]

Nu tut delo v ocenki kreativnosti. Skokko kreativnosti v tom 4to bi nazat knopku na otoaparate smotra v nuznom napravlenii. Skolko kreativnosti v tom 4to bi dobavit paru bibliotek v proket i napsiat paru stro4ek i pol4uit letaju6ij krugami 6arik. Skolko kreativnosti v tom 4otbi otkrit programmu fractalov i perebrat formuli i ponatravlivat odnu na druguju.Kazdij re6ajet sam dla seba. Pozaluj 4to bi polu4it horo6uju fotografiju ili fraktal vo ze nuzno vlozit mnogo usilij. Prosto dla nekotorih poisk krasivih ve6ej ne javlajetsa 4astju sozedanija ili projavlenija iskustva... Da i vob6e samo ponatija iskustva ili kreativnsoti 4erez4ur abstraktni. Bojevije iskustva naprimer

👍: 0 ⏩: 1

lightbird In reply to wonderwhy-ER [2008-01-20 12:56:12 +0000 UTC]

Menja rasstraivaet to, chto slovo Izkusstvo ili Hudozhestvo izpoljzovaet chtobi skrivatj ploho sdelannuju rabotu. kak sumku odnoj iz sester Olsen - sdelannaja iz vsjakogo musora, nu plastmasovih butilkah, pachkah sigaret, i tak dalee, I prodaet za gromadnie dengi. Dazhe ne rasstraivet, besit!

👍: 0 ⏩: 1

wonderwhy-ER In reply to lightbird [2008-01-20 14:47:12 +0000 UTC]

Nu eto uze delo teh kto pokupajet Jesli oni takiej durik eto pokupat to delo ihneje

👍: 0 ⏩: 0

cepums In reply to wonderwhy-ER [2008-01-11 18:49:07 +0000 UTC]

piedod vecais.. es negribeeju tevi nekaadaa veidaa pazemot...
jaa nu ne visaa matemaatikaa es saredzu maakslu.. lai gan es nenoliedzu ka vinja tur ir...
es atvainojos ja nedaudz paarsteidzos.. jo katra cilveeka pirmie solji ir noveerteejuma veerti... tikai es laikam biju domaajis ka tu vari izdariit ko vairaak..
piedod.. es tieshaam negribeeju tevi aizvainot
pilniigi noteikti ne briidii kad tu visdriizaak uzvareesi manaa mazajaa konkursaa

a par to uguni...
nu redzi pats ka varbuut nemaaku programmeet.. vienkaarshi taapeec ka nezinu to valodu.. bet no algoritmiem sho to saprotu ;D

veciit.. es 10 gadu vecumaa uztaisiiju pirmo speeli... par rakjetes nolaishanu uz meeness.. teksta formaataa beisikaa

👍: 0 ⏩: 1


| Next =>