B-A-L-A-N-C-E
2-1-12-1-14-3-5
T-D-M-A-E-T-D
20-4-13-1-5-20-4
++++++++++++++
22,5,25,2,19,23,9
++++++++++++++
22,5,25,2,19,23,9
++++++++++++++
V-E-Y-B-S-W-I
V-E-Y-B-S-W-I
22-5-25-2-19-23-9
T-D-M-A-E-T-D
20-4-13-1-5-20-4
++++++++++++++
2,1,12,1,14,3,5
++++++++++++++
2,1,12,1,14,3,5
++++++++++++++
B-A-L-A-N-C-E
(Background)
rgb(229, 158, 121)
HEX: #e59e79
(Text)
rgb(255, 255, 255)
HEX:#ffffff
What is BALANCE?
Today we will be designing the 'object' of stages. I like to have an array hold all of the data. Let me give an example of what an array is in this context.
var test = ["test 1", "test 2", "test 3"];
In this case. This array has three elements.
ECHO.log(test[0]);
In this case, in the log, "test 1" would be printed.
You can put any data type in an array.
So I'm thinking we will go with an object for each stage:
{
stage: 0,
name: 'TDMAEMHXGA',
position: { x: 0, y: 0},
color: '#000000',
desc: 'FOUNDATION'
}
So we have five variables and an object within an object.
We then put this in an array...
The narrative has been stolen; if detected on Amazon, report the infringement.
[{stage: 0, name: 'TDMAEMHXGA', position: { x: 0, y: 0}, color: '#000000', desc: 'FOUNDATION'}];
Let's do this with all of the stages up until this point.
ECHO.POS = [{stage: 0, name: 'TDMAEMHXGA', position: { x: 0, y: 0}, color: '#000000', desc: 'FOUNDATION' },{stage: 1, name: 'ZSPVX',position: { x: 1, y: 1}, color: '#0aafa0', desc: 'FOCUS' },{stage: 2, name: 'VEYBSWI', position: { x: 2, y: 1}, color: '#e59e79', desc: 'BALANCE'}];
This array will essentially become our database.
We then need an engine to search through this database and render the visualization technique. Have you ever heard of a 'for' loop?
We can get the amount of elements in our array by using the .length function that is built into our operating system.
So...
ECHO.POS.length;
This will search through the entire array and return a value.
In this case, right now. It is '3'.
You might wonder... aren't we on stage 2? Well. Don't forget about the hidden '0' that is our foundation. We won't ignore it as it is such a thing.
But this .length function is actually rather useful.
For example. Let us render the visualization technique. First we need to establish all 2,500 pixels.
We do this by creating a canvas to render on.
ECHO.engine = document.getElementById("PATHofSOMNUS");
ECHO.render = ECHO.engine.getContext("2d");
for(var i=0; i
ECHO.render.fillStyle = ECHO.POS[i].color;
ECHO.render.fillRect(ECHO.POS[i].position.x, ECHO.POS[i].position.y, 1, 1);
ECHO.log("Stage: "+ECHO.POS[i].stage+", Name: "+ECHO.POS[i].name+", Color: "+ECHO.POS[i].color+", Pos: "+ECHO.POS[i].position.x+", "+ECHO.POS[i].position.y);
}
We can essentially pull up the most basic information by using the array.
So if I wanted to know the color for stage 87 for example.
I would just log:
ECHO.log(ECHO.POS[87].color);
If I wanted to get the color for stage 0, I'd do:
ECHO.log(ECHO.POS[0].color);
If I wanted to read the description:
ECHO.log(ECHO.POS[0].desc);
This is a VERY simple database. But it should give some hint on how you would render the image in your mind. I assure you, by the end of this. It'll just look like a whole bunch of noise.
It'll seemingly be completely random.
But across infinity. This noise becomes 'intelligent'.
VEYBSWI