Effects and experiments
...stuff you didn't expect to see
 


This is simply a selection of some of the things we've made for fun. Some plain DHTML effects, and some complete C64 demo remakes in JavaScript/DHTML...
It is recommended that you have your browsers cache turned on. This will enhance the speed and look of some effect.

  Effect: Floffy Tech-Tech
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark: Uses the built in Wave Filter in IE to create the wave.

A very common effect in the old Amiga demos, however not very often seen in a C64 demo.
I simply thought it would be a nice thing to show off to the rest of the world. The fact is that this is so simple to do, since it only uses the built in filters in IE5.0+

view the effect
  Effect: Line Vector Cube
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark: Uses VML, Vector Markup Language, thus only supported in IE.

Another common effect, the rotating vector objetcs...
This one is ofcourse the classic unfilled vector cube. And yes, I did this on the old C64 aswell, and I was sooo proud!

view the effect
  Effect: Plasma
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark: Uses a quite common flame-algorithm to create the plasma effect.

An effect that I really loved on the old Amiga, and which I tried to recreate at the C64, but I never quite got it as good as I wanted...
I know that it has now been done, and I envy those who've done it. This could easily be modified to use smaller "pixels" but it would then crave a whole lot of CPU power...

view the effect
  Effect: Morphing Grid Text
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark: Based on the grid-JS-library by Dan Pupius, which provides the grid layout.

Simply put this is just text, drawn in a grid. It morphs from word to word...
A very nice effect... I got the idea from Dan Pupius' site, and he's also the one who made the library providing the functionality to draw the text in the grid.

view the effect
  Effect: Pixelate Filter Effect
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark: Uses the built in Pixelate Transition Filter in IE.

This is actually just a simple example of what could be done by using the built in filters in Internet Explorer.
For further reference to all the filters and transitions available, please refer to http://www.microsoft.com

view the effect
  Effect: Jumping rasterbar
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark: Uses the built in gradient filter in IE to create the rasterbar.

This is simply a classic, both on the golden C64 and the Amiga. Doesn't matter if we call it rasterbars or copperbars... It still looks the same, and it look good!
Ofcourse, to get the real feeling, the bar must jump up and down...

view the effect
  Effect: Moving Picture Up and Down
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark: Uses simple math to create the smooth movement.

This is nothing extremely fancy at all. It's a picture moving up and down...
However, the picture, a 3D image by Jacko, is just awesome!

view the effect
  Effect: FLD - Flexible Line Distance
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark: This is actually 3 adoptions of the FLD idea, along with 1 XLD effect.

I guess everyone who's ever seen a demo has seen one of these... FLD and XLD effects. The FLD effect was on of my absolute favourites on the C64, and I have recreated it here in three different versions.
The first one is the "True" FLD with correct sinus behaviour. The second and third are only changes in the look. Then there's the XLD routine, which I have combined with the FLD here, to create an up/down - left/right moving logo.

view FLD 1 | view FLD 2 | view FLD 3 | view FLD/XLD |
  Effect: Circle Delirium
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark:

A very common effect in the old Amiga demos, however not very often seen in a C64 demo.
At first I made one which used the alpha blend filter in IE, but that just didn't work over the internet, since it had to reload the images for every movement! So, I simply cheated a bit and "rasterized" the images instead... Good old trick that still works.

view the effect
  Effect: Tube Logo Rotation
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark: This sucker eats processors for breakfast!

This was at first a little tricky to get to work correctly. However, on the way there, I managed to create a whole different effect, and that one too is included here...
Anyway, this is a classic demo effect. A logo or picture rotating "around a tube". Good looking!

view the effect | view the try that went wrong
  Effect: Picture Flooder
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark: Another processor consumer...

Another one of my favourite effects in the old days!
Flooding is easy, flooding is fun, flooding is good looking and flooding is cool. Everyone should flood every now and then!

view the effect
  Effect: D.Y.P.P and the likes
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark:

This is a couple of effects collected here. All involving moving parts to different Y positions.
First out is the D.Y.X.C.P (Different Y and X Character Positions), second is a D.Y.C.P scroller, and last but not least... The almighty D.Y.P.P (Different Y Positioned Pixelrows)!

view the D.Y.X.C.P | view the D.Y.C.P scroll | view the D.Y.P.P
  Effect: Starfields
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark: Floating...

Starfields have always been good to have. I mean, what would Star Trek be without the stars when they move to hyperwarp!?
Here are four different starfields collected;
1. Warping 3D Starfield  2. Plain 3D Starfield  3. Parallax Starfield  4. Warping Nova

view the 3D warp (800x600) | view the plain 3D | view the Parallax | view the Nova Warp
  Effect: Tech-Tech
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark: Uses the built in wave filter in IE to create the wave.

This is simply a classic, Everyone's seen one and virtually everyone's done one!
No demo was complete without a Tech-tech!

view the effect
  Effect: Shadelines
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark: Uses VML to draw the lines.

Quite simple, a bunch of lines from white to black, moving across the window...
Nowadays, we call it screensavers. In the good old days, it was hard-coded demos!

view the effect | view the bonus with bezier
  Effect: Bobs
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark:

On the Amiga it was oh so popular to crowd the screen with as many bobs as possible.
That is not the goal here, nor is this any true bobs, but that was the best I could come up with... Enjoy these three effects

view Tri Bobs 1 | view Tri Bobs 2 | view Bob Flower
  Effect: Trailblazer
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark:

It took me quite a while to get this one going!
Remember the might hit game "Trailblazer" with the little ball jumping over a checkered landscape... This is it, only without the ball!
I have included one of the first tries I made aswell... That one, on the other hand, sucks!

view the effect | view the first try
  Effect: 3D Bobs
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark:

As said before... Bobs on the amiga was crazy shit! So, I'm going there...
Here are three "bobs" moving around, in some sort of 3D like way.

view the effect
  Effect: Tree Fractal
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark: A perfectly performed TreeFractal! Uses VML for drawing...

Yes, it's a Tree Fractal. It includes a small "generator" with which you can set the parameters for the fractal to create different looks.
Ofcourse a couple of pre-defined examples are included... Please be aware that the higher amount of Levels you set, the longer the calculation time. But be patient, it will come...

view the effect
  Effect: Koch Snowflake Fractal
Compatibility: Internet Explorer 5.0+
Coded by: Mark
Remark: Uses VML to draw the lines.

Fractals have always been fascinating... Complex, yet so simple.
This one here is a Koch Snowflake with the ability to set the amount of levels for the curves.

view the effect
  Effect: Mandelbrot Fractal
Compatibility: Internet Explorer 5.0+, Netscape 6.0/7.0
Coded by: Mark
Remark: A classic...

Another fractal. This one is probably the most common, well known shape of them all. The Mandelbrot Set.
Here it is again... Once you click the link below to view it, it will open a new window, and it will then begin the calculation. It might take some time before the fractal is displayed, but it WILL come...

view the effect
ShameWorks
ShameWorks is the home of Jacko, formerly known as Chique. Still the master in graphics. Visit ShameWorks for the ultimate 3D experience.
Shame Designs Software
The site where all ShameDesigns produced software can be found. Software of all kinds freeware and shareware. Coming soon, watch out for the launch of this one.
Commodore 64 Section
Coming soon... The C64 section will be filled with all the demos and programs made by the members of ShameDesigns throughout the years.