mirror of
https://github.com/liabru/matter-js.git
synced 2024-12-24 13:29:01 -05:00
61 lines
No EOL
1.9 KiB
JavaScript
61 lines
No EOL
1.9 KiB
JavaScript
(function() {
|
|
|
|
var World = Matter.World,
|
|
Bodies = Matter.Bodies,
|
|
Common = Matter.Common,
|
|
Vertices = Matter.Vertices,
|
|
Svg = Matter.Svg;
|
|
|
|
Example.svg = function(demo) {
|
|
var engine = demo.engine,
|
|
world = engine.world;
|
|
|
|
var svgs = [
|
|
'iconmonstr-check-mark-8-icon',
|
|
'iconmonstr-paperclip-2-icon',
|
|
'iconmonstr-puzzle-icon',
|
|
'iconmonstr-user-icon'
|
|
];
|
|
|
|
for (var i = 0; i < svgs.length; i += 1) {
|
|
(function(i) {
|
|
$.get('./svg/' + svgs[i] + '.svg').done(function(data) {
|
|
var vertexSets = [],
|
|
color = Common.choose(['#556270', '#4ECDC4', '#C7F464', '#FF6B6B', '#C44D58']);
|
|
|
|
$(data).find('path').each(function(i, path) {
|
|
var points = Svg.pathToVertices(path, 30);
|
|
vertexSets.push(Vertices.scale(points, 0.4, 0.4));
|
|
});
|
|
|
|
World.add(world, Bodies.fromVertices(100 + i * 150, 200 + i * 50, vertexSets, {
|
|
render: {
|
|
fillStyle: color,
|
|
strokeStyle: color
|
|
}
|
|
}, true));
|
|
});
|
|
})(i);
|
|
}
|
|
|
|
$.get('./svg/svg.svg').done(function(data) {
|
|
var vertexSets = [],
|
|
color = Common.choose(['#556270', '#4ECDC4', '#C7F464', '#FF6B6B', '#C44D58']);
|
|
|
|
$(data).find('path').each(function(i, path) {
|
|
vertexSets.push(Svg.pathToVertices(path, 30));
|
|
});
|
|
|
|
World.add(world, Bodies.fromVertices(400, 80, vertexSets, {
|
|
render: {
|
|
fillStyle: color,
|
|
strokeStyle: color
|
|
}
|
|
}, true));
|
|
});
|
|
|
|
var renderOptions = demo.render.options;
|
|
renderOptions.showAngleIndicator = false;
|
|
};
|
|
|
|
})(); |