mirror of
https://github.com/opentofu/opentofu.git
synced 2025-01-02 12:17:39 -06:00
Begun creating a Shape class
This commit is contained in:
Amadeus Demarzi
parent
bfa6288148
commit
27b3187ce9
@ -3,133 +3,133 @@ var Circle = {
|
||||
"Points": [
|
||||
{
|
||||
"id": "point-0",
|
||||
"x": 329.40000000000003,
|
||||
"y": 282.96000000000004
|
||||
"x": 0.915,
|
||||
"y": 0.786
|
||||
},
|
||||
{
|
||||
"id": "point-1",
|
||||
"x": 355.26,
|
||||
"y": 224.82
|
||||
"x": 0.9868333333333333,
|
||||
"y": 0.6244999999999999
|
||||
},
|
||||
{
|
||||
"id": "point-2",
|
||||
"x": 282.66,
|
||||
"y": 330.3
|
||||
"x": 0.7851666666666667,
|
||||
"y": 0.9175
|
||||
},
|
||||
{
|
||||
"id": "point-5",
|
||||
"x": 279.12,
|
||||
"y": 224.10000000000002
|
||||
"x": 0.7753333333333333,
|
||||
"y": 0.6225
|
||||
},
|
||||
{
|
||||
"id": "point-8",
|
||||
"x": 217.26000000000002,
|
||||
"y": 246.06
|
||||
"x": 0.6035,
|
||||
"y": 0.6835
|
||||
},
|
||||
{
|
||||
"id": "point-11",
|
||||
"x": 190.01999999999998,
|
||||
"y": 293.52
|
||||
"x": 0.5278333333333333,
|
||||
"y": 0.8153333333333334
|
||||
},
|
||||
{
|
||||
"id": "point-14",
|
||||
"x": 209.21999999999997,
|
||||
"y": 360.9
|
||||
"x": 0.5811666666666666,
|
||||
"y": 1.0025
|
||||
},
|
||||
{
|
||||
"id": "point-17",
|
||||
"x": 127.08000000000001,
|
||||
"y": 257.88
|
||||
"x": 0.35300000000000004,
|
||||
"y": 0.7163333333333334
|
||||
},
|
||||
{
|
||||
"id": "point-20",
|
||||
"x": 124.55999999999999,
|
||||
"y": 354.12
|
||||
"x": 0.3459999999999999,
|
||||
"y": 0.9836666666666667
|
||||
},
|
||||
{
|
||||
"id": "point-26",
|
||||
"x": 48.6,
|
||||
"y": 303.06
|
||||
"x": 0.135,
|
||||
"y": 0.8418333333333333
|
||||
},
|
||||
{
|
||||
"id": "point-28",
|
||||
"x": 353.1,
|
||||
"y": 128.46
|
||||
"x": 0.9808333333333333,
|
||||
"y": 0.3568333333333334
|
||||
},
|
||||
{
|
||||
"id": "point-32",
|
||||
"x": 237.48000000000002,
|
||||
"y": 188.51999999999998
|
||||
"x": 0.6596666666666667,
|
||||
"y": 0.5236666666666666
|
||||
},
|
||||
{
|
||||
"id": "point-38",
|
||||
"x": 172.68,
|
||||
"y": 183
|
||||
"x": 0.4796666666666667,
|
||||
"y": 0.5083333333333333
|
||||
},
|
||||
{
|
||||
"id": "point-41",
|
||||
"x": 130.68,
|
||||
"y": 189
|
||||
"x": 0.36300000000000004,
|
||||
"y": 0.525
|
||||
},
|
||||
{
|
||||
"id": "point-47",
|
||||
"x": 61.2,
|
||||
"y": 198.96000000000004
|
||||
"x": 0.17,
|
||||
"y": 0.5526666666666668
|
||||
},
|
||||
{
|
||||
"id": "point-53",
|
||||
"x": 8.34,
|
||||
"y": 240.48000000000002
|
||||
"x": 0.02316666666666667,
|
||||
"y": 0.6679999999999999
|
||||
},
|
||||
{
|
||||
"id": "point-55",
|
||||
"x": 236.88000000000002,
|
||||
"y": 107.28000000000002
|
||||
"x": 0.6579999999999999,
|
||||
"y": 0.29800000000000004
|
||||
},
|
||||
{
|
||||
"id": "point-59",
|
||||
"x": 165.23999999999998,
|
||||
"y": 97.8
|
||||
"x": 0.45899999999999996,
|
||||
"y": 0.27166666666666667
|
||||
},
|
||||
{
|
||||
"id": "point-65",
|
||||
"x": 79.91999999999999,
|
||||
"y": 121.14000000000001
|
||||
"x": 0.22199999999999995,
|
||||
"y": 0.3365000000000001
|
||||
},
|
||||
{
|
||||
"id": "point-74",
|
||||
"x": 0,
|
||||
"y": 160.44
|
||||
"y": 0.44566666666666666
|
||||
},
|
||||
{
|
||||
"id": "point-78",
|
||||
"x": 305.7,
|
||||
"y": 50.88
|
||||
"x": 0.8491666666666666,
|
||||
"y": 0.14133333333333334
|
||||
},
|
||||
{
|
||||
"id": "point-79",
|
||||
"x": 251.82,
|
||||
"y": 14.879999999999999
|
||||
"x": 0.6995,
|
||||
"y": 0.041333333333333326
|
||||
},
|
||||
{
|
||||
"id": "point-83",
|
||||
"x": 197.88,
|
||||
"y": -0.12000000000000001
|
||||
"x": 0.5496666666666666,
|
||||
"y": -0.0003333333333333334
|
||||
},
|
||||
{
|
||||
"id": "point-89",
|
||||
"x": 132.6,
|
||||
"y": 6.06
|
||||
"x": 0.36833333333333335,
|
||||
"y": 0.016833333333333332
|
||||
},
|
||||
{
|
||||
"id": "point-95",
|
||||
"x": 44.64000000000001,
|
||||
"y": 60.96
|
||||
"x": 0.12400000000000003,
|
||||
"y": 0.16933333333333334
|
||||
},
|
||||
{
|
||||
"id": "point-98",
|
||||
"x": 18.060000000000002,
|
||||
"y": 99.60000000000001
|
||||
"x": 0.05016666666666667,
|
||||
"y": 0.27666666666666667
|
||||
}
|
||||
],
|
||||
"Polygons": [
|
||||
|
||||
@ -12,10 +12,10 @@ Engine.Point = function(id, x, y, width, height){
|
||||
this.accel = Vector.coerce(this.accel);
|
||||
this.vel = Vector.coerce(this.vel);
|
||||
|
||||
this.pos.add({
|
||||
x: (Engine.getRandomFloat(0, 6) - 3),
|
||||
y: (Engine.getRandomFloat(0, 6) - 3)
|
||||
});
|
||||
// this.pos.add({
|
||||
// x: (Engine.getRandomFloat(0, 6) - 3),
|
||||
// y: (Engine.getRandomFloat(0, 6) - 3)
|
||||
// });
|
||||
|
||||
// Physics randomness
|
||||
// this.stiffness = Engine.getRandomFloat(2, 5);
|
||||
|
||||
@ -8,7 +8,7 @@ Engine.Polygon = function(a, b, c, color){
|
||||
this.b = b;
|
||||
this.c = c;
|
||||
|
||||
this.color = color;
|
||||
this.color = Engine.clone(color);
|
||||
this.maxL = this.color.l;
|
||||
this.strokeColor = {
|
||||
h: this.color.h,
|
||||
@ -17,19 +17,10 @@ Engine.Polygon = function(a, b, c, color){
|
||||
a: 1
|
||||
};
|
||||
|
||||
// this.color.s = 0;
|
||||
this.color.l = 0;
|
||||
|
||||
this.fillStyle = this.hslaTemplate.substitute(this.color);
|
||||
this.strokeStyle = this.hslaTemplate.substitute({
|
||||
|
||||
});
|
||||
|
||||
// this.up = !!Engine.getRandomInt(0,1);
|
||||
// this.hueShiftSpeed = 15;
|
||||
// this.toColor = {
|
||||
// a: 1
|
||||
// };
|
||||
this.strokeStyle = this.hslaTemplate.substitute(this.strokeColor);
|
||||
};
|
||||
|
||||
Engine.Polygon.prototype = {
|
||||
|
||||
75
website/source/javascripts/app/Engine.Shape.js
Normal file
75
website/source/javascripts/app/Engine.Shape.js
Normal file
@ -0,0 +1,75 @@
|
||||
(function(
|
||||
Engine,
|
||||
Point,
|
||||
Polygon,
|
||||
Vector
|
||||
){
|
||||
|
||||
Engine.Shape = function(x, y, width, height, points, polygons){
|
||||
var i, ref, point, poly;
|
||||
|
||||
this.pos = new Vector(x, y);
|
||||
this.size = new Vector(width, height);
|
||||
|
||||
ref = {};
|
||||
this.points = [];
|
||||
this.polygons = [];
|
||||
|
||||
for (i = 0; i < points.length; i++) {
|
||||
point = new Point(
|
||||
points[i].id,
|
||||
points[i].x * this.size.x,
|
||||
points[i].y * this.size.y,
|
||||
this.size.x,
|
||||
this.size.y
|
||||
);
|
||||
ref[point.id] = point;
|
||||
this.points.push(point);
|
||||
}
|
||||
|
||||
for (i = 0; i < polygons.length; i++) {
|
||||
poly = polygons[i];
|
||||
this.polygons.push(new Polygon(
|
||||
ref[poly.points[0]],
|
||||
ref[poly.points[1]],
|
||||
ref[poly.points[2]],
|
||||
poly.color
|
||||
));
|
||||
}
|
||||
};
|
||||
|
||||
Engine.Shape.prototype = {
|
||||
|
||||
update: function(engine){
|
||||
var p;
|
||||
|
||||
for (p = 0; p < this.points.length; p++) {
|
||||
this.points[p].update(engine);
|
||||
// this.points[p].draw(this.context, scale);
|
||||
}
|
||||
|
||||
for (p = 0; p < this.polygons.length; p++) {
|
||||
this.polygons[p].update(engine);
|
||||
// this.polygons[p].draw(this.context, scale);
|
||||
}
|
||||
},
|
||||
|
||||
draw: function(ctx, scale){
|
||||
var p;
|
||||
|
||||
ctx.save();
|
||||
ctx.translate(this.pos.x * scale, this.pos.y * scale);
|
||||
for (p = 0; p < this.polygons.length; p++) {
|
||||
this.polygons[p].draw(ctx, scale);
|
||||
}
|
||||
ctx.restore();
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
})(
|
||||
window.Engine,
|
||||
window.Engine.Point,
|
||||
window.Engine.Polygon,
|
||||
window.Vector
|
||||
);
|
||||
@ -26,8 +26,9 @@ Engine = Base.extend({
|
||||
particles : [],
|
||||
_deferred : [],
|
||||
|
||||
points : [],
|
||||
polygons : [],
|
||||
// points : [],
|
||||
// polygons : [],
|
||||
shapes: [],
|
||||
|
||||
speed: 1,
|
||||
accel: 0.08,
|
||||
@ -89,30 +90,15 @@ Engine = Base.extend({
|
||||
},
|
||||
|
||||
setupTessellation: function(canvas){
|
||||
var row, col, rows, cols, rowMod, colMod, i, p, ref, point, poly;
|
||||
|
||||
ref = {};
|
||||
for (i = 0; i < Circle.Points.length; i++) {
|
||||
point = new Engine.Point(
|
||||
Circle.Points[i].id,
|
||||
Circle.Points[i].x + (this.width / 2 - 180),
|
||||
Circle.Points[i].y + (this.height / 2 - 180),
|
||||
this.width,
|
||||
this.height
|
||||
);
|
||||
ref[point.id] = point;
|
||||
this.points.push(point);
|
||||
}
|
||||
|
||||
for (i = 0; i < Circle.Polygons.length; i++) {
|
||||
poly = Circle.Polygons[i];
|
||||
this.polygons.push(new Engine.Polygon(
|
||||
ref[poly.points[0]],
|
||||
ref[poly.points[1]],
|
||||
ref[poly.points[2]],
|
||||
poly.color
|
||||
));
|
||||
}
|
||||
this.shapes = [];
|
||||
this.logo = new Engine.Shape(
|
||||
(this.width / 2 - 180),
|
||||
(this.height / 2 - 180),
|
||||
360,
|
||||
360,
|
||||
Circle.Points,
|
||||
Circle.Polygons
|
||||
);
|
||||
},
|
||||
|
||||
render: function(){
|
||||
@ -155,15 +141,13 @@ Engine = Base.extend({
|
||||
var scale = this.scale,
|
||||
p;
|
||||
|
||||
for (p = 0; p < this.points.length; p++) {
|
||||
this.points[p].update(this);
|
||||
// this.points[p].draw(this.context, scale);
|
||||
for (p = 0; p < this.shapes.length; p++) {
|
||||
this.shapes[p].update(this);
|
||||
this.shapes[p].draw(this.context, scale);
|
||||
}
|
||||
|
||||
for (p = 0; p < this.polygons.length; p++) {
|
||||
this.polygons[p].update(this);
|
||||
this.polygons[p].draw(this.context, scale);
|
||||
}
|
||||
this.logo.update(this);
|
||||
this.logo.draw(this.context, scale);
|
||||
},
|
||||
|
||||
generateParticles: function(num, fixed){
|
||||
@ -221,6 +205,14 @@ Engine.getRandomInt = function(min, max) {
|
||||
return Math.floor(Math.random() * (max - min + 1) + min);
|
||||
};
|
||||
|
||||
Engine.clone = function(ref) {
|
||||
var clone = {}, key;
|
||||
for (key in ref) {
|
||||
clone[key] = ref[key];
|
||||
}
|
||||
return clone;
|
||||
};
|
||||
|
||||
window.Engine = Engine;
|
||||
|
||||
})(window.Base, window.Vector, window.Circle);
|
||||
|
||||
@ -31,6 +31,7 @@
|
||||
<script type="text/javascript" src="/javascripts/app/Engine.Particle.Fixed.js"></script>
|
||||
<script type="text/javascript" src="/javascripts/app/Engine.Point.js"></script>
|
||||
<script type="text/javascript" src="/javascripts/app/Engine.Polygon.js"></script>
|
||||
<script type="text/javascript" src="/javascripts/app/Engine.Shape.js"></script>
|
||||
<script type="text/javascript" src="/javascripts/app/Init.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user