Fractals
Your browser doesn't appear to support the HTML5 <canvas> element.

What is this?

This is a simple distancefield renderer. You can move around in the scene and create scenes via a graph based interface.

Usage

You can move through the scene with your keyboard:
  • (W) forward
  • (A) left
  • (S) backward
  • (D) right
  • (R) up
  • (F) down
  • (Z) reset view
  • (+) double movement speed
  • (-) halve movement speed

By clicking and draggin on the image, you can rotate the camera.
By clicking on "Show build interface" you can display the build GUI. In there you can add nodes to display. There are generally two types of nodes. Each node has one rectangular connector at the top and optional round connectors at the bottom. The rectangular ones are sources. You can drag them with your mouse to the round target nodes. Each target node can only have one connection, so you have to disconnect old ones before attaching a new one. One special node is at the top of the screen: The program node. This is your programs root and you have to plug one of your nodes into that one for the program to run. After you are done connecting all slots, press "Build" in the "Tools" box to apply your changes. You can hide the build interface with "Hide build interface".

You can insert functions into most operations which require numbers. These can be functions of "t" (time). For example, you could make an object move from top to bottom in a 10 second interval with a translation node. Just add the line "sin(2*pi*t/10)" as the parameter for the y-direction. Nodes for which this is possible will have this in their description.
As functions, you may use "sin", "cos", "tan", "exp", "log", "sqrt" and "pow". Additionally, terms may be combined by "+", "*", "/", "^", "-". You may also use "e" and "pi" as constants.