Skip to content

Save/load graph JSON #63

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
natemoo-re wants to merge 15 commits into
base: master
Choose a base branch
from
Open

Save/load graph JSON #63

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
754495d
🛠 add toJSON() method to vector and anchor
Jun 7, 2019
686e90a
🛠 add type property to all primitives
Jun 7, 2019
918dc82
🐞 add type property to Anchor
Jun 7, 2019
d8511df
🛠 add Zdog.exportGraph and Anchor.importGraph
Jun 7, 2019
4ffceb0
🐞remove fetch for IE11 #57
Jun 7, 2019
e3e372d
🐞 Array.includes => Array.indexOf #57
Jun 7, 2019
561bff0
🐞 indexOF => indexOf
Jun 7, 2019
d5a92de
🎩 add importGraph demo
Jun 8, 2019
e8733ae
Refactor ignored keys to ignoreKeysJSON per primitive
Jun 11, 2019
f9876fb
Move type to static property on primitive constructor
Jun 11, 2019
404f964
Round Vector.toJSON to 3 decimal precision
Jun 11, 2019
6261cb0
Remove custom importGraph for Illustration
Jun 11, 2019
efd9457
avoid nested Illustration errors
Jun 11, 2019
097a0c1
lint fix
Jun 11, 2019
0907e13
manually fix lint errors
Jun 11, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 31 additions & 0 deletions demos/import-graph/import-graph.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
fetch('zdog.json')
.then(function( res ) {
return res.json();
})
.then(function(model) {
// ----- variables ----- //
var sceneSize = 100;
var TAU = Zdog.TAU;
var initRotate = { x: 20/360 * TAU, y: -50/360 * TAU };

// ----- model ----- //
var illo = new Zdog.Illustration({
element: '.illo',
rotate: initRotate,
dragRotate: true,
resize: 'fullscreen',
importGraph: model,
onResize: function( width, height ) {
this.zoom = Math.floor( Math.min( width, height ) * 2 / sceneSize ) / 2;
},
});

// ----- animate ----- //

function animate() {
illo.updateRenderGraph();
requestAnimationFrame(animate);
}

animate();
});
47 changes: 47 additions & 0 deletions demos/import-graph/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />

<title>Import graph</title>

<style>
html { height: 100%; }

body {
min-height: 100%;
margin: 0;
}

.illo {
display: block;
width: 100%;
height: 100%;
cursor: move;
background: #FDB;
}
</style>

</head>
<body>

<div class="container">
<canvas class="illo"></canvas>
</div>

<script src="../../js/boilerplate.js"></script>
<script src="../../js/canvas-renderer.js"></script>
<script src="../../js/vector.js"></script>
<script src="../../js/anchor.js"></script>
<script src="../../js/path-command.js"></script>
<script src="../../js/shape.js"></script>
<script src="../../js/ellipse.js"></script>
<script src="../../js/rect.js"></script>
<script src="../../js/group.js"></script>
<script src="../../js/dragger.js"></script>
<script src="../../js/illustration.js"></script>
<script src="import-graph.js"></script>

</body>
</html>
Loading