Skip to content

Commit 342d1c2

Browse files
PicoCreatorPicoCreator
committed
Still working on it!
1 parent 5446afb commit 342d1c2

2 files changed

Lines changed: 57 additions & 6 deletions

File tree

‎demo/playground.css‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,24 @@
1717
width:100%;
1818
}
1919

20+
.paramGroup .paramGroupInner textarea {
21+
min-height:150px;
22+
}
23+
2024
.kernelGroupInner textarea,
2125
.kernel_function {
2226
width:100%;
2327
}
28+
29+
.kernel_sample, .param_sample {
30+
min-height:40px;
31+
}
32+
33+
.chartContainer {
34+
padding-top:20px;
35+
}
36+
37+
.bench_chart {
38+
margin-top:20px;
39+
height: 400px;
40+
}

‎demo/playground.html‎

Lines changed: 40 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,10 @@
1414
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.13.4/codemirror.js"></script>
1515
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.13.4/mode/javascript/javascript.js"></script>
1616

17+
<!-- chartist -->
18+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chartist/0.9.7/chartist.min.css">
19+
<script src="https://cdnjs.cloudflare.com/ajax/libs/chartist/0.9.7/chartist.js"></script>
20+
1721
<!-- gpu.js scripts -->
1822
<script src="../bin/gpu.js"></script>
1923
<script src="playground.js"></script>
@@ -41,7 +45,8 @@ <h1>GPU.js - playground : <small style="display:inline-block">GPU Accelerated Ja
4145
<div class="container">
4246
<h3>Step 1) Setup your input parameters generator</h3>
4347
<blockquote>
44-
(to-be-implmented) - Setup your various argument generator settings here.
48+
(to-be-implmented : currently do an array of [0-samplesize], for 2 arguments)<br/>
49+
- Setup your various argument generator settings here.
4550
<br/>
4651
<br/>
4752
- Number of parameters : To pass to the final GPU.js function<br/>
@@ -93,13 +98,38 @@ <h3>Step 1) Setup your input parameters generator</h3>
9398
<div class="col-sm-6 paramGroup" id="paramGroupSample">
9499
<div class="paramGroupInner form-group">
95100
<label class="control-label" for="param_name">Parameter Name</label>
96-
<input type="text" name="param_name" class="form-control" value="a">
101+
<input type="text" name="param_name" class="form-control" value="A">
102+
<label class="control-label" for="param_function">Parameter Function</label>
103+
<textarea name="param_function">function(size,rand) {
104+
var ret = [];
105+
for(var i=0; i<size; ++i){
106+
ret[i] = i;
107+
}
108+
return ret;
109+
}
110+
</textarea>
111+
<label class="control-label" for="param_sample">Sample Output</label>
112+
<pre class="param_sample"></pre>
113+
</div>
114+
</div>
115+
<div class="col-sm-6 paramGroup" id="paramGroupSample">
116+
<div class="paramGroupInner form-group">
117+
<label class="control-label" for="param_name">Parameter Name</label>
118+
<input type="text" name="param_name" class="form-control" value="B">
97119
<label class="control-label" for="param_function">Parameter Function</label>
98-
<textarea name="param_function"></textarea>
120+
<textarea name="param_function">function(size,rand) {
121+
var ret = [];
122+
for(var i=0; i<size; ++i){
123+
ret[i] = i;
124+
}
125+
return ret;
126+
}
127+
</textarea>
99128
<label class="control-label" for="param_sample">Sample Output</label>
100-
<pre></pre>
129+
<pre class="param_sample"></pre>
101130
</div>
102131
</div>
132+
<button id="paramset_btn" type="button" class="btn btn-primary btn-lg btn-block paramset_btn">Generate parameter samples</button>
103133
</div>
104134
<div class="container">
105135
<h3>Step 2) Program your kernel function</h3>
@@ -115,10 +145,9 @@ <h3>Step 2) Program your kernel function</h3>
115145
<div class="kernelGroupInner form-group">
116146
<label class="control-label" for="param_function">Kernel Function</label><br/>
117147
<textarea name="kernel_function" class="kernel_function" id="kernel_function"></textarea>
118-
<br/>
119148
<button id="kernel_sample_btn" type="button" class="btn btn-primary btn-lg btn-block kernel_sample_btn">Generate kernel sample</button>
120149
<label class="control-label" for="kernel_sample">Sample Output</label>
121-
<pre id="kernel_sample" name="kernel_sample"></pre>
150+
<pre id="kernel_sample" name="kernel_sample" class="kernel_sample"></pre>
122151
</div>
123152
</div>
124153
<div class="container">
@@ -195,6 +224,11 @@ <h3>Step 3) CPU vs GPU</h3>
195224
</div>
196225
</div>
197226
</div>
227+
<div class="container chartContainer">
228+
<button id="bench_btn" type="button" class="btn btn-primary btn-lg btn-block bench_btn">Run the benchmark!</button>
229+
<div id="chart_time" class="chart_time bench_chart"></div>
230+
<div id="chart_gain" class="chart_gain bench_chart"></div>
231+
</div>
198232
<br/>
199233
</body>
200234
</html>

0 commit comments

Comments
 (0)