eessppeelllloo/image-sequencer
1
0
Fork 0
mirror of https://github.com/publiclab/image-sequencer.git synced 2025-12-13 11:50:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

Added comments in demo

Browse Source
This commit is contained in:
Chinmay Pandhare
2017-08-21 10:48:56 +05:30
parent ee467f2a7b
commit 69c656fbd5
1 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
examples/index.html
View File

@@ -57,24 +57,36 @@
<script type="text/javascript">
// Initialize Image Sequencer
var sequencer = ImageSequencer();
window.onload = function() {
// Load information of all modules (Name, Inputs, Outputs)
var modulesInfo = sequencer.modulesInfo();
// Add modules to the addStep dropdown
for(var m in modulesInfo) {
if(m!="do-nothing" && m!="do-nothing-pix")
$('#addStep select').append(
'<option value="'+m+'">'+modulesInfo[m].name+'</option>'
);
$('#addStep select').append(
'<option value="'+m+'">'+modulesInfo[m].name+'</option>'
);
}
// Initial definitions
var steps = document.querySelector('#steps');
var parser = new DOMParser();
var reader = new FileReader();
initial = "images/grid.png";
// Set the UI in sequencer. This Will generate HTML based on
// Image Sequencer events :
// onSetup : Called every time a step is added
// onDraw : Called every time a step starts draw
// onComplete : Called every time a step finishes drawing
// onRemove : Called everytime a step is removed
// The variable 'step' stores useful data like input and
// output values, step information.
// See documetation for more details.
sequencer.setUI({
onSetup: function(step) {
@@ -145,7 +157,7 @@
});
sequencer.loadImage('images/grid.png',function(){
this.addSteps('crop').run();
this.addSteps('invert').run();
});
$('#addStep select').on('change', function(){