Dark Bit Factory & Gravity

GENERAL => Challenges & Competitions => Topic started by: Kirl on December 22, 2011

Title: [TinyC5] Plawesoma!
Post by: Kirl on December 22, 2011
How are you gentlemen? I present to you Plawesoma! (http://kirl.nl/plasmaScript/playMe.html)

I tried a plasma before in flash but it failed spectacularly, so I'm happy it worked out this time, turns out it's pretty simple really. I got it after reading a post by jim which I found through a google search. I should've known better and searched dbf in the first place... :)

View source at your own risk, some really weird and crappyy code solutions for the text scroller and font (just say no kids! ;D).  Music only seems to work in Chrome.

Have a good xmas all!  :xmas:
Title: Re: [TinyC5] Plawesoma!
Post by: benny! on December 22, 2011
 :clap: Nice one!

Great plasma with good mouse interaction plus scrolly. Runs really well on my laptop!

Well done and thanks for entering!
Title: Re: [TinyC5] Plawesoma!
Post by: jace_stknights on December 22, 2011
 :clap: Well done!

Very nice plazma! Cool to make it run with user interaction :D
And it is soooo fast :D :trans:
Title: Re: [TinyC5] Plawesoma!
Post by: Shockwave on December 22, 2011
Nice work Kirl.  It even runs fast with the shadow property :)

Got my daily dose of plasma now!
Title: Re: [TinyC5] Plawesoma!
Post by: padman on December 22, 2011
Yep, this is some fine ass plasma. Very well done!  :clap:
Title: Re: [TinyC5] Plawesoma!
Post by: neriakX on December 22, 2011
very cool plasmas! yay for the interactivity! unfortunately the sound does not work in lates SRWare Iron, which is a spyware-cleaned version of Google Chrome. I'm using Version 16.0.950.0 (Entwickler-Build 115000 Windows)
Title: Re: [TinyC5] Plawesoma!
Post by: combatking0 on December 22, 2011
I liked the smooth motion of the plasma effect, and the music went well with the font, which I liked. It's hard to find a decent pixellated font these days.

My only concern is the contrast between the text and the plasma when it goes black and white, but this is only a problem for a second or two before the contrast improves.
Title: Re: [TinyC5] Plawesoma!
Post by: Kirl on December 23, 2011
Thanks for the comments all! :)


Nice work Kirl.  It even runs fast with the shadow property :)
What shadow property Shockwave? Beyond figuring out the plasma I've been quite lazy in terms of exploring cool stuff. Felt like a bit of stranger back in js so this challenge came at the right time. The recommended dose of plasma is about 26 hours a day btw. ;)


very cool plasmas! yay for the interactivity! unfortunately the sound does not work in lates SRWare Iron...
Thanks for mentioning the music fail neriakX (never heard of SRWare, but it sounds intriguing ), I'm planning to look into benny and jace's code to figure out how they got it running in both FF and Crome which I tested with, but I'm still a bit too tired to actually sit down and do it. Really need to get some quality sleep soon, I'm pretty broken (not related to the challenge though).
:crutches:

...the music went well with the font, which I liked. It's hard to find a decent pixellated font these days.
Thanks, I went for a 5x5 font as I found one really can't do much with 4x4. Thanks for mentioning CK! Had a bit of help from a friend who happened to be sitting next to me on the couch, it was interesting to get the u,v and y easily recognizable. Still some letters that irk me every time I see them.

I did it like this as I had no idea how else to do a scroller with tinyc5, I'm still a bit puzzled how you and shockwave did those gorgeous fonts. I only skimmed through your code, but didn't find any obviously clumsy, unwieldy pixel declarations for every letter, like in my code. Planning to figure out that little mystery after I've had some good sleep as well. :)
Title: Re: [TinyC5] Plawesoma!
Post by: Clyde on December 23, 2011
Really clever how you've done the colour palette cycling and the plasma patterns.
Title: Re: [TinyC5] Plawesoma!
Post by: jace_stknights on December 23, 2011
What shadow property Shockwave?
I think he's speaking about the css shadow property of the white border. This makes the javasript running slower.  :crutches:
Title: Re: [TinyC5] Plawesoma!
Post by: Kirl on December 23, 2011
So that's why I've spent most of the time trying to optimise it, doh!  :whack:

I just realised I messed up the name too. Because plasma in english is pronounced like ass, whereas in dutch the middle "a" is pronounced as in awesome. So it really doesn'twork in english, didn't realise I was using the dutch pronunciation in my head...

Really clever how you've done the colour palette cycling and the plasma patterns.
Thanks Clyde, I did not expect to hear that! :)
I was pretty happy with the plasma code, but once I finished the huge awkward scroll code I was afraid that little thing of beauty would be lost!
Title: Re: [TinyC5] Plawesoma!
Post by: combatking0 on December 23, 2011
I'm still a bit puzzled how you and shockwave did those gorgeous fonts. I only skimmed through your code, but didn't find any obviously clumsy, unwieldy pixel declarations for every letter

I stored the pixel declarations in a 2D array (the "dots" array). Each declaration was five lots of seven values. One lot of seven values was drawn on each successive frame, depending on which letter was being read, and how many frames had passed for that letter. Also the pixels in the scroller were being moved to the left, resulting in the illusion of a scroller. The only scroller data being updated was on the very right-hand-side of the screen.

Shockwave's looks more complicated than mine though - I'm wondering how it works.
Title: Re: [TinyC5] Plawesoma!
Post by: Shockwave on December 23, 2011
My font is laid out in ASCII order, it is 5*5 pixels per character.  The dots are stored in 5 single dimension arrays because I didn't have time to work out multi dimension arrays.. I had to draw all character on screen each frame and I just turn the ASCII value of each character into an offset to use in the font arrays to get the character I need to draw.   :)
Title: Re: [TinyC5] Plawesoma!
Post by: Kirl on December 24, 2011
Thanks for the insights guys, even though I'm not a fan of reverse engineering code, I really liked the opensource nature of this challenge! :)

I tweaked my entry a bit and removed the shadow property, now it runs smooth on my own laptop as well! Thanks for mentioning it Shockwave! Also set mobile support to true, but I've got nothing to test it on... Would love to hear if/how it runs on mobiles.
Title: Re: [TinyC5] Plawesoma!
Post by: Hotshot on December 30, 2011
Cool Plamsa  :clap: