(http://robert-fleischmann.de)
7 | * @version 2.1.7
8 | **/
9 | !function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(this,function(a){var b=function(a,b){var c,d=document.createElement("canvas");a.appendChild(d),"object"==typeof G_vmlCanvasManager&&G_vmlCanvasManager.initElement(d);var e=d.getContext("2d");d.width=d.height=b.size;var f=1;window.devicePixelRatio>1&&(f=window.devicePixelRatio,d.style.width=d.style.height=[b.size,"px"].join(""),d.width=d.height=b.size*f,e.scale(f,f)),e.translate(b.size/2,b.size/2),e.rotate((-0.5+b.rotate/180)*Math.PI);var g=(b.size-b.lineWidth)/2;b.scaleColor&&b.scaleLength&&(g-=b.scaleLength+2),Date.now=Date.now||function(){return+new Date};var h=function(a,b,c){c=Math.min(Math.max(-1,c||0),1);var d=0>=c?!0:!1;e.beginPath(),e.arc(0,0,g,0,2*Math.PI*c,d),e.strokeStyle=a,e.lineWidth=b,e.stroke()},i=function(){var a,c;e.lineWidth=1,e.fillStyle=b.scaleColor,e.save();for(var d=24;d>0;--d)d%6===0?(c=b.scaleLength,a=0):(c=.6*b.scaleLength,a=b.scaleLength-c),e.fillRect(-b.size/2+a,0,c,1),e.rotate(Math.PI/12);e.restore()},j=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){window.setTimeout(a,1e3/60)}}(),k=function(){b.scaleColor&&i(),b.trackColor&&h(b.trackColor,b.trackWidth||b.lineWidth,1)};this.getCanvas=function(){return d},this.getCtx=function(){return e},this.clear=function(){e.clearRect(b.size/-2,b.size/-2,b.size,b.size)},this.draw=function(a){b.scaleColor||b.trackColor?e.getImageData&&e.putImageData?c?e.putImageData(c,0,0):(k(),c=e.getImageData(0,0,b.size*f,b.size*f)):(this.clear(),k()):this.clear(),e.lineCap=b.lineCap;var d;d="function"==typeof b.barColor?b.barColor(a):b.barColor,h(d,b.lineWidth,a/100)}.bind(this),this.animate=function(a,c){var d=Date.now();b.onStart(a,c);var e=function(){var f=Math.min(Date.now()-d,b.animate.duration),g=b.easing(this,f,a,c-a,b.animate.duration);this.draw(g),b.onStep(a,c,g),f>=b.animate.duration?b.onStop(a,c):j(e)}.bind(this);j(e)}.bind(this)},c=function(a,c){var d={barColor:"#ef1e25",trackColor:"#f9f9f9",scaleColor:"#dfe0e0",scaleLength:5,lineCap:"round",lineWidth:3,trackWidth:void 0,size:110,rotate:0,animate:{duration:1e3,enabled:!0},easing:function(a,b,c,d,e){return b/=e/2,1>b?d/2*b*b+c:-d/2*(--b*(b-2)-1)+c},onStart:function(a,b){},onStep:function(a,b,c){},onStop:function(a,b){}};if("undefined"!=typeof b)d.renderer=b;else{if("undefined"==typeof SVGRenderer)throw new Error("Please load either the SVG- or the CanvasRenderer");d.renderer=SVGRenderer}var e={},f=0,g=function(){this.el=a,this.options=e;for(var b in d)d.hasOwnProperty(b)&&(e[b]=c&&"undefined"!=typeof c[b]?c[b]:d[b],"function"==typeof e[b]&&(e[b]=e[b].bind(this)));"string"==typeof e.easing&&"undefined"!=typeof jQuery&&jQuery.isFunction(jQuery.easing[e.easing])?e.easing=jQuery.easing[e.easing]:e.easing=d.easing,"number"==typeof e.animate&&(e.animate={duration:e.animate,enabled:!0}),"boolean"!=typeof e.animate||e.animate||(e.animate={duration:1e3,enabled:e.animate}),this.renderer=new e.renderer(a,e),this.renderer.draw(f),a.dataset&&a.dataset.percent?this.update(parseFloat(a.dataset.percent)):a.getAttribute&&a.getAttribute("data-percent")&&this.update(parseFloat(a.getAttribute("data-percent")))}.bind(this);this.update=function(a){return a=parseFloat(a),e.animate.enabled?this.renderer.animate(f,a):this.renderer.draw(a),f=a,this}.bind(this),this.disableAnimation=function(){return e.animate.enabled=!1,this},this.enableAnimation=function(){return e.animate.enabled=!0,this},g()};a.fn.easyPieChart=function(b){return this.each(function(){var d;a.data(this,"easyPieChart")||(d=a.extend({},b,a(this).data()),a.data(this,"easyPieChart",new c(this,d)))})}});
--------------------------------------------------------------------------------
/lib/require.coffee:
--------------------------------------------------------------------------------
1 | ### does not work as expected
2 | window.onerror = (message, url, line, column, error) ->
3 | #console.log message, url, line, column, error
4 | #console.log error.message
5 | #console.log [error.stack.toString()]
6 |
7 | lines = error.stack.split('\n')
8 | result = [lines.shift()]
9 | for line in lines
10 | result.push(line)
11 | result.push(' http://clients.codeflow.org/inzept3d/dev/src/webgl/index.coffee:3')
12 |
13 | lines = result.join('\n')
14 |
15 | console.error lines
16 | ###
17 |
18 | moduleManager =
19 | File: class File
20 | constructor: (@manager, @absPath) ->
21 | if not @manager.files[@absPath]?
22 | throw new Error("file does not exist: #{@absPath}")
23 | read: -> @manager.files[@absPath]
24 |
25 | modules: {}
26 | files: {}
27 | module: (name, closure) ->
28 | @modules[name] =
29 | closure: closure
30 | instance: null
31 |
32 | text: (name, content) ->
33 | @files[name] = content
34 |
35 | index: ->
36 | @getLocation()
37 | @import('/index')
38 |
39 | getLocation: ->
40 | if self.document?
41 | scripts = document.getElementsByTagName 'script'
42 | script = scripts[scripts.length-1]
43 | @script = script.src
44 | else
45 | @script = self.location.href
46 |
47 | @location = @script[...@script.lastIndexOf('/')+1]
48 |
49 | abspath: (fromName, pathName) ->
50 | if pathName == '.'
51 | pathName = ''
52 |
53 | baseName = fromName.split('/')
54 | baseName.pop()
55 | baseName = baseName.join('/')
56 |
57 | if pathName[0] == '/'
58 | return pathName
59 | else
60 | path = pathName.split '/'
61 | if baseName == '/'
62 | base = ['']
63 | else
64 | base = baseName.split '/'
65 |
66 | while base.length > 0 and path.length > 0 and path[0] == '..'
67 | base.pop()
68 | path.shift()
69 |
70 | if base.length == 0 || path.length == 0 || base[0] != ''
71 | throw new Error("Invalid path: #{base.join '/'}/#{path.join '/'}")
72 | return "#{base.join('/')}/#{path.join('/')}"
73 |
74 | import: (moduleName) ->
75 | if moduleName?
76 | module = @modules[moduleName]
77 |
78 | if module == undefined
79 | module = @modules[moduleName+'/index']
80 | if module?
81 | moduleName = moduleName+'/index'
82 | else
83 | throw new Error('Module not found: ' + moduleName)
84 |
85 | if module.instance == null
86 | require = (requirePath) =>
87 | path = @abspath(moduleName, requirePath)
88 | return @import(path)
89 |
90 | exports = {}
91 | sys = {
92 | script: @script
93 | location: @location
94 | import: (requirePath) =>
95 | path = @abspath(moduleName, requirePath)
96 | return @import(path)
97 | file: (path) =>
98 | path = @abspath(moduleName, path)
99 | return new @File(@, path)
100 | File: File
101 | }
102 | module.closure(exports, sys)
103 | if exports.index?
104 | module.instance = exports.index
105 | else
106 | module.instance = exports
107 |
108 | return module.instance
109 | else
110 | throw new Error('no module name provided')
111 |
--------------------------------------------------------------------------------
/img/referrers/mrdoob.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
18 |
47 |
53 |
55 |
56 |
58 | image/svg+xml
60 |
63 |
64 |
65 |
66 |
--------------------------------------------------------------------------------
/less/filter.less:
--------------------------------------------------------------------------------
1 | > div.filter{
2 | transition: height 0.4s;
3 | display: none;
4 |
5 | overflow: hidden;
6 | background-color: #3e3d3b;
7 |
8 | .option{
9 | > label{
10 | margin-right: 10px;
11 | }
12 | margin-bottom: 5px;
13 | }
14 |
15 | .radio{
16 | display: inline-flex;
17 |
18 | >*{
19 | background-color: rgba(255,255,255,0.1);
20 | font-size: 14px;
21 | border: 1px solid @dark;
22 | border-radius: 0px;
23 | margin: 0;
24 | cursor: pointer;
25 | position: relative;
26 | top: 0px;
27 | left: 0px;
28 | outline: 0;
29 | padding: 2px 6px 3px 6px;
30 |
31 | &:hover{
32 | background-color: rgba(255,255,255,0.3);
33 | }
34 | &:active{
35 | //background-color: rgba(0,0,0,0.1);
36 | background-color: #c57f00;
37 | color: black;
38 | }
39 | &:first-child{
40 | border-radius: 10px 0px 0px 10px;
41 | padding: 2px 6px 3px 8px;
42 | }
43 | &:not(:last-child){
44 | border-right: none;
45 | }
46 | &:last-child{
47 | border-radius: 0px 10px 10px 0px;
48 | padding: 2px 8px 3px 6px;
49 | }
50 | &.active{
51 | //background-color: rgba(0,0,0,0.1);
52 | background-color: #c57f00;
53 | color: black;
54 | }
55 | }
56 | }
57 |
58 | > div{ // content
59 | border-top: 1px solid rgb(32,32,32);
60 | padding-top: 10px;
61 | padding-bottom: 10px;
62 | padding-left: 5px;
63 |
64 | > div.tree{
65 | div{
66 | border: 1px solid rgb(32,32,32);
67 | margin: 1px;
68 | margin-top: 2px;
69 | margin-right: 5px;
70 | padding: 1px;
71 | padding-left: 35px;
72 | position: relative;
73 | background-color: rgba(255,255,255,0.1);
74 | font-size: 14px;
75 |
76 | > span.arrow{
77 | position: absolute;
78 | left: 6px;
79 | top: 50%;
80 | transform: translateY(-50%) rotate(-90deg);
81 | //transition: transform 0.2s;
82 |
83 | display: inline-block;
84 | width: 0px;
85 | height: 0px;
86 | border-top: 5px solid transparent;
87 | border-bottom: 5px solid transparent;
88 | border-right: 5px solid white;
89 | }
90 |
91 | &.expanded > span.arrow{
92 | transform: translateY(-50%) rotate(-90deg);
93 | }
94 |
95 | &.collapsed > span.arrow{
96 | transform: translateY(-50%) rotate(-180deg);
97 | }
98 |
99 | > span.checkbox{
100 | position: absolute;
101 | display: inline-block;
102 | left: 18px;
103 | top: 50%;
104 | width: 12px;
105 | height: 12px;
106 | // border: 1px solid rgba(255,255,255,0.5);
107 | background-image: url("/img/checkbox.png");
108 |
109 | &.unchecked{
110 | background-position: left 0px top 0px; // empty
111 | }
112 | &.checked{
113 | background-position: left 12px top 0px; // checked
114 | }
115 | &.semichecked{
116 | background-position: left 24px top 0px; // semi
117 | }
118 |
119 | transform: translateY(-50%);
120 | }
121 | }
122 |
123 | li{
124 | margin-left: 12px;
125 | }
126 | }
127 | }
128 | }
129 |
--------------------------------------------------------------------------------
/less/nav.less:
--------------------------------------------------------------------------------
1 | body > nav{
2 | width: @sidebarWidth;
3 | transition: width 0.25s;
4 |
5 | @media(max-width: 760px){
6 | width: 0px;
7 | }
8 | }
9 |
10 | body > div.overlay{
11 | height: 100%;
12 | width: 100%;
13 | background-color: transparent;
14 | position: absolute;
15 | top: 0px;
16 | left: 0px;
17 | visibility: hidden;
18 | }
19 |
20 | body.sidebar{
21 | > div.overlay{
22 | visibility: visible;
23 | }
24 |
25 | > nav{
26 | width: @sidebarWidth;
27 |
28 | @media(max-width: 760px){
29 | box-shadow: 10px 0px 20px 0px rgba(0,0,0,0.5);
30 | }
31 | }
32 | }
33 |
34 | body > nav{
35 | position: fixed;
36 | top: 0px;
37 | left: 0px;
38 |
39 | height: 100%;
40 | padding-top: @headerHeight;
41 | background-color: @medium;
42 | z-index: 1;
43 |
44 | overflow: hidden;
45 |
46 | div.scroller{
47 | width: @sidebarWidth+20px;
48 | height: 100%;
49 | overflow-x: hidden;
50 | overflow-y: scroll;
51 | -webkit-overflow-scrolling: touch; /* momentum scroll mobile, works in safari, default on chrome */
52 | scroll-behavior: smooth; /* seems to have no effect but is what I want */
53 | }
54 |
55 | div.content{
56 | margin-bottom: 80px;
57 | width: @sidebarWidth;
58 |
59 | > div{
60 | border-bottom: 1px solid rgb(32,32,32);
61 |
62 | &.expanded > a > span.arrow{
63 | transform: translateY(-50%) rotate(-90deg);
64 | }
65 |
66 | &.sub > a{
67 | padding-left: 25px;
68 | }
69 |
70 | > a{
71 | display: block;
72 | padding-left: 5px;
73 | height: 50px;
74 | line-height: 50px;
75 | position: relative;
76 | cursor: pointer;
77 |
78 | transition: background-color 0.3s;
79 |
80 | &:hover{
81 | background-color: #3e4852;
82 | }
83 |
84 | > span.indicator{
85 | padding: 2px 8px 2px 8px;
86 | border-radius: 3px;
87 | margin-left: 20px;
88 | color: black;
89 | //background-color: @dark;
90 | background-color: #ff9a1b;
91 | display: none;
92 | }
93 |
94 | > span.arrow{
95 | position: absolute;
96 | right: 6px;
97 | top: 50%;
98 | transform: translateY(-50%) rotate(0deg);
99 | transition: transform 0.2s;
100 |
101 | display: inline-block;
102 | width: 0px;
103 | height: 0px;
104 | border-top: 5px solid transparent;
105 | border-bottom: 5px solid transparent;
106 | border-right: 5px solid white;
107 | }
108 | }
109 |
110 | @import "filter.less";
111 |
112 | > ul{
113 | transition: height 0.4s;
114 | display: none;
115 |
116 | overflow: hidden;
117 | background-color: #3e3d3b;
118 | > li{
119 | transition: border-width 0.25s;
120 | border-right: 0px solid #c57f00;
121 | &.active{
122 | border-right: 5px solid #c57f00;
123 | }
124 | > a{
125 | display: block;
126 | font-size: 12px;
127 | padding-left: 10px;
128 | padding-top: 9px;
129 | padding-bottom: 9px;
130 | border-top: 1px solid rgb(32,32,32);
131 | cursor: pointer;
132 |
133 | transition: background-color 0.3s;
134 |
135 | &:hover{
136 | background-color: #545351;
137 | }
138 | }
139 | }
140 | }
141 | }
142 | }
143 | }
144 |
--------------------------------------------------------------------------------
/src/views/tree.coffee:
--------------------------------------------------------------------------------
1 | exports.index = class Node
2 | constructor: ({name, @container, @parent, @checkChange, @expanded}) ->
3 | @checkChange ?= ->
4 | @expanded ?= true
5 |
6 | if name?
7 | @item = $('
')
8 | .text(name)
9 | .appendTo(@container)
10 | .click(@toggleExpand)
11 |
12 | @checkbox = $('WebGL Stats
31 |
68 |
116 |
117 |
118 |
122 |
123 | Page does not work without JS.
124 |
125 |
126 |
127 |
128 |
--------------------------------------------------------------------------------
/src/views/traffic.coffee:
--------------------------------------------------------------------------------
1 | db = sys.import 'db'
2 | util = sys.import '/util'
3 | behavior = sys.import 'behavior'
4 | breadcrumbs = sys.import 'breadcrumbs'
5 | {Gauge, Series, Donut, StackedPercentage} = sys.import '/chart'
6 |
7 | exports.index = class Traffic
8 | constructor: (@filter, search) ->
9 | null
10 |
11 | breadcrumbs: ->
12 | breadcrumbs [
13 | ['Visitors', '/traffic']
14 | ]
15 |
16 | show: ->
17 | behavior.deactivate()
18 | behavior.collapse(@)
19 |
20 | @breadcrumbs()
21 |
22 | ## first row ##
23 | mainRow = $('
')
24 | .addClass('row')
25 | .addClass('responsive')
26 | .appendTo('main')
27 |
28 | col = $('
')
29 | .appendTo(mainRow)
30 | widget = $('
')
31 | .appendTo(col)
32 | $('Visits ')
33 | .appendTo(widget)
34 | @series().appendTo(widget)
35 |
36 | col = $('
')
37 | .appendTo(mainRow)
38 | widget = $('
')
39 | .appendTo(col)
40 | $('Platform (30d) ')
41 | .appendTo(widget)
42 | @donut('useragent.device').appendTo(widget)
43 |
44 |
45 | ## second row ##
46 | mainRow = $('
')
47 | .addClass('row')
48 | .addClass('responsive')
49 | .appendTo('main')
50 |
51 | col = $('
')
52 | .appendTo(mainRow)
53 |
54 | widget = $('
')
55 | .appendTo(col)
56 |
57 | $('Operating System (30d) ')
58 | .appendTo(widget)
59 |
60 | @donut('useragent.os').appendTo(widget)
61 |
62 | col = $('
')
63 | .appendTo(mainRow)
64 |
65 | widget = $('
')
66 | .appendTo(col)
67 |
68 | $('Browser (30d) ')
69 | .appendTo(widget)
70 |
71 | @donut('useragent.family').appendTo(widget)
72 |
73 | ## platform time series ##
74 | full = $('
')
75 | .appendTo('main')
76 |
77 | $('Platform ')
78 | .appendTo(full)
79 |
80 | @stackedPercentage('useragent.device').appendTo(full)
81 |
82 | ## os time series ##
83 | full = $('
')
84 | .appendTo('main')
85 |
86 | $('Operating System ')
87 | .appendTo(full)
88 |
89 | @stackedPercentage('useragent.os').appendTo(full)
90 |
91 | ## browser time series ##
92 | full = $('
')
93 | .appendTo('main')
94 |
95 | $('Browser ')
96 | .appendTo(full)
97 |
98 | @stackedPercentage('useragent.family').appendTo(full)
99 |
100 | donut: (bucketBy) ->
101 | chart = new Donut()
102 |
103 | @filter.onChange chart.elem, =>
104 | chart.elem.addClass('spinner')
105 | query =
106 | filterBy: {}
107 | bucketBy: bucketBy
108 | start: -30
109 |
110 | if @filter.platforms?
111 | query.filterBy.platform = @filter.platforms
112 |
113 | db.execute
114 | query: query
115 | success: (result) ->
116 | chart.elem.removeClass('spinner')
117 |
118 | values = for label, n in result.keys
119 | value = result.values[n]
120 | {
121 | label: (
122 | util.capitalize(label.replace(/_/g, ' ')) +
123 | " #{((value*100/result.total).toFixed(1))}% (#{util.formatNumber(value)})"
124 | )
125 | value:result.values[n]
126 | }
127 |
128 | chart.update(values)
129 |
130 | return $(chart.elem)
131 |
132 | series: (name) ->
133 | chart = new Series()
134 | @filter.onChange chart.elem, =>
135 | query =
136 | filterBy: {}
137 | series: @filter.series
138 |
139 | if @filter.platforms?
140 | query.filterBy.platform = @filter.platforms
141 |
142 | db.execute
143 | query: query
144 | success: (result) ->
145 | chart.update(result.values)
146 |
147 | return chart.elem
148 |
149 | stackedPercentage: (bucketBy) ->
150 | chart = new StackedPercentage()
151 |
152 | @filter.onChange chart.elem, =>
153 | query =
154 | filterBy: {}
155 | bucketBy: bucketBy
156 | series: @filter.series
157 |
158 | if @filter.platforms?
159 | query.filterBy.platform = @filter.platforms
160 |
161 | db.execute
162 | query: query
163 | success: (result) ->
164 | keys = result.keys
165 | xLabels = []
166 | data = []
167 |
168 | if keys[0] == null
169 | valueStart = 1
170 | keys.shift()
171 | else
172 | valueStart = 0
173 |
174 | for item in result.values
175 | xLabels.push(item.name)
176 | values = []
177 |
178 | for value in item.values[valueStart...]
179 | if item.total == 0
180 | values.push(0)
181 | else
182 | values.push(value/item.total)
183 |
184 | data.push(values)
185 |
186 | chart.update
187 | areaLabels: keys
188 | xLabels: xLabels
189 | data: data
190 | type: 'rel'
191 |
192 | return $(chart.elem)
193 |
--------------------------------------------------------------------------------
/res/sitemap.txt:
--------------------------------------------------------------------------------
1 | http://webglstats.com/
2 | http://webglstats.com/search
3 | http://webglstats.com/traffic
4 | http://webglstats.com/contributors
5 | http://webglstats.com/webgl
6 | http://webglstats.com/webgl/parameter/ALIASED_LINE_WIDTH_RANGE
7 | http://webglstats.com/webgl/parameter/ALIASED_POINT_SIZE_RANGE
8 | http://webglstats.com/webgl/parameter/DEPTH_BITS
9 | http://webglstats.com/webgl/parameter/MAX_COMBINED_TEXTURE_IMAGE_UNITS
10 | http://webglstats.com/webgl/parameter/MAX_CUBE_MAP_TEXTURE_SIZE
11 | http://webglstats.com/webgl/parameter/MAX_FRAGMENT_UNIFORM_VECTORS
12 | http://webglstats.com/webgl/parameter/MAX_RENDERBUFFER_SIZE
13 | http://webglstats.com/webgl/parameter/MAX_TEXTURE_IMAGE_UNITS
14 | http://webglstats.com/webgl/parameter/MAX_TEXTURE_SIZE
15 | http://webglstats.com/webgl/parameter/MAX_VARYING_VECTORS
16 | http://webglstats.com/webgl/parameter/MAX_VERTEX_ATTRIBS
17 | http://webglstats.com/webgl/parameter/MAX_VERTEX_TEXTURE_IMAGE_UNITS
18 | http://webglstats.com/webgl/parameter/MAX_VERTEX_UNIFORM_VECTORS
19 | http://webglstats.com/webgl/parameter/MAX_VIEWPORT_DIMS
20 | http://webglstats.com/webgl/parameter/SAMPLES
21 | http://webglstats.com/webgl/parameter/SAMPLE_BUFFERS
22 | http://webglstats.com/webgl/parameter/STENCIL_BITS
23 | http://webglstats.com/webgl/parameter/SUBPIXEL_BITS
24 | http://webglstats.com/webgl/extension/EXT_blend_minmax
25 | http://webglstats.com/webgl/extension/WEBGL_color_buffer_float
26 | http://webglstats.com/webgl/extension/EXT_color_buffer_half_float
27 | http://webglstats.com/webgl/extension/WEBGL_compressed_texture_atc
28 | http://webglstats.com/webgl/extension/WEBGL_compressed_texture_etc
29 | http://webglstats.com/webgl/extension/WEBGL_compressed_texture_etc1
30 | http://webglstats.com/webgl/extension/WEBGL_compressed_texture_pvrtc
31 | http://webglstats.com/webgl/extension/WEBGL_compressed_texture_s3tc
32 | http://webglstats.com/webgl/extension/WEBGL_compressed_texture_astc
33 | http://webglstats.com/webgl/extension/WEBGL_debug_renderer_info
34 | http://webglstats.com/webgl/extension/WEBGL_depth_texture
35 | http://webglstats.com/webgl/extension/EXT_disjoint_timer_query
36 | http://webglstats.com/webgl/extension/WEBGL_draw_buffers
37 | http://webglstats.com/webgl/extension/OES_element_index_uint
38 | http://webglstats.com/webgl/extension/EXT_frag_depth
39 | http://webglstats.com/webgl/extension/ANGLE_instanced_arrays
40 | http://webglstats.com/webgl/extension/WEBGL_lose_context
41 | http://webglstats.com/webgl/extension/EXT_sRGB
42 | http://webglstats.com/webgl/extension/EXT_shader_texture_lod
43 | http://webglstats.com/webgl/extension/OES_standard_derivatives
44 | http://webglstats.com/webgl/extension/EXT_texture_filter_anisotropic
45 | http://webglstats.com/webgl/extension/OES_texture_float
46 | http://webglstats.com/webgl/extension/OES_texture_float_linear
47 | http://webglstats.com/webgl/extension/OES_texture_half_float
48 | http://webglstats.com/webgl/extension/OES_texture_half_float_linear
49 | http://webglstats.com/webgl/extension/OES_vertex_array_object
50 | http://webglstats.com/webgl2
51 | http://webglstats.com/webgl2/parameter/ALIASED_LINE_WIDTH_RANGE
52 | http://webglstats.com/webgl2/parameter/ALIASED_POINT_SIZE_RANGE
53 | http://webglstats.com/webgl2/parameter/DEPTH_BITS
54 | http://webglstats.com/webgl2/parameter/MAX_3D_TEXTURE_SIZE
55 | http://webglstats.com/webgl2/parameter/MAX_ARRAY_TEXTURE_LAYERS
56 | http://webglstats.com/webgl2/parameter/MAX_COLOR_ATTACHMENTS
57 | http://webglstats.com/webgl2/parameter/MAX_COMBINED_FRAGMENT_UNIFORM_COMPONENTS
58 | http://webglstats.com/webgl2/parameter/MAX_COMBINED_TEXTURE_IMAGE_UNITS
59 | http://webglstats.com/webgl2/parameter/MAX_COMBINED_UNIFORM_BLOCKS
60 | http://webglstats.com/webgl2/parameter/MAX_COMBINED_VERTEX_UNIFORM_COMPONENTS
61 | http://webglstats.com/webgl2/parameter/MAX_CUBE_MAP_TEXTURE_SIZE
62 | http://webglstats.com/webgl2/parameter/MAX_DRAW_BUFFERS
63 | http://webglstats.com/webgl2/parameter/MAX_ELEMENTS_INDICES
64 | http://webglstats.com/webgl2/parameter/MAX_ELEMENTS_VERTICES
65 | http://webglstats.com/webgl2/parameter/MAX_ELEMENT_INDEX
66 | http://webglstats.com/webgl2/parameter/MAX_FRAGMENT_INPUT_COMPONENTS
67 | http://webglstats.com/webgl2/parameter/MAX_FRAGMENT_UNIFORM_BLOCKS
68 | http://webglstats.com/webgl2/parameter/MAX_FRAGMENT_UNIFORM_COMPONENTS
69 | http://webglstats.com/webgl2/parameter/MAX_FRAGMENT_UNIFORM_VECTORS
70 | http://webglstats.com/webgl2/parameter/MAX_PROGRAM_TEXEL_OFFSET
71 | http://webglstats.com/webgl2/parameter/MAX_RENDERBUFFER_SIZE
72 | http://webglstats.com/webgl2/parameter/MAX_SAMPLES
73 | http://webglstats.com/webgl2/parameter/MAX_SERVER_WAIT_TIMEOUT
74 | http://webglstats.com/webgl2/parameter/MAX_TEXTURE_IMAGE_UNITS
75 | http://webglstats.com/webgl2/parameter/MAX_TEXTURE_LOD_BIAS
76 | http://webglstats.com/webgl2/parameter/MAX_TEXTURE_SIZE
77 | http://webglstats.com/webgl2/parameter/MAX_TRANSFORM_FEEDBACK_INTERLEAVED_COMPONENTS
78 | http://webglstats.com/webgl2/parameter/MAX_TRANSFORM_FEEDBACK_SEPARATE_ATTRIBS
79 | http://webglstats.com/webgl2/parameter/MAX_TRANSFORM_FEEDBACK_SEPARATE_COMPONENTS
80 | http://webglstats.com/webgl2/parameter/MAX_UNIFORM_BLOCK_SIZE
81 | http://webglstats.com/webgl2/parameter/MAX_UNIFORM_BUFFER_BINDINGS
82 | http://webglstats.com/webgl2/parameter/MAX_VARYING_COMPONENTS
83 | http://webglstats.com/webgl2/parameter/MAX_VARYING_VECTORS
84 | http://webglstats.com/webgl2/parameter/MAX_VERTEX_ATTRIBS
85 | http://webglstats.com/webgl2/parameter/MAX_VERTEX_OUTPUT_COMPONENTS
86 | http://webglstats.com/webgl2/parameter/MAX_VERTEX_TEXTURE_IMAGE_UNITS
87 | http://webglstats.com/webgl2/parameter/MAX_VERTEX_UNIFORM_BLOCKS
88 | http://webglstats.com/webgl2/parameter/MAX_VERTEX_UNIFORM_COMPONENTS
89 | http://webglstats.com/webgl2/parameter/MAX_VERTEX_UNIFORM_VECTORS
90 | http://webglstats.com/webgl2/parameter/MAX_VIEWPORT_DIMS
91 | http://webglstats.com/webgl2/parameter/MIN_PROGRAM_TEXEL_OFFSET
92 | http://webglstats.com/webgl2/parameter/SAMPLES
93 | http://webglstats.com/webgl2/parameter/SAMPLE_BUFFERS
94 | http://webglstats.com/webgl2/parameter/STENCIL_BITS
95 | http://webglstats.com/webgl2/parameter/SUBPIXEL_BITS
96 | http://webglstats.com/webgl2/extension/EXT_color_buffer_float
97 | http://webglstats.com/webgl2/extension/WEBGL_compressed_texture_atc
98 | http://webglstats.com/webgl2/extension/WEBGL_compressed_texture_etc
99 | http://webglstats.com/webgl2/extension/WEBGL_compressed_texture_etc1
100 | http://webglstats.com/webgl2/extension/WEBGL_compressed_texture_pvrtc
101 | http://webglstats.com/webgl2/extension/WEBGL_compressed_texture_s3tc
102 | http://webglstats.com/webgl2/extension/WEBGL_compressed_texture_astc
103 | http://webglstats.com/webgl2/extension/WEBGL_debug_renderer_info
104 | http://webglstats.com/webgl2/extension/EXT_disjoint_timer_query
105 | http://webglstats.com/webgl2/extension/EXT_disjoint_timer_query_webgl2
106 | http://webglstats.com/webgl2/extension/WEBGL_lose_context
107 | http://webglstats.com/webgl2/extension/EXT_texture_filter_anisotropic
108 | http://webglstats.com/webgl2/extension/OES_texture_float_linear
109 |
--------------------------------------------------------------------------------
/res/sitemap-ssl.txt:
--------------------------------------------------------------------------------
1 | https://webglstats.com/
2 | https://webglstats.com/search
3 | https://webglstats.com/traffic
4 | https://webglstats.com/contributors
5 | https://webglstats.com/webgl
6 | https://webglstats.com/webgl/parameter/ALIASED_LINE_WIDTH_RANGE
7 | https://webglstats.com/webgl/parameter/ALIASED_POINT_SIZE_RANGE
8 | https://webglstats.com/webgl/parameter/DEPTH_BITS
9 | https://webglstats.com/webgl/parameter/MAX_COMBINED_TEXTURE_IMAGE_UNITS
10 | https://webglstats.com/webgl/parameter/MAX_CUBE_MAP_TEXTURE_SIZE
11 | https://webglstats.com/webgl/parameter/MAX_FRAGMENT_UNIFORM_VECTORS
12 | https://webglstats.com/webgl/parameter/MAX_RENDERBUFFER_SIZE
13 | https://webglstats.com/webgl/parameter/MAX_TEXTURE_IMAGE_UNITS
14 | https://webglstats.com/webgl/parameter/MAX_TEXTURE_SIZE
15 | https://webglstats.com/webgl/parameter/MAX_VARYING_VECTORS
16 | https://webglstats.com/webgl/parameter/MAX_VERTEX_ATTRIBS
17 | https://webglstats.com/webgl/parameter/MAX_VERTEX_TEXTURE_IMAGE_UNITS
18 | https://webglstats.com/webgl/parameter/MAX_VERTEX_UNIFORM_VECTORS
19 | https://webglstats.com/webgl/parameter/MAX_VIEWPORT_DIMS
20 | https://webglstats.com/webgl/parameter/SAMPLES
21 | https://webglstats.com/webgl/parameter/SAMPLE_BUFFERS
22 | https://webglstats.com/webgl/parameter/STENCIL_BITS
23 | https://webglstats.com/webgl/parameter/SUBPIXEL_BITS
24 | https://webglstats.com/webgl/extension/EXT_blend_minmax
25 | https://webglstats.com/webgl/extension/WEBGL_color_buffer_float
26 | https://webglstats.com/webgl/extension/EXT_color_buffer_half_float
27 | https://webglstats.com/webgl/extension/WEBGL_compressed_texture_atc
28 | https://webglstats.com/webgl/extension/WEBGL_compressed_texture_etc
29 | https://webglstats.com/webgl/extension/WEBGL_compressed_texture_etc1
30 | https://webglstats.com/webgl/extension/WEBGL_compressed_texture_pvrtc
31 | https://webglstats.com/webgl/extension/WEBGL_compressed_texture_s3tc
32 | https://webglstats.com/webgl/extension/WEBGL_debug_renderer_info
33 | https://webglstats.com/webgl/extension/WEBGL_depth_texture
34 | https://webglstats.com/webgl/extension/EXT_disjoint_timer_query
35 | https://webglstats.com/webgl/extension/WEBGL_draw_buffers
36 | https://webglstats.com/webgl/extension/OES_element_index_uint
37 | https://webglstats.com/webgl/extension/EXT_frag_depth
38 | https://webglstats.com/webgl/extension/ANGLE_instanced_arrays
39 | https://webglstats.com/webgl/extension/WEBGL_lose_context
40 | https://webglstats.com/webgl/extension/EXT_sRGB
41 | https://webglstats.com/webgl/extension/EXT_shader_texture_lod
42 | https://webglstats.com/webgl/extension/OES_standard_derivatives
43 | https://webglstats.com/webgl/extension/EXT_texture_filter_anisotropic
44 | https://webglstats.com/webgl/extension/OES_texture_float
45 | https://webglstats.com/webgl/extension/OES_texture_float_linear
46 | https://webglstats.com/webgl/extension/OES_texture_half_float
47 | https://webglstats.com/webgl/extension/OES_texture_half_float_linear
48 | https://webglstats.com/webgl/extension/OES_vertex_array_object
49 | https://webglstats.com/webgl2
50 | https://webglstats.com/webgl2/parameter/ALIASED_LINE_WIDTH_RANGE
51 | https://webglstats.com/webgl2/parameter/ALIASED_POINT_SIZE_RANGE
52 | https://webglstats.com/webgl2/parameter/DEPTH_BITS
53 | https://webglstats.com/webgl2/parameter/MAX_3D_TEXTURE_SIZE
54 | https://webglstats.com/webgl2/parameter/MAX_ARRAY_TEXTURE_LAYERS
55 | https://webglstats.com/webgl2/parameter/MAX_COLOR_ATTACHMENTS
56 | https://webglstats.com/webgl2/parameter/MAX_COMBINED_FRAGMENT_UNIFORM_COMPONENTS
57 | https://webglstats.com/webgl2/parameter/MAX_COMBINED_TEXTURE_IMAGE_UNITS
58 | https://webglstats.com/webgl2/parameter/MAX_COMBINED_UNIFORM_BLOCKS
59 | https://webglstats.com/webgl2/parameter/MAX_COMBINED_VERTEX_UNIFORM_COMPONENTS
60 | https://webglstats.com/webgl2/parameter/MAX_CUBE_MAP_TEXTURE_SIZE
61 | https://webglstats.com/webgl2/parameter/MAX_DRAW_BUFFERS
62 | https://webglstats.com/webgl2/parameter/MAX_ELEMENTS_INDICES
63 | https://webglstats.com/webgl2/parameter/MAX_ELEMENTS_VERTICES
64 | https://webglstats.com/webgl2/parameter/MAX_ELEMENT_INDEX
65 | https://webglstats.com/webgl2/parameter/MAX_FRAGMENT_INPUT_COMPONENTS
66 | https://webglstats.com/webgl2/parameter/MAX_FRAGMENT_UNIFORM_BLOCKS
67 | https://webglstats.com/webgl2/parameter/MAX_FRAGMENT_UNIFORM_COMPONENTS
68 | https://webglstats.com/webgl2/parameter/MAX_FRAGMENT_UNIFORM_VECTORS
69 | https://webglstats.com/webgl2/parameter/MAX_PROGRAM_TEXEL_OFFSET
70 | https://webglstats.com/webgl2/parameter/MAX_RENDERBUFFER_SIZE
71 | https://webglstats.com/webgl2/parameter/MAX_SAMPLES
72 | https://webglstats.com/webgl2/parameter/MAX_SERVER_WAIT_TIMEOUT
73 | https://webglstats.com/webgl2/parameter/MAX_TEXTURE_IMAGE_UNITS
74 | https://webglstats.com/webgl2/parameter/MAX_TEXTURE_LOD_BIAS
75 | https://webglstats.com/webgl2/parameter/MAX_TEXTURE_SIZE
76 | https://webglstats.com/webgl2/parameter/MAX_TRANSFORM_FEEDBACK_INTERLEAVED_COMPONENTS
77 | https://webglstats.com/webgl2/parameter/MAX_TRANSFORM_FEEDBACK_SEPARATE_ATTRIBS
78 | https://webglstats.com/webgl2/parameter/MAX_TRANSFORM_FEEDBACK_SEPARATE_COMPONENTS
79 | https://webglstats.com/webgl2/parameter/MAX_UNIFORM_BLOCK_SIZE
80 | https://webglstats.com/webgl2/parameter/MAX_UNIFORM_BUFFER_BINDINGS
81 | https://webglstats.com/webgl2/parameter/MAX_VARYING_COMPONENTS
82 | https://webglstats.com/webgl2/parameter/MAX_VARYING_VECTORS
83 | https://webglstats.com/webgl2/parameter/MAX_VERTEX_ATTRIBS
84 | https://webglstats.com/webgl2/parameter/MAX_VERTEX_OUTPUT_COMPONENTS
85 | https://webglstats.com/webgl2/parameter/MAX_VERTEX_TEXTURE_IMAGE_UNITS
86 | https://webglstats.com/webgl2/parameter/MAX_VERTEX_UNIFORM_BLOCKS
87 | https://webglstats.com/webgl2/parameter/MAX_VERTEX_UNIFORM_COMPONENTS
88 | https://webglstats.com/webgl2/parameter/MAX_VERTEX_UNIFORM_VECTORS
89 | https://webglstats.com/webgl2/parameter/MAX_VIEWPORT_DIMS
90 | https://webglstats.com/webgl2/parameter/MIN_PROGRAM_TEXEL_OFFSET
91 | https://webglstats.com/webgl2/parameter/SAMPLES
92 | https://webglstats.com/webgl2/parameter/SAMPLE_BUFFERS
93 | https://webglstats.com/webgl2/parameter/STENCIL_BITS
94 | https://webglstats.com/webgl2/parameter/SUBPIXEL_BITS
95 | https://webglstats.com/webgl2/extension/EXT_color_buffer_float
96 | https://webglstats.com/webgl2/extension/WEBGL_compressed_texture_atc
97 | https://webglstats.com/webgl2/extension/WEBGL_compressed_texture_etc
98 | https://webglstats.com/webgl2/extension/WEBGL_compressed_texture_etc1
99 | https://webglstats.com/webgl2/extension/WEBGL_compressed_texture_pvrtc
100 | https://webglstats.com/webgl2/extension/WEBGL_compressed_texture_s3tc
101 | https://webglstats.com/webgl2/extension/WEBGL_debug_renderer_info
102 | https://webglstats.com/webgl2/extension/EXT_disjoint_timer_query
103 | https://webglstats.com/webgl2/extension/EXT_disjoint_timer_query_webgl2
104 | https://webglstats.com/webgl2/extension/WEBGL_lose_context
105 | https://webglstats.com/webgl2/extension/EXT_texture_filter_anisotropic
106 | https://webglstats.com/webgl2/extension/OES_texture_float_linear
107 | https://webglstats.com/webgl/extension/WEBGL_compressed_texture_astc
108 | https://webglstats.com/webgl2/extension/WEBGL_compressed_texture_astc
109 |
--------------------------------------------------------------------------------
/src/views/main.coffee:
--------------------------------------------------------------------------------
1 | db = sys.import 'db'
2 | extensions = sys.import 'extensions'
3 | util = sys.import '/util'
4 | behavior = sys.import 'behavior'
5 | breadcrumbs = sys.import 'breadcrumbs'
6 | Parameters = sys.import 'parameters'
7 | {Donut, Gauge, Series} = sys.import '/chart'
8 |
9 | exports.index = class Main
10 | constructor: (@filter, search) ->
11 | behavior.activatable @
12 |
13 | showInfo: ->
14 | widget = $('
')
15 | .appendTo('main')
16 |
17 | $('WebGL Stats ')
18 | .appendTo(widget)
19 |
20 | $('''
21 | The statistics on this site help WebGL developers make decisions about hardware capabilities.
22 |
''').appendTo(widget)
23 |
24 | $('''
25 | Without contributing sites WebGL stats would be impossible. A special thanks to:
''').appendTo(widget)
27 |
28 | $('''
29 |
34 | ''').appendTo(widget)
35 |
36 | $('''
37 | If you want to contribute collecting the data just embed the code below into your page.
38 |
''').appendTo(widget)
39 |
40 |
41 | $('''<script src="//cdn.webglstats.com/stat.js" defer async></script> ''')
42 | .appendTo(widget)
43 |
44 | $('''
45 | You can check out the code for this site on github .
46 |
''').appendTo(widget)
47 |
48 | $('''
49 | WebGL Report allows you to see the parameters your browser has implemented.
50 |
''').appendTo(widget)
51 |
52 | breadcrumbs: (webglVersion) ->
53 | breadcrumbs [
54 | [util.versionLabel(webglVersion), "/#{util.versionPath(webglVersion)}"]
55 | ]
56 |
57 | show: (version, breadcrumbs=true) ->
58 | behavior.deactivate()
59 | behavior.collapse(@)
60 |
61 | if breadcrumbs
62 | @breadcrumbs(version)
63 | versionLabel = ''
64 | else
65 | versionLabel = util.versionLabel(version) + ' '
66 |
67 | mainRow = $('
')
68 | .addClass('row')
69 | .addClass('responsive')
70 | .appendTo('main')
71 | @supportGauges(version, versionLabel, mainRow)
72 | @caveatDonut(version, versionLabel, mainRow)
73 |
74 | @supportSeries(version, versionLabel)
75 |
76 | caveatDonut: (version, versionLabel, parent) ->
77 | col = $('
')
78 | .appendTo(parent)
79 | widget = $('
')
80 | .appendTo(col)
81 | $('
')
88 | .appendTo('main')
89 | $('
')
96 | .appendTo(parent)
97 | widget = $('
')
98 | .appendTo(col)
99 | $('Support (30d) ')
100 | .text(versionLabel + 'Support (30d)')
101 | .appendTo(widget)
102 | row = $('
')
103 | .appendTo(widget)
104 | col = $('
')
105 | .appendTo(row)
106 | @gauge(version, 'large', 'All')
107 | .appendTo(col)
108 | smallCharts = $('
')
109 | .appendTo(row)
110 | row = $('
')
111 | .appendTo(smallCharts)
112 | col = $('
').appendTo(row)
113 | @gauge(version, 'small', 'Desktop', 'desktop').appendTo(col)
114 | col = $('
').appendTo(row)
115 | @gauge(version, 'small', 'Smartphone', 'smartphone').appendTo(col)
116 | row = $('
')
117 | .appendTo(smallCharts)
118 | col = $('
').appendTo(row)
119 | @gauge(version, 'small', 'Tablet', 'tablet').appendTo(col)
120 | col = $('
').appendTo(row)
121 | @gauge(version, 'small', 'Console', 'game_console').appendTo(col)
122 |
123 | gauge: (webglVersion, size='small', label=null, device=null) =>
124 | chart = new Gauge(label:label, size:size)
125 |
126 | query =
127 | filterBy: {}
128 | bucketBy:'webgl'
129 | start: -30
130 |
131 | if device?
132 | query.filterBy['useragent.device'] = device
133 |
134 | @filter.onChange chart.elem, =>
135 | chart.elem.addClass('spinner')
136 | if @filter.platforms?
137 | query.filterBy.platform = @filter.platforms
138 | else
139 | delete query.filterBy.platform
140 |
141 | db.execute
142 | db: webglVersion
143 | query: query
144 | success: (result) ->
145 | percentage = result.values[1]/result.total
146 | chart.setLabel(label + " (#{util.formatNumber(result.values[1])})")
147 | chart.update(percentage*100)
148 | chart.elem.removeClass('spinner')
149 |
150 | return chart.elem
151 |
152 | series: (webglVersion) ->
153 | chart = new Series()
154 |
155 | @filter.onChange chart.elem, =>
156 | query =
157 | bucketBy:'webgl'
158 | series: @filter.series
159 |
160 | if @filter.platforms?
161 | query.filterBy =
162 | platform: @filter.platforms
163 |
164 | db.execute
165 | db: webglVersion
166 | query: query
167 | success: (result) ->
168 | chart.update(result.values)
169 |
170 | return chart.elem
171 |
172 | donut: (version, versionLabel) ->
173 | chart = new Donut()
174 |
175 | @filter.onChange chart.elem, =>
176 | chart.elem.addClass('spinner')
177 | query =
178 | filterBy: {webgl:true}
179 | bucketBy: 'webgl.majorPerformanceCaveat'
180 | start: -30
181 |
182 | if @filter.platforms?
183 | query.filterBy.platform = @filter.platforms
184 |
185 | db.execute
186 | db: version
187 | query: query
188 | success: (result) ->
189 | chart.elem.removeClass('spinner')
190 |
191 | values = for label, n in result.keys
192 | label = ({null:'Unknown', false:'False', true:'True'})[label]
193 | value = result.values[n]
194 | {
195 | label: (
196 | "#{label} #{((value*100/result.total).toFixed(1))}% (#{util.formatNumber(value)})"
197 | )
198 | value:result.values[n]
199 | }
200 |
201 | chart.update(values)
202 |
203 | return $(chart.elem)
204 |
205 | deactivate: ->
206 | null
207 |
--------------------------------------------------------------------------------
/src/views/filter.coffee:
--------------------------------------------------------------------------------
1 | db = sys.import 'db'
2 | util = sys.import '/util'
3 | behavior = sys.import 'behavior'
4 | hex = sys.import 'hex'
5 | Tree = sys.import 'tree'
6 |
7 | addNode = (parent, parts, count, key) ->
8 | parent.count += count
9 | name = parts.shift()
10 |
11 | if not parent.children?
12 | parent.children = {}
13 |
14 | child = parent.children[name]
15 | if not child?
16 | child = parent.children[name] = {count:0}
17 |
18 | if parts.length > 0
19 | addNode child, parts, count, key
20 | else
21 | child.count = count
22 | child.key = key
23 |
24 | buildTree = (items, counts) ->
25 | root = {count:0}
26 |
27 | for item, i in items
28 | count = counts[i]
29 | parts = item.split('|')
30 | addNode root, parts, count, item
31 |
32 | sortNode root
33 | return root
34 |
35 | sortNode = (node) ->
36 | if node.children?
37 | children = for name, child of node.children
38 | child.name = name
39 | child
40 |
41 | children.sort (a,b) ->
42 | if a.count < b.count then return 1
43 | else if a.count > b.count then return -1
44 | return 0
45 |
46 | for child in children
47 | sortNode child
48 |
49 | node.children = children
50 |
51 | class Radio
52 | constructor: (parent, @change) ->
53 | @change ?= ->
54 |
55 | @container = $('
')
56 | .appendTo(parent)
57 |
58 | @options = {}
59 | @value = null
60 |
61 | add: ({label, value, active=false}) ->
62 | value ?= label
63 |
64 | option = @options[value] = $('
')
65 | .text(label)
66 | .appendTo(@container)
67 | .click(=> @activate(value))
68 |
69 | if active
70 | @value = value
71 | option.addClass('active')
72 |
73 | return @
74 |
75 | activate: (activateValue) ->
76 | for value, option of @options
77 | option.removeClass('active')
78 |
79 | @options[activateValue].addClass('active')
80 | @value = activateValue
81 | @change(@value)
82 |
83 | exports.index = class Filter
84 | constructor: (parent, @app) ->
85 | for field in @app.dbmeta.webgl1.fields
86 | if field.name == 'platform'
87 | @platformBits = {}
88 | @platformList = field.values
89 | @platformBitCount = field.values.length
90 | @platformByteCount = Math.ceil(@platformBitCount/8)
91 | for name, i in field.values
92 | @platformBits[name] = i
93 | break
94 |
95 | #behavior.collapsable(@)
96 | @parent = $(parent)
97 | @link = @parent.find('a')
98 | @indicator = @link.find('span.indicator')
99 | @nodesByKey = {}
100 |
101 | @container = $('
')
102 | .appendTo(@parent)
103 |
104 | @content = $('
')
105 | .appendTo(@container)
106 |
107 | series = $('
')
108 | .appendTo(@content)
109 | $('Series ')
110 | .appendTo(series)
111 | @series = 'weekly'
112 | new Radio(series, @seriesChanged)
113 | .add(label: 'Day', value:'daily')
114 | .add(label:'Week', value:'weekly', active:true)
115 | .add(label:'Month', value:'monthly')
116 | .add(label:'Year', value:'yearly')
117 |
118 | @treeContainer = $('
')
119 | .appendTo(@content)
120 |
121 | @container.css('display', 'block')
122 | @container[0].style.height = '0px'
123 | @height = util.measureHeight(@container[0])
124 | @link.on 'click', @toggle
125 | @expanded = false
126 |
127 | @tree = new Tree container:@treeContainer, checkChange:@filterChanged, name:'All'
128 |
129 | db.execute
130 | query:
131 | bucketBy:'platform'
132 | start: -30
133 | success: (result) =>
134 | tree = buildTree result.keys, result.values
135 |
136 | for item in tree.children
137 | @addNode @tree, tree, item
138 |
139 | @tree.updateStatus()
140 |
141 | @height = util.measureHeight(@container[0])
142 |
143 | @platforms = @decodeQueryBits(@app.location.platforms)
144 | @updateIndicator()
145 | @listeners = []
146 |
147 | updateIndicator: ->
148 | if @platforms?
149 | @indicator.show()
150 | else
151 | @indicator.hide()
152 |
153 | set: (platforms) ->
154 | @platforms = @decodeQueryBits(platforms)
155 | @updateIndicator()
156 |
157 | if @platforms?
158 | for platform, node of @nodesByKey
159 | if platform in @platforms
160 | node.setStatus('checked')
161 | else
162 | node.setStatus('unchecked')
163 | else
164 | for platform, node of @nodesByKey
165 | node.setStatus('checked')
166 |
167 | @tree.updateStatus()
168 | @notifyListeners()
169 |
170 | onChange: (elem, listener) ->
171 | @listeners.push(elem:elem, change:listener)
172 | listener()
173 |
174 | notifyListeners: =>
175 | listeners = []
176 | for listener in @listeners
177 | if document.body.contains(listener.elem[0])
178 | listener.change()
179 | listeners.push(listener)
180 | @listeners = listeners
181 |
182 | seriesChanged: (value) =>
183 | @series = value
184 | @notifyListeners()
185 |
186 | filterChanged: =>
187 | if @tree.status == 'checked'
188 | @platforms = null
189 | @updateIndicator()
190 | @queryBits = null
191 | @app.location.setFilter(null)
192 | else
193 | values = []
194 | @tree.visitActive (node) ->
195 | if node.key?
196 | values.push(node.key)
197 | @platforms = values
198 | @updateIndicator()
199 | bits = @encodeQueryBits(@platforms)
200 | @app.location.setFilter(bits)
201 |
202 | @notifyListeners()
203 |
204 | encodeQueryBits: (platforms) ->
205 | bits = new Uint8Array(@platformByteCount)
206 | for name in platforms
207 | bitNum = @platformBits[name]
208 | byte = Math.floor(bitNum/8)
209 | bit = bitNum % 8
210 | bits[byte] |= 1 << bit
211 | bits = hex.encode(bits)
212 |
213 | return '0000' + bits #reserved 2 bytes at the front for future use
214 |
215 | decodeQueryBits: (bits) ->
216 | if not bits?
217 | return null
218 |
219 | bits = bits[4...] # reserved 2 bytes at the front for future use
220 |
221 | bits = hex.decode(bits)
222 | platforms = []
223 | for value, byte in bits
224 | for bit in [0...8]
225 | bitNum = byte*8 + bit
226 | if bitNum >= @platformList.length
227 | break
228 |
229 | if value & (1<
234 | name = dataChild.name + ' ' + Math.round(dataChild.count*100/dataParent.count).toFixed(0) + '%'
235 | childNode = parentNode.add(name, if depth < 0 then true else false)
236 | if dataChild.children?
237 | for item in dataChild.children
238 | @addNode childNode, dataChild, item, depth+1
239 | else
240 | childNode.key = dataChild.key
241 | @nodesByKey[dataChild.key] = childNode
242 | if @platforms?
243 | if childNode.key not in @platforms
244 | childNode.setStatus('unchecked')
245 |
246 | toggle: =>
247 | if @expanded
248 | @collapse()
249 | else
250 | @expand()
251 |
252 | expand: (instant=false) ->
253 | #behavior.collapse(@)
254 | @parent.addClass('expanded')
255 |
256 | @expanded = true
257 | if instant
258 | @container.addClass('notransition')
259 |
260 | @container[0].style.height = @height + 'px'
261 | util.after 0.4, =>
262 | @container[0].style.height = 'auto'
263 |
264 | if instant
265 | @container[0].getBoundingClientRect()
266 | @container.removeClass('notransition')
267 |
268 | collapse: (instant=false) ->
269 | if @expanded
270 | @expanded = false
271 | @height = util.measureHeight(@container[0])
272 | @container.addClass('notransition')
273 | @container[0].style.height = @height + 'px'
274 | @container.removeClass('notransition')
275 |
276 | util.nextFrame =>
277 | @parent.removeClass('expanded')
278 | if instant
279 | @container.addClass('notransition')
280 | @container[0].style.height = '0px'
281 | if instant
282 | @container[0].getBoundingClientRect()
283 | @container.removeClass('notransition')
284 |
285 | visitActive: (fun) ->
286 | @tree.visitActive(fun)
287 |
--------------------------------------------------------------------------------
/less/normalize.less:
--------------------------------------------------------------------------------
1 | /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
2 |
3 | /**
4 | * 1. Change the default font family in all browsers (opinionated).
5 | * 2. Correct the line height in all browsers.
6 | * 3. Prevent adjustments of font size after orientation changes in
7 | * IE on Windows Phone and in iOS.
8 | */
9 |
10 | /* Document
11 | ========================================================================== */
12 |
13 | html {
14 | font-family: sans-serif; /* 1 */
15 | line-height: 1.15; /* 2 */
16 | -ms-text-size-adjust: 100%; /* 3 */
17 | -webkit-text-size-adjust: 100%; /* 3 */
18 | }
19 |
20 | /* Sections
21 | ========================================================================== */
22 |
23 | /**
24 | * Remove the margin in all browsers (opinionated).
25 | */
26 |
27 | body {
28 | margin: 0;
29 | }
30 |
31 | /**
32 | * Add the correct display in IE 9-.
33 | */
34 |
35 | article,
36 | aside,
37 | footer,
38 | header,
39 | nav,
40 | section {
41 | display: block;
42 | }
43 |
44 | /**
45 | * Correct the font size and margin on `h1` elements within `section` and
46 | * `article` contexts in Chrome, Firefox, and Safari.
47 | */
48 |
49 | h1 {
50 | font-size: 2em;
51 | margin: 0.67em 0;
52 | }
53 |
54 | /* Grouping content
55 | ========================================================================== */
56 |
57 | /**
58 | * Add the correct display in IE 9-.
59 | * 1. Add the correct display in IE.
60 | */
61 |
62 | figcaption,
63 | figure,
64 | main { /* 1 */
65 | display: block;
66 | }
67 |
68 | /**
69 | * Add the correct margin in IE 8.
70 | */
71 |
72 | figure {
73 | margin: 1em 40px;
74 | }
75 |
76 | /**
77 | * 1. Add the correct box sizing in Firefox.
78 | * 2. Show the overflow in Edge and IE.
79 | */
80 |
81 | hr {
82 | box-sizing: content-box; /* 1 */
83 | height: 0; /* 1 */
84 | overflow: visible; /* 2 */
85 | }
86 |
87 | /**
88 | * 1. Correct the inheritance and scaling of font size in all browsers.
89 | * 2. Correct the odd `em` font sizing in all browsers.
90 | */
91 |
92 | pre {
93 | font-family: monospace, monospace; /* 1 */
94 | font-size: 1em; /* 2 */
95 | }
96 |
97 | /* Text-level semantics
98 | ========================================================================== */
99 |
100 | /**
101 | * 1. Remove the gray background on active links in IE 10.
102 | * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
103 | */
104 |
105 | a {
106 | background-color: transparent; /* 1 */
107 | -webkit-text-decoration-skip: objects; /* 2 */
108 | }
109 |
110 | /**
111 | * Remove the outline on focused links when they are also active or hovered
112 | * in all browsers (opinionated).
113 | */
114 |
115 | a:active,
116 | a:hover {
117 | outline-width: 0;
118 | }
119 |
120 | /**
121 | * 1. Remove the bottom border in Firefox 39-.
122 | * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
123 | */
124 |
125 | abbr[title] {
126 | border-bottom: none; /* 1 */
127 | text-decoration: underline; /* 2 */
128 | text-decoration: underline dotted; /* 2 */
129 | }
130 |
131 | /**
132 | * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
133 | */
134 |
135 | b,
136 | strong {
137 | font-weight: inherit;
138 | }
139 |
140 | /**
141 | * Add the correct font weight in Chrome, Edge, and Safari.
142 | */
143 |
144 | b,
145 | strong {
146 | font-weight: bolder;
147 | }
148 |
149 | /**
150 | * 1. Correct the inheritance and scaling of font size in all browsers.
151 | * 2. Correct the odd `em` font sizing in all browsers.
152 | */
153 |
154 | code,
155 | kbd,
156 | samp {
157 | font-family: monospace, monospace; /* 1 */
158 | font-size: 1em; /* 2 */
159 | }
160 |
161 | /**
162 | * Add the correct font style in Android 4.3-.
163 | */
164 |
165 | dfn {
166 | font-style: italic;
167 | }
168 |
169 | /**
170 | * Add the correct background and color in IE 9-.
171 | */
172 |
173 | mark {
174 | background-color: #ff0;
175 | color: #000;
176 | }
177 |
178 | /**
179 | * Add the correct font size in all browsers.
180 | */
181 |
182 | small {
183 | font-size: 80%;
184 | }
185 |
186 | /**
187 | * Prevent `sub` and `sup` elements from affecting the line height in
188 | * all browsers.
189 | */
190 |
191 | sub,
192 | sup {
193 | font-size: 75%;
194 | line-height: 0;
195 | position: relative;
196 | vertical-align: baseline;
197 | }
198 |
199 | sub {
200 | bottom: -0.25em;
201 | }
202 |
203 | sup {
204 | top: -0.5em;
205 | }
206 |
207 | /* Embedded content
208 | ========================================================================== */
209 |
210 | /**
211 | * Add the correct display in IE 9-.
212 | */
213 |
214 | audio,
215 | video {
216 | display: inline-block;
217 | }
218 |
219 | /**
220 | * Add the correct display in iOS 4-7.
221 | */
222 |
223 | audio:not([controls]) {
224 | display: none;
225 | height: 0;
226 | }
227 |
228 | /**
229 | * Remove the border on images inside links in IE 10-.
230 | */
231 |
232 | img {
233 | border-style: none;
234 | }
235 |
236 | /**
237 | * Hide the overflow in IE.
238 | */
239 |
240 | svg:not(:root) {
241 | overflow: hidden;
242 | }
243 |
244 | /* Forms
245 | ========================================================================== */
246 |
247 | /**
248 | * 1. Change the font styles in all browsers (opinionated).
249 | * 2. Remove the margin in Firefox and Safari.
250 | */
251 |
252 | button,
253 | input,
254 | optgroup,
255 | select,
256 | textarea {
257 | font-family: sans-serif; /* 1 */
258 | font-size: 100%; /* 1 */
259 | line-height: 1.15; /* 1 */
260 | margin: 0; /* 2 */
261 | }
262 |
263 | /**
264 | * Show the overflow in IE.
265 | * 1. Show the overflow in Edge.
266 | */
267 |
268 | button,
269 | input { /* 1 */
270 | overflow: visible;
271 | }
272 |
273 | /**
274 | * Remove the inheritance of text transform in Edge, Firefox, and IE.
275 | * 1. Remove the inheritance of text transform in Firefox.
276 | */
277 |
278 | button,
279 | select { /* 1 */
280 | text-transform: none;
281 | }
282 |
283 | /**
284 | * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
285 | * controls in Android 4.
286 | * 2. Correct the inability to style clickable types in iOS and Safari.
287 | */
288 |
289 | button,
290 | html [type="button"], /* 1 */
291 | [type="reset"],
292 | [type="submit"] {
293 | -webkit-appearance: button; /* 2 */
294 | }
295 |
296 | /**
297 | * Remove the inner border and padding in Firefox.
298 | */
299 |
300 | button::-moz-focus-inner,
301 | [type="button"]::-moz-focus-inner,
302 | [type="reset"]::-moz-focus-inner,
303 | [type="submit"]::-moz-focus-inner {
304 | border-style: none;
305 | padding: 0;
306 | }
307 |
308 | /**
309 | * Restore the focus styles unset by the previous rule.
310 | */
311 |
312 | button:-moz-focusring,
313 | [type="button"]:-moz-focusring,
314 | [type="reset"]:-moz-focusring,
315 | [type="submit"]:-moz-focusring {
316 | outline: 1px dotted ButtonText;
317 | }
318 |
319 | /**
320 | * Change the border, margin, and padding in all browsers (opinionated).
321 | */
322 |
323 | fieldset {
324 | border: 1px solid #c0c0c0;
325 | margin: 0 2px;
326 | padding: 0.35em 0.625em 0.75em;
327 | }
328 |
329 | /**
330 | * 1. Correct the text wrapping in Edge and IE.
331 | * 2. Correct the color inheritance from `fieldset` elements in IE.
332 | * 3. Remove the padding so developers are not caught out when they zero out
333 | * `fieldset` elements in all browsers.
334 | */
335 |
336 | legend {
337 | box-sizing: border-box; /* 1 */
338 | color: inherit; /* 2 */
339 | display: table; /* 1 */
340 | max-width: 100%; /* 1 */
341 | padding: 0; /* 3 */
342 | white-space: normal; /* 1 */
343 | }
344 |
345 | /**
346 | * 1. Add the correct display in IE 9-.
347 | * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
348 | */
349 |
350 | progress {
351 | display: inline-block; /* 1 */
352 | vertical-align: baseline; /* 2 */
353 | }
354 |
355 | /**
356 | * Remove the default vertical scrollbar in IE.
357 | */
358 |
359 | textarea {
360 | overflow: auto;
361 | }
362 |
363 | /**
364 | * 1. Add the correct box sizing in IE 10-.
365 | * 2. Remove the padding in IE 10-.
366 | */
367 |
368 | [type="checkbox"],
369 | [type="radio"] {
370 | box-sizing: border-box; /* 1 */
371 | padding: 0; /* 2 */
372 | }
373 |
374 | /**
375 | * Correct the cursor style of increment and decrement buttons in Chrome.
376 | */
377 |
378 | [type="number"]::-webkit-inner-spin-button,
379 | [type="number"]::-webkit-outer-spin-button {
380 | height: auto;
381 | }
382 |
383 | /**
384 | * 1. Correct the odd appearance in Chrome and Safari.
385 | * 2. Correct the outline style in Safari.
386 | */
387 |
388 | [type="search"] {
389 | -webkit-appearance: textfield; /* 1 */
390 | outline-offset: -2px; /* 2 */
391 | }
392 |
393 | /**
394 | * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
395 | */
396 |
397 | [type="search"]::-webkit-search-cancel-button,
398 | [type="search"]::-webkit-search-decoration {
399 | -webkit-appearance: none;
400 | }
401 |
402 | /**
403 | * 1. Correct the inability to style clickable types in iOS and Safari.
404 | * 2. Change font properties to `inherit` in Safari.
405 | */
406 |
407 | ::-webkit-file-upload-button {
408 | -webkit-appearance: button; /* 1 */
409 | font: inherit; /* 2 */
410 | }
411 |
412 | /* Interactive
413 | ========================================================================== */
414 |
415 | /*
416 | * Add the correct display in IE 9-.
417 | * 1. Add the correct display in Edge, IE, and Firefox.
418 | */
419 |
420 | details, /* 1 */
421 | menu {
422 | display: block;
423 | }
424 |
425 | /*
426 | * Add the correct display in all browsers.
427 | */
428 |
429 | summary {
430 | display: list-item;
431 | }
432 |
433 | /* Scripting
434 | ========================================================================== */
435 |
436 | /**
437 | * Add the correct display in IE 9-.
438 | */
439 |
440 | canvas {
441 | display: inline-block;
442 | }
443 |
444 | /**
445 | * Add the correct display in IE.
446 | */
447 |
448 | template {
449 | display: none;
450 | }
451 |
452 | /* Hidden
453 | ========================================================================== */
454 |
455 | /**
456 | * Add the correct display in IE 10-.
457 | */
458 |
459 | [hidden] {
460 | display: none;
461 | }
462 |
--------------------------------------------------------------------------------
/img/logo.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
19 |
46 |
56 |
58 |
59 |
61 | image/svg+xml
62 |
66 |
67 |
68 |
73 |
84 |
125 |
128 |
159 |
160 |
161 |
--------------------------------------------------------------------------------
/src/views/extensions/index.coffee:
--------------------------------------------------------------------------------
1 | db = sys.import '../db'
2 | util = sys.import '/util'
3 | {Gauge, Series, StackedPercentage} = sys.import '/chart'
4 | NavlistExpand = sys.import '../navlist'
5 | info = sys.import 'info'
6 | notFound = sys.import '../not-found'
7 | breadcrumbs = sys.import '../breadcrumbs'
8 |
9 | extensionLabel = (name) ->
10 | parts = name.split('_')
11 | parts.shift()
12 | return parts.join('_')
13 |
14 | exports.index = class Extensions
15 | constructor: (@filter, search) ->
16 | @webgl1 = []
17 | @webgl2 = []
18 |
19 | for name, meta of info
20 | if meta.status in ['ratified', 'community']
21 | if 1 in meta.versions
22 | @webgl1.push
23 | name: name
24 | label: extensionLabel(name)
25 | if 2 in meta.versions
26 | @webgl2.push
27 | name: name
28 | label: extensionLabel(name)
29 |
30 | @webgl1.sort (a,b) ->
31 | if a.label < b.label then return -1
32 | else if a.label > b.label then return 1
33 | else return 0
34 |
35 | @webgl2.sort (a,b) ->
36 | if a.label < b.label then return -1
37 | else if a.label > b.label then return 1
38 | else return 0
39 |
40 | @nav1 = new NavlistExpand('#extension-webgl1', 'webgl/extension', @webgl1)
41 | @nav2 = new NavlistExpand('#extension-webgl2', 'webgl2/extension', @webgl2)
42 |
43 | @buildSearch(search)
44 |
45 | buildSearch: (search) ->
46 | for entry in @webgl1
47 | @searchAdd search, 'webgl', 'webgl1', entry
48 | for entry in @webgl2
49 | @searchAdd search, 'webgl2', 'webgl2', entry
50 |
51 | searchAdd: (search, path, version, entry) ->
52 | meta = info[entry.name]
53 | search.add
54 | id: "/#{path}/extension/#{entry.name}"
55 | titles: [
56 | entry.label,
57 | entry.name,
58 | entry.name.replace(/_/g, ' ')
59 | ]
60 | body: meta.description
61 | extra: if meta.params? then meta.params.join(' ') else null
62 | type: "#{util.versionLabel(version)} Extension"
63 | gauge: =>
64 | @gauge(version, entry.name)
65 |
66 | breadcrumbs: (webglVersion, name) ->
67 | breadcrumbs [
68 | [util.versionLabel(webglVersion), "/#{util.versionPath(webglVersion)}"]
69 | 'Extension'
70 | [name, "/#{util.versionPath(webglVersion)}/extension/#{name}"]
71 | ]
72 |
73 | show: (webglVersion, name, pageload) ->
74 | meta = info[name]
75 |
76 | if not meta?
77 | return notFound()
78 |
79 | if meta.status not in ['ratified', 'community']
80 | return notFound()
81 |
82 | if ({webgl1:1, webgl2:2})[webglVersion] not in meta.versions
83 | return notFound()
84 |
85 | switch webglVersion
86 | when 'webgl1' then @nav1.activate(name, pageload)
87 | when 'webgl2' then @nav2.activate(name, pageload)
88 |
89 | @breadcrumbs(webglVersion, name)
90 |
91 | row = $('
')
92 | .addClass('row')
93 | .addClass('responsive')
94 | .appendTo('main')
95 |
96 | col = $('
')
97 | .appendTo(row)
98 |
99 | widget = $('
')
100 | .appendTo(col)
101 |
102 | $('
')
107 | .append(meta.description)
108 | .appendTo(widget)
109 |
110 | for version in meta.versions
111 | $('Specification ')
120 | .attr('href', 'https://www.khronos.org/registry/webgl/extensions/' + name)
121 | .appendTo(widget)
122 |
123 | col = $('
')
124 | .appendTo(row)
125 |
126 | widget = $('
')
127 | .appendTo(col)
128 |
129 | @day30view(webglVersion, name, widget)
130 |
131 | widget = $('
')
132 | .appendTo('main')
133 |
134 | @series(webglVersion, name)
135 | .appendTo(widget)
136 |
137 | if meta.params?
138 | for param in meta.params
139 | widget = $('
')
140 | .appendTo('main')
141 |
142 | $('
')
150 | .appendTo('main')
151 |
152 | $('
')
163 | .appendTo(flow)
164 |
165 | @gauge(webglVersion, entry.name)
166 | .appendTo(container)
167 |
168 | $('Support (30d) ')
292 | .appendTo(parent)
293 |
294 | row = $('
')
295 | .appendTo(parent)
296 |
297 | col = $('
')
298 | .appendTo(row)
299 |
300 | @gauge(webglVersion, name, 'large', 'All')
301 | .appendTo(col)
302 |
303 | smallCharts = $('
')
304 | .appendTo(row)
305 |
306 | row = $('
')
307 | .appendTo(smallCharts)
308 |
309 | col = $('
').appendTo(row)
310 | @gauge(webglVersion, name, 'small', 'Desktop', 'desktop').appendTo(col)
311 |
312 | col = $('
').appendTo(row)
313 | @gauge(webglVersion, name, 'small', 'Smartphone', 'smartphone').appendTo(col)
314 |
315 | row = $('
')
316 | .appendTo(smallCharts)
317 |
318 | col = $('
').appendTo(row)
319 | @gauge(webglVersion, name, 'small', 'Tablet', 'tablet').appendTo(col)
320 |
321 | col = $('
').appendTo(row)
322 | @gauge(webglVersion, name, 'small', 'Console', 'game_console').appendTo(col)
323 |
324 |
--------------------------------------------------------------------------------
/src/views/extensions/info.coffee:
--------------------------------------------------------------------------------
1 | exports.index =
2 | EXT_blend_minmax:
3 | description: '''
4 | This extension allows for a blending mode that uses the minimum or maximum of the incoming and present color.
5 | It is useful for medical imaging, volume rendering and general purpose computation on the gpu.
6 | '''
7 | status: 'ratified'
8 | versions: [1]
9 | WEBGL_color_buffer_float:
10 | description: '''
11 | This extension allows to render into a floating point texture.
12 | ASTC
26 | '''
27 | status: 'community'
28 | versions: [1,2]
29 | params: [
30 | {name:'supportedProfiles',nullable:true,type:'rel'}
31 | ]
32 | WEBGL_compressed_texture_atc:
33 | description: '''
34 | Offers compressed texture format support for ATC .
35 | ETC1 .
42 | Warning DO NOT USE. Often implemented in browsers by decompressing on the CPU and uploading full size to GPU with severe performance, vram and quality impacts. Fixed in Chrome 57 and Firefox ??.
44 | '''
45 | status: 'community'
46 | versions: [1,2]
47 | WEBGL_compressed_texture_pvrtc:
48 | description: '''
49 | Offers compressed texture format support for PVRTC .
50 | '''
51 | status: 'community'
52 | versions: [1,2]
53 | WEBGL_compressed_texture_s3tc:
54 | description: '''
55 | Offers compressed texture format support for S3TC .
56 | '''
57 | status: 'ratified'
58 | versions: [1,2]
59 | WEBGL_debug_renderer_info:
60 | description: '''
61 | Allows to query the GPU vendor and model.
62 | '''
63 | status: 'ratified'
64 | versions: [1,2]
65 | WEBGL_depth_texture:
66 | description: '''
67 | This extension offers the ability to create depth textures to attach to a framebuffer object.
68 | '''
69 | status: 'ratified'
70 | versions: [1]
71 | EXT_disjoint_timer_query:
72 | description: '''
73 | This extension offers support for querying the execution time of commands on the GPU.
74 | '''
75 | status: 'community'
76 | versions: [1,2]
77 | WEBGL_draw_buffers:
78 | description: '''
79 | This extension allows a framebuffer object to hold several
80 | textures to render to and a fragment shader to output to them selectively.
81 | multi render target (MRT) .
83 | '''
84 | params: [
85 | 'MAX_COLOR_ATTACHMENTS_WEBGL'
86 | 'MAX_DRAW_BUFFERS_WEBGL'
87 | ]
88 | status: 'ratified'
89 | versions: [1]
90 | OES_element_index_uint:
91 | description: '''
92 | This extension allows for vertex buffer array indicies to be 32-bit unsigned integers.
93 | '''
94 | status: 'ratified'
95 | versions: [1]
96 | EXT_frag_depth:
97 | description: '''
98 | This extension allows a fragment shader to write the depth of a fragment by assigning to the builtin gl_FragDepth.
99 | '''
100 | status: 'ratified'
101 | versions: [1]
102 | ANGLE_instanced_arrays:
103 | description: '''
104 | This extension offers the ability to repeat some vertex attributes, which can be used to render many instances of an object.
105 | Geometry Instancing .
107 | '''
108 | status: 'ratified'
109 | versions: [1]
110 | WEBGL_lose_context:
111 | description: '''
112 | This extension simulates a context loss and regain for testing purposes.
113 | '''
114 | status: 'ratified'
115 | versions: [1,2]
116 | EXT_sRGB:
117 | description: '''
118 | This extension offers a texture format with internal storage in sRGB.
119 | the importance of being linear ).
122 | Using this extension banding artifacts and incorrect blending outcomes can be avoided or mitgitated.
123 | '''
124 | status: 'community'
125 | versions: [1]
126 | EXT_shader_texture_lod:
127 | description: '''
128 | Allows a fragment shader to specify the LOD level using the texture[2D,2DProj,Cube]LodEXT functions. Alternatively also allows to specify S/T derivatives by using the texture[2D,2DProj,Cube]GradEXT functions.
129 | '''
130 | status: 'ratified'
131 | versions: [1]
132 | OES_standard_derivatives:
133 | description: '''
134 | This extension allows a fragment shader to obtain the derivatives of a value in regards to neighboring fragments.
135 | '''
136 | status: 'ratified'
137 | versions: [1]
138 | EXT_texture_filter_anisotropic:
139 | description: '''
140 | This extension allows anisotropic texture filtering .
141 | '''
142 | params: [
143 | 'MAX_TEXTURE_MAX_ANISOTROPY_EXT'
144 | ]
145 | status: 'ratified'
146 | versions: [1,2]
147 | OES_texture_float:
148 | description: '''
149 | Offers basic support for 32-bit floating point textures.
150 | '''
151 | status: 'ratified'
152 | versions: [1]
153 | OES_texture_float_linear:
154 | description: '''
155 | Offers the ability to linearly filter 32-bit floating point textures.
156 | '''
157 | status: 'ratified'
158 | versions: [1,2]
159 | OES_texture_half_float:
160 | description: '''
161 | Offers basic support for 16-bit floating point textures.
162 | '''
163 | status: 'ratified'
164 | versions: [1]
165 | OES_texture_half_float_linear:
166 | description: '''
167 | Offers the ability to linearly filter 16-bit floating point textures.
168 | '''
169 | status: 'ratified'
170 | versions: [1]
171 | OES_vertex_array_object:
172 | description: '''
173 | This extension provides a way to group vertex attribute pointer configurations into a vertex array object (VAO) for later use.
174 | '''
175 | status: 'ratified'
176 | versions: [1]
177 | WEBGL_compressed_texture_s3tc_srgb:
178 | description: '''
179 | '''
180 | status: 'draft'
181 | versions: [1,2]
182 | WEBGL_compressed_texture_etc:
183 | description: '''
184 | Offers compressed texture format support for ETC2 and EAC .
185 | Warning DO NOT USE. Often implemented in browsers by decompressing on the CPU and uploading full size to GPU with severe performance, vram and quality impacts. Fixed in Chrome 57 and Firefox ??.
187 | '''
188 | status: 'community'
189 | versions: [1,2]
190 | WEBGL_shared_resources:
191 | description: '''
192 | '''
193 | status: 'draft'
194 | versions: [1,2]
195 | WEBGL_security_sensitive_resources:
196 | description: '''
197 | '''
198 | status: 'draft'
199 | versions: [1,2]
200 | OES_EGL_image_external:
201 | description: '''
202 | '''
203 | status: 'proposal'
204 | versions: [1,2]
205 | WEBGL_debug:
206 | description: '''
207 | '''
208 | status: 'proposal'
209 | versions: [1,2]
210 | WEBGL_dynamic_texture:
211 | description: '''
212 | '''
213 | status: 'proposal'
214 | versions: [1,2]
215 | WEBGL_subarray_uploads:
216 | description: '''
217 | '''
218 | status: 'proposal'
219 | versions: [1,2]
220 | ###
221 | WEBGL_debug_shaders:
222 | description: '''
223 | '''
224 | status: 'ratified'
225 | versions: [1,2]
226 | ###
227 | EXT_color_buffer_float:
228 | description: '''
229 | This extension allows to render into a floating point texture.
230 | '''
231 | status: 'community'
232 | versions: [2]
233 | EXT_disjoint_timer_query_webgl2:
234 | description: '''
235 | This extension offers support for querying the execution time of commands on the GPU.
236 | '''
237 | status: 'community'
238 | versions: [2]
239 | WEBGL_get_buffer_sub_data_async:
240 | description: '''
241 | '''
242 | status: 'draft'
243 | versions: [2]
244 | EXT_float_blend:
245 | description: '''
246 | '''
247 | status: 'draft'
248 | versions: [2]
249 | EXT_clip_cull_distance:
250 | description: '''
251 | '''
252 | status: 'proposal'
253 | versions: [2]
254 | WEBGL_multiview:
255 | description: '''
256 | '''
257 | status: 'proposal'
258 | versions: [2]
259 | OES_fbo_render_mipmap:
260 | description: '''
261 | '''
262 | status: 'draft'
263 | versions: [1]
264 |
265 | webgl1only = '''
266 | OES_texture_float
267 | OES_texture_half_float
268 | OES_standard_derivatives
269 | OES_vertex_array_object
270 | WEBGL_depth_texture
271 | OES_element_index_uint
272 | EXT_frag_depth
273 | WEBGL_draw_buffers
274 | ANGLE_instanced_arrays
275 | OES_texture_half_float_linear
276 | EXT_blend_minmax
277 | EXT_shader_texture_lod
278 | EXT_color_buffer_half_float
279 | WEBGL_color_buffer_float
280 | EXT_sRGB
281 | OES_fbo_render_mipmap
282 | '''.trim().split('\n')
283 |
284 | webgl2only = '''
285 | EXT_color_buffer_float
286 | EXT_disjoint_timer_query_webgl2
287 | WEBGL_get_buffer_sub_data_async
288 | EXT_float_blend
289 | EXT_clip_cull_distance
290 | WEBGL_multiview
291 | '''.trim().split('\n')
292 |
293 | webgl12 = '''
294 | WEBGL_lose_context
295 | WEBGL_debug_renderer_info
296 | WEBGL_compressed_texture_s3tc
297 | WEBGL_compressed_texture_s3tc_srgb
298 | EXT_texture_filter_anisotropic
299 | OES_texture_float_linear
300 | WEBGL_compressed_texture_atc
301 | WEBGL_compressed_texture_pvrtc
302 | WEBGL_compressed_texture_etc1
303 | EXT_disjoint_timer_query
304 | WEBGL_compressed_texture_etc
305 | WEBGL_compressed_texture_astc
306 | WEBGL_shared_resources
307 | WEBGL_security_sensitive_resources
308 | OES_EGL_image_external
309 | WEBGL_debug
310 | WEBGL_dynamic_texture
311 | WEBGL_subarray_uploads
312 | WEBGL_debug_shaders
313 | '''.trim().split('\n')
314 |
315 | names = [
316 | 'blend_minmax'
317 | 'color_buffer_float'
318 | 'color_buffer_half_float'
319 | 'compressed_texture_astc'
320 | 'compressed_texture_atc'
321 | #'compressed_texture_es3' #was recently renamed
322 | 'compressed_texture_etc1'
323 | 'compressed_texture_pvrtc'
324 | 'compressed_texture_s3tc'
325 | 'debug_renderer_info'
326 | 'depth_texture'
327 | 'disjoint_timer_query'
328 | 'draw_buffers'
329 | 'element_index_uint'
330 | 'frag_depth'
331 | 'instanced_arrays'
332 | 'lose_context'
333 | 'sRGB'
334 | 'shader_texture_lod'
335 | 'standard_derivatives'
336 | 'texture_filter_anisotropic'
337 | 'texture_float'
338 | 'texture_float_linear'
339 | 'texture_half_float'
340 | 'texture_half_float_linear'
341 | 'vertex_array_object'
342 | ]
343 |
--------------------------------------------------------------------------------
/lib/lunr.min.js:
--------------------------------------------------------------------------------
1 | /**
2 | * lunr - http://lunrjs.com - A bit like Solr, but much smaller and not as bright - 0.7.2
3 | * Copyright (C) 2016 Oliver Nightingale
4 | * @license MIT
5 | */
6 | !function(){var t=function(e){var n=new t.Index;return n.pipeline.add(t.trimmer,t.stopWordFilter,t.stemmer),e&&e.call(n,n),n};t.version="0.7.2",t.utils={},t.utils.warn=function(t){return function(e){t.console&&console.warn&&console.warn(e)}}(this),t.utils.asString=function(t){return void 0===t||null===t?"":t.toString()},t.EventEmitter=function(){this.events={}},t.EventEmitter.prototype.addListener=function(){var t=Array.prototype.slice.call(arguments),e=t.pop(),n=t;if("function"!=typeof e)throw new TypeError("last argument must be a function");n.forEach(function(t){this.hasHandler(t)||(this.events[t]=[]),this.events[t].push(e)},this)},t.EventEmitter.prototype.removeListener=function(t,e){if(this.hasHandler(t)){var n=this.events[t].indexOf(e);this.events[t].splice(n,1),this.events[t].length||delete this.events[t]}},t.EventEmitter.prototype.emit=function(t){if(this.hasHandler(t)){var e=Array.prototype.slice.call(arguments,1);this.events[t].forEach(function(t){t.apply(void 0,e)})}},t.EventEmitter.prototype.hasHandler=function(t){return t in this.events},t.tokenizer=function(e){if(!arguments.length||null==e||void 0==e)return[];if(Array.isArray(e))return e.map(function(e){return t.utils.asString(e).toLowerCase()});var n=t.tokenizer.seperator||t.tokenizer.separator;return e.toString().trim().toLowerCase().split(n)},t.tokenizer.seperator=!1,t.tokenizer.separator=/[\s\-]+/,t.tokenizer.load=function(t){var e=this.registeredFunctions[t];if(!e)throw new Error("Cannot load un-registered function: "+t);return e},t.tokenizer.label="default",t.tokenizer.registeredFunctions={"default":t.tokenizer},t.tokenizer.registerFunction=function(e,n){n in this.registeredFunctions&&t.utils.warn("Overwriting existing tokenizer: "+n),e.label=n,this.registeredFunctions[n]=e},t.Pipeline=function(){this._stack=[]},t.Pipeline.registeredFunctions={},t.Pipeline.registerFunction=function(e,n){n in this.registeredFunctions&&t.utils.warn("Overwriting existing registered function: "+n),e.label=n,t.Pipeline.registeredFunctions[e.label]=e},t.Pipeline.warnIfFunctionNotRegistered=function(e){var n=e.label&&e.label in this.registeredFunctions;n||t.utils.warn("Function is not registered with pipeline. This may cause problems when serialising the index.\n",e)},t.Pipeline.load=function(e){var n=new t.Pipeline;return e.forEach(function(e){var i=t.Pipeline.registeredFunctions[e];if(!i)throw new Error("Cannot load un-registered function: "+e);n.add(i)}),n},t.Pipeline.prototype.add=function(){var e=Array.prototype.slice.call(arguments);e.forEach(function(e){t.Pipeline.warnIfFunctionNotRegistered(e),this._stack.push(e)},this)},t.Pipeline.prototype.after=function(e,n){t.Pipeline.warnIfFunctionNotRegistered(n);var i=this._stack.indexOf(e);if(-1==i)throw new Error("Cannot find existingFn");i+=1,this._stack.splice(i,0,n)},t.Pipeline.prototype.before=function(e,n){t.Pipeline.warnIfFunctionNotRegistered(n);var i=this._stack.indexOf(e);if(-1==i)throw new Error("Cannot find existingFn");this._stack.splice(i,0,n)},t.Pipeline.prototype.remove=function(t){var e=this._stack.indexOf(t);-1!=e&&this._stack.splice(e,1)},t.Pipeline.prototype.run=function(t){for(var e=[],n=t.length,i=this._stack.length,r=0;n>r;r++){for(var o=t[r],s=0;i>s&&(o=this._stack[s](o,r,t),void 0!==o&&""!==o);s++);void 0!==o&&""!==o&&e.push(o)}return e},t.Pipeline.prototype.reset=function(){this._stack=[]},t.Pipeline.prototype.toJSON=function(){return this._stack.map(function(e){return t.Pipeline.warnIfFunctionNotRegistered(e),e.label})},t.Vector=function(){this._magnitude=null,this.list=void 0,this.length=0},t.Vector.Node=function(t,e,n){this.idx=t,this.val=e,this.next=n},t.Vector.prototype.insert=function(e,n){this._magnitude=void 0;var i=this.list;if(!i)return this.list=new t.Vector.Node(e,n,i),this.length++;if(en.idx?n=n.next:(i+=e.val*n.val,e=e.next,n=n.next);return i},t.Vector.prototype.similarity=function(t){return this.dot(t)/(this.magnitude()*t.magnitude())},t.SortedSet=function(){this.length=0,this.elements=[]},t.SortedSet.load=function(t){var e=new this;return e.elements=t,e.length=t.length,e},t.SortedSet.prototype.add=function(){var t,e;for(t=0;t1;){if(o===t)return r;t>o&&(e=r),o>t&&(n=r),i=n-e,r=e+Math.floor(i/2),o=this.elements[r]}return o===t?r:-1},t.SortedSet.prototype.locationFor=function(t){for(var e=0,n=this.elements.length,i=n-e,r=e+Math.floor(i/2),o=this.elements[r];i>1;)t>o&&(e=r),o>t&&(n=r),i=n-e,r=e+Math.floor(i/2),o=this.elements[r];return o>t?r:t>o?r+1:void 0},t.SortedSet.prototype.intersect=function(e){for(var n=new t.SortedSet,i=0,r=0,o=this.length,s=e.length,a=this.elements,h=e.elements;;){if(i>o-1||r>s-1)break;a[i]!==h[r]?a[i]h[r]&&r++:(n.add(a[i]),i++,r++)}return n},t.SortedSet.prototype.clone=function(){var e=new t.SortedSet;return e.elements=this.toArray(),e.length=e.elements.length,e},t.SortedSet.prototype.union=function(t){var e,n,i;this.length>=t.length?(e=this,n=t):(e=t,n=this),i=e.clone();for(var r=0,o=n.toArray();rp;p++)c[p]===a&&d++;h+=d/f*l.boost}}this.tokenStore.add(a,{ref:o,tf:h})}n&&this.eventEmitter.emit("add",e,this)},t.Index.prototype.remove=function(t,e){var n=t[this._ref],e=void 0===e?!0:e;if(this.documentStore.has(n)){var i=this.documentStore.get(n);this.documentStore.remove(n),i.forEach(function(t){this.tokenStore.remove(t,n)},this),e&&this.eventEmitter.emit("remove",t,this)}},t.Index.prototype.update=function(t,e){var e=void 0===e?!0:e;this.remove(t,!1),this.add(t,!1),e&&this.eventEmitter.emit("update",t,this)},t.Index.prototype.idf=function(t){var e="@"+t;if(Object.prototype.hasOwnProperty.call(this._idfCache,e))return this._idfCache[e];var n=this.tokenStore.count(t),i=1;return n>0&&(i=1+Math.log(this.documentStore.length/n)),this._idfCache[e]=i},t.Index.prototype.search=function(e){var n=this.pipeline.run(this.tokenizerFn(e)),i=new t.Vector,r=[],o=this._fields.reduce(function(t,e){return t+e.boost},0),s=n.some(function(t){return this.tokenStore.has(t)},this);if(!s)return[];n.forEach(function(e,n,s){var a=1/s.length*this._fields.length*o,h=this,u=this.tokenStore.expand(e).reduce(function(n,r){var o=h.corpusTokens.indexOf(r),s=h.idf(r),u=1,l=new t.SortedSet;if(r!==e){var c=Math.max(3,r.length-e.length);u=1/Math.log(c)}o>-1&&i.insert(o,a*s*u);for(var f=h.tokenStore.get(r),d=Object.keys(f),p=d.length,v=0;p>v;v++)l.add(f[d[v]].ref);return n.union(l)},new t.SortedSet);r.push(u)},this);var a=r.reduce(function(t,e){return t.intersect(e)});return a.map(function(t){return{ref:t,score:i.similarity(this.documentVector(t))}},this).sort(function(t,e){return e.score-t.score})},t.Index.prototype.documentVector=function(e){for(var n=this.documentStore.get(e),i=n.length,r=new t.Vector,o=0;i>o;o++){var s=n.elements[o],a=this.tokenStore.get(s)[e].tf,h=this.idf(s);r.insert(this.corpusTokens.indexOf(s),a*h)}return r},t.Index.prototype.toJSON=function(){return{version:t.version,fields:this._fields,ref:this._ref,tokenizer:this.tokenizerFn.label,documentStore:this.documentStore.toJSON(),tokenStore:this.tokenStore.toJSON(),corpusTokens:this.corpusTokens.toJSON(),pipeline:this.pipeline.toJSON()}},t.Index.prototype.use=function(t){var e=Array.prototype.slice.call(arguments,1);e.unshift(this),t.apply(this,e)},t.Store=function(){this.store={},this.length=0},t.Store.load=function(e){var n=new this;return n.length=e.length,n.store=Object.keys(e.store).reduce(function(n,i){return n[i]=t.SortedSet.load(e.store[i]),n},{}),n},t.Store.prototype.set=function(t,e){this.has(t)||this.length++,this.store[t]=e},t.Store.prototype.get=function(t){return this.store[t]},t.Store.prototype.has=function(t){return t in this.store},t.Store.prototype.remove=function(t){this.has(t)&&(delete this.store[t],this.length--)},t.Store.prototype.toJSON=function(){return{store:this.store,length:this.length}},t.stemmer=function(){var t={ational:"ate",tional:"tion",enci:"ence",anci:"ance",izer:"ize",bli:"ble",alli:"al",entli:"ent",eli:"e",ousli:"ous",ization:"ize",ation:"ate",ator:"ate",alism:"al",iveness:"ive",fulness:"ful",ousness:"ous",aliti:"al",iviti:"ive",biliti:"ble",logi:"log"},e={icate:"ic",ative:"",alize:"al",iciti:"ic",ical:"ic",ful:"",ness:""},n="[^aeiou]",i="[aeiouy]",r=n+"[^aeiouy]*",o=i+"[aeiou]*",s="^("+r+")?"+o+r,a="^("+r+")?"+o+r+"("+o+")?$",h="^("+r+")?"+o+r+o+r,u="^("+r+")?"+i,l=new RegExp(s),c=new RegExp(h),f=new RegExp(a),d=new RegExp(u),p=/^(.+?)(ss|i)es$/,v=/^(.+?)([^s])s$/,g=/^(.+?)eed$/,m=/^(.+?)(ed|ing)$/,y=/.$/,S=/(at|bl|iz)$/,w=new RegExp("([^aeiouylsz])\\1$"),k=new RegExp("^"+r+i+"[^aeiouwxy]$"),x=/^(.+?[^aeiou])y$/,b=/^(.+?)(ational|tional|enci|anci|izer|bli|alli|entli|eli|ousli|ization|ation|ator|alism|iveness|fulness|ousness|aliti|iviti|biliti|logi)$/,E=/^(.+?)(icate|ative|alize|iciti|ical|ful|ness)$/,F=/^(.+?)(al|ance|ence|er|ic|able|ible|ant|ement|ment|ent|ou|ism|ate|iti|ous|ive|ize)$/,_=/^(.+?)(s|t)(ion)$/,z=/^(.+?)e$/,O=/ll$/,P=new RegExp("^"+r+i+"[^aeiouwxy]$"),T=function(n){var i,r,o,s,a,h,u;if(n.length<3)return n;if(o=n.substr(0,1),"y"==o&&(n=o.toUpperCase()+n.substr(1)),s=p,a=v,s.test(n)?n=n.replace(s,"$1$2"):a.test(n)&&(n=n.replace(a,"$1$2")),s=g,a=m,s.test(n)){var T=s.exec(n);s=l,s.test(T[1])&&(s=y,n=n.replace(s,""))}else if(a.test(n)){var T=a.exec(n);i=T[1],a=d,a.test(i)&&(n=i,a=S,h=w,u=k,a.test(n)?n+="e":h.test(n)?(s=y,n=n.replace(s,"")):u.test(n)&&(n+="e"))}if(s=x,s.test(n)){var T=s.exec(n);i=T[1],n=i+"i"}if(s=b,s.test(n)){var T=s.exec(n);i=T[1],r=T[2],s=l,s.test(i)&&(n=i+t[r])}if(s=E,s.test(n)){var T=s.exec(n);i=T[1],r=T[2],s=l,s.test(i)&&(n=i+e[r])}if(s=F,a=_,s.test(n)){var T=s.exec(n);i=T[1],s=c,s.test(i)&&(n=i)}else if(a.test(n)){var T=a.exec(n);i=T[1]+T[2],a=c,a.test(i)&&(n=i)}if(s=z,s.test(n)){var T=s.exec(n);i=T[1],s=c,a=f,h=P,(s.test(i)||a.test(i)&&!h.test(i))&&(n=i)}return s=O,a=c,s.test(n)&&a.test(n)&&(s=y,n=n.replace(s,"")),"y"==o&&(n=o.toLowerCase()+n.substr(1)),n};return T}(),t.Pipeline.registerFunction(t.stemmer,"stemmer"),t.generateStopWordFilter=function(t){var e=t.reduce(function(t,e){return t[e]=e,t},{});return function(t){return t&&e[t]!==t?t:void 0}},t.stopWordFilter=t.generateStopWordFilter(["a","able","about","across","after","all","almost","also","am","among","an","and","any","are","as","at","be","because","been","but","by","can","cannot","could","dear","did","do","does","either","else","ever","every","for","from","get","got","had","has","have","he","her","hers","him","his","how","however","i","if","in","into","is","it","its","just","least","let","like","likely","may","me","might","most","must","my","neither","no","nor","not","of","off","often","on","only","or","other","our","own","rather","said","say","says","she","should","since","so","some","than","that","the","their","them","then","there","these","they","this","tis","to","too","twas","us","wants","was","we","were","what","when","where","which","while","who","whom","why","will","with","would","yet","you","your"]),t.Pipeline.registerFunction(t.stopWordFilter,"stopWordFilter"),t.trimmer=function(t){return t.replace(/^\W+/,"").replace(/\W+$/,"")},t.Pipeline.registerFunction(t.trimmer,"trimmer"),t.TokenStore=function(){this.root={docs:{}},this.length=0},t.TokenStore.load=function(t){var e=new this;return e.root=t.root,e.length=t.length,e},t.TokenStore.prototype.add=function(t,e,n){var n=n||this.root,i=t.charAt(0),r=t.slice(1);return i in n||(n[i]={docs:{}}),0===r.length?(n[i].docs[e.ref]=e,void(this.length+=1)):this.add(r,e,n[i])},t.TokenStore.prototype.has=function(t){if(!t)return!1;for(var e=this.root,n=0;n
29 | return Math.round(a*(1-f) + b*f).toFixed(0)
30 |
31 | interpolateColors = (f, stops) ->
32 | c0 = Math.min(Math.floor(f*2), 1)
33 | c1 = c0+1
34 | f = (f%0.5)*2
35 | c0 = stops[c0]
36 | c1 = stops[c1]
37 |
38 | r = mix(c0[0], c1[0], f)
39 | g = mix(c0[1], c1[1], f)
40 | b = mix(c0[2], c1[2], f)
41 |
42 | return [r,g,b]
43 |
44 | class Table
45 | constructor: (parent) ->
46 | @table = $('')
47 | .appendTo(parent)
48 | thead = $('Value %
')
500 | @chart = new Chart(@elem)
501 | @table = new Table(@elem)
502 | @overlay = new Overlay(@elem, @chart, @table)
503 |
504 | update: (params) ->
505 | @chart.update(params)
506 | @table.fill(@chart.areaLabels, params)
507 | @overlay.updateTable(1)
508 |
--------------------------------------------------------------------------------
/src/views/parameters.coffee:
--------------------------------------------------------------------------------
1 | db = sys.import 'db'
2 | util = sys.import '/util'
3 | NavlistExpand = sys.import 'navlist'
4 | {StackedPercentage, Bar} = sys.import '/chart'
5 | notFound = sys.import 'not-found'
6 | breadcrumbs = sys.import 'breadcrumbs'
7 |
8 | info =
9 | ALIASED_LINE_WIDTH_RANGE:
10 | description: '''
11 | The maximum thickness of line that can be rendered.
12 | '''
13 | versions: [1,2]
14 | ALIASED_POINT_SIZE_RANGE:
15 | description: '''
16 | The maximum size of point that can be rendered.
17 | '''
18 | versions: [1,2]
19 | DEPTH_BITS:
20 | description: '''
21 | The number of bits for the default depthbuffer. Bits may differ in case of rendering to a framebuffer object.
22 | '''
23 | versions: [1,2]
24 | MAX_COMBINED_TEXTURE_IMAGE_UNITS:
25 | description: '''
26 | The maximum number of texture units that can be used.
27 | If a unit is used by both vertex and fragment shader, this counts as two units against this limit.
28 | '''
29 | versions: [1,2]
30 | MAX_CUBE_MAP_TEXTURE_SIZE:
31 | description: '''
32 | The maximum size of any side of a cubemap.
33 | '''
34 | versions: [1,2]
35 | MAX_FRAGMENT_UNIFORM_VECTORS:
36 | description: '''
37 | The maximum number of 4-element vectors that can be passed as uniform to the vertex shader. All uniforms are 4-element aligned, a single uniform counts at least as one 4-element vector.
38 | '''
39 | versions: [1,2]
40 | MAX_RENDERBUFFER_SIZE:
41 | description: '''
42 | The largest renderbuffer that can be used. This limit indicates the maximum usable canvas size as well as the maximum usable framebuffer object attached renderbuffer or texture size.
43 | '''
44 | versions: [1,2]
45 | MAX_TEXTURE_IMAGE_UNITS:
46 | description: '''
47 | The maxium number of texture units that can be used in a fragment shader.
48 | '''
49 | versions: [1,2]
50 | MAX_TEXTURE_SIZE:
51 | description: '''
52 | The largest texture size (either width or height) that can be created. Note that VRAM may not allow a texture of any given size, it just expresses hardware/driver support for a given size.
53 | '''
54 | versions: [1,2]
55 | MAX_VARYING_VECTORS:
56 | description: '''
57 | The maximum number of 4-element vectors that can be used as varyings. Each varying counts as at least one 4-element vector.
58 | '''
59 | versions: [1,2]
60 | MAX_VERTEX_ATTRIBS:
61 | description: '''
62 | The maximum number of 4-element vectors that can be used as attributes to a vertex shader. Each attribute counts as at least one 4-element vector.
63 | '''
64 | versions: [1,2]
65 | MAX_VERTEX_TEXTURE_IMAGE_UNITS:
66 | description: '''
67 | The maximum number of texture units that can be used by a vertex shader. The value may be 0 which indicates no vertex shader texturing support.
68 | '''
69 | versions: [1,2]
70 | MAX_VERTEX_UNIFORM_VECTORS:
71 | description: '''
72 | The maximum number of 4-element vectors that can be passed as uniform to a vertex shader. All uniforms are 4-element aligned, a single uniform counts at least as one 4-element vector.
73 | '''
74 | versions: [1,2]
75 | MAX_VIEWPORT_DIMS:
76 | description: '''
77 | The maximum viewport dimension (either width or height), that the viewport can be set to.
78 | '''
79 | versions: [1,2]
80 | SAMPLES:
81 | description: '''
82 | Indicates the coverage mask of the default framebuffer. This value affects anti-aliasing and depth to coverage. For instance a value of 4 would indicate a 4x4 mask.
83 | '''
84 | versions: [1,2]
85 | SAMPLE_BUFFERS:
86 | description: '''
87 | Indicates if a sample buffer is associated with the default framebuffer, this indicates support for anti-aliasing and alpha to coverage support.
88 | '''
89 | versions: [1,2]
90 | STENCIL_BITS:
91 | description: '''
92 | The number of bits of the default framebuffer usable for stenciling.
93 | '''
94 | versions: [1,2]
95 | SUBPIXEL_BITS:
96 | description: '''
97 | The bit-precision used to position primitives in window coordinates.
98 | '''
99 | versions: [1,2]
100 | MAX_3D_TEXTURE_SIZE:
101 | description: '''
102 | The largest 3D texture size (width, height or depth) that can be created. Note that VRAM may not allow a texture of any given size, it just expresses hardware/driver support for a given size.
103 | '''
104 | versions: [2]
105 | MAX_ARRAY_TEXTURE_LAYERS:
106 | description: '''
107 | The maximum amount of texture layers an array texture can hold.
108 | '''
109 | versions: [2]
110 | MAX_COLOR_ATTACHMENTS:
111 | description: '''
112 | The maximum number of color attachments that a framebuffer object supports.
113 | '''
114 | versions: [2]
115 | MAX_COMBINED_FRAGMENT_UNIFORM_COMPONENTS:
116 | description: '''
117 | The maximum amount 4-byte components allowable in fragment shader uniform blocks.
118 | '''
119 | versions: [2]
120 | MAX_COMBINED_UNIFORM_BLOCKS:
121 | description: '''
122 | The maximum amount of uniform blocks allowed per program.
123 | '''
124 | versions: [2]
125 | MAX_COMBINED_VERTEX_UNIFORM_COMPONENTS:
126 | description: '''
127 | The maximum of of 4-byte components allowable in vertex shader uniform blocks.
128 | '''
129 | versions: [2]
130 | MAX_DRAW_BUFFERS:
131 | description: '''
132 | The maximum amount of simultaneous outputs that may be written in a fragment shader. This is used for multi render targets (MRT) .
133 | '''
134 | versions: [2]
135 | MAX_ELEMENT_INDEX:
136 | description: '''
137 | The maximum index value usable for an indexed vertex array.
138 | '''
139 | versions: [2]
140 | MAX_ELEMENTS_INDICES:
141 | description: '''
142 | The maximum amount of indices that can be used with an indexed vertex array.
143 | '''
144 | versions: [2]
145 | MAX_ELEMENTS_VERTICES:
146 | description: '''
147 | The maximum amount of vertex array vertices that's recommended.
148 | '''
149 | versions: [2]
150 | MAX_FRAGMENT_INPUT_COMPONENTS:
151 | description: '''
152 | The maximum amount of inputs for a fragment shader.
153 | '''
154 | versions: [2]
155 | MAX_FRAGMENT_UNIFORM_BLOCKS:
156 | description: '''
157 | The maximum amount of uniform blocks alowable for a fragment shader.
158 | '''
159 | versions: [2]
160 | MAX_FRAGMENT_UNIFORM_COMPONENTS:
161 | description: '''
162 | The maximum amount of of floats, integers or bools that can be in uniform storage for fragment shaders.
163 | '''
164 | versions: [2]
165 | MAX_PROGRAM_TEXEL_OFFSET:
166 | description: '''
167 | The maximum alowable texel offset in texture lookups.
168 | '''
169 | versions: [2]
170 | MAX_SAMPLES:
171 | description: '''
172 | Idicates the maximum supported size for multisampling. For instance 4 would indicate a maximum size of 4x4 MSAA .
173 | '''
174 | versions: [2]
175 | MAX_SERVER_WAIT_TIMEOUT:
176 | description: '''
177 | The maximum glWaitSync timeout interval.
178 | '''
179 | versions: [2]
180 | MAX_TEXTURE_LOD_BIAS:
181 | description: '''
182 | The maximum supported texture lookup LOD bias.
183 | '''
184 | versions: [2]
185 | MAX_TRANSFORM_FEEDBACK_INTERLEAVED_COMPONENTS:
186 | description: '''
187 | The maximum number of components writable in interleaved feedback buffer mode.
188 | '''
189 | versions: [2]
190 | MAX_TRANSFORM_FEEDBACK_SEPARATE_ATTRIBS:
191 | description: '''
192 | The maximum number of attributes or outputs which is supported for capture in separate transform feedback mode.
193 | '''
194 | versions: [2]
195 | MAX_TRANSFORM_FEEDBACK_SEPARATE_COMPONENTS:
196 | description: '''
197 | The maximum number of components per attribute which is supported in separate transform feedback mode.
198 | '''
199 | versions: [2]
200 | MAX_UNIFORM_BLOCK_SIZE:
201 | description: '''
202 | The maximum size of a uniform block in 4-byte units.
203 | '''
204 | versions: [2]
205 | MAX_UNIFORM_BUFFER_BINDINGS:
206 | description: '''
207 | The maximum number of simultaneously usable uniform blocks.
208 | '''
209 | versions: [2]
210 | MAX_VARYING_COMPONENTS:
211 | description: '''
212 | The maximum number of 4-component vectors usable for varyings.
213 | '''
214 | versions: [2]
215 | MAX_VERTEX_OUTPUT_COMPONENTS:
216 | description: '''
217 | The maximum number of 4-component vectors that a vertex shader can write.
218 | '''
219 | versions: [2]
220 | MAX_VERTEX_UNIFORM_BLOCKS:
221 | description: '''
222 | The maximum number of uniform blocks per vertex shader.
223 | '''
224 | versions: [2]
225 | MAX_VERTEX_UNIFORM_COMPONENTS:
226 | description: '''
227 | The maximum number of floats, integers or booleans that can be in storage for a vertex shader.
228 | '''
229 | versions: [2]
230 | MIN_PROGRAM_TEXEL_OFFSET:
231 | description: '''
232 | The minimum texel offset for texture lookups.
233 | '''
234 | versions: [2]
235 |
236 | fieldNames =
237 | MAX_VIEWPORT_DIMS: 'MAX_VIEWPORT_DIMS.width'
238 | ALIASED_LINE_WIDTH_RANGE: 'ALIASED_LINE_WIDTH_RANGE.max'
239 | ALIASED_POINT_SIZE_RANGE: 'ALIASED_POINT_SIZE_RANGE.max'
240 |
241 | exports.index = class Parameters
242 | constructor: (@filter, search) ->
243 | @webgl1 = []
244 | @webgl2 = []
245 |
246 | for name, entry of info
247 | if 1 in entry.versions
248 | @webgl1.push
249 | name: name
250 | label: name
251 | if 2 in entry.versions
252 | @webgl2.push
253 | name: name
254 | label: name
255 |
256 | @webgl1.sort (a,b) ->
257 | if a.label < b.label then return -1
258 | else if a.label > b.label then return 1
259 | else return 0
260 |
261 | @webgl2.sort (a,b) ->
262 | if a.label < b.label then return -1
263 | else if a.label > b.label then return 1
264 | else return 0
265 |
266 | @nav1 = new NavlistExpand('#parameter-webgl1', 'webgl/parameter', @webgl1)
267 | @nav2 = new NavlistExpand('#parameter-webgl2', 'webgl2/parameter', @webgl2)
268 |
269 | @buildSearch(search)
270 |
271 | buildSearch: (search) ->
272 | for entry in @webgl1
273 | @searchAdd search, 'webgl', 'webgl1', entry.name
274 | for entry in @webgl2
275 | @searchAdd search, 'webgl2', 'webgl2', entry.name
276 |
277 | searchAdd: (search, path, version, name) ->
278 | search.add
279 | id: "/#{path}/parameter/#{name}"
280 | titles: [
281 | name
282 | name.replace(/_/g, ' ')
283 | ]
284 | body: info[name].description
285 | type: "#{util.versionLabel(version)} Parameter"
286 |
287 | breadcrumbs: (webglVersion, name) ->
288 | breadcrumbs [
289 | [util.versionLabel(webglVersion), "/#{util.versionPath(webglVersion)}"]
290 | 'Parameter'
291 | [name, "/#{util.versionPath(webglVersion)}/parameter/#{name}"]
292 | ]
293 |
294 | show: (webglVersion, name, pageload) ->
295 | meta = info[name]
296 |
297 | if not meta?
298 | return notFound()
299 |
300 | switch webglVersion
301 | when 'webgl1' then @nav1.activate(name, pageload)
302 | when 'webgl2' then @nav2.activate(name, pageload)
303 |
304 | @breadcrumbs webglVersion, name
305 |
306 | row = $('
')
307 | .appendTo('main')
308 |
309 | col = $('
')
310 | .appendTo(row)
311 |
312 | widget = $('
')
313 | .appendTo(col)
314 |
315 | $('
')
320 | .append(meta.description)
321 | .appendTo(widget)
322 |
323 | for version in meta.versions
324 | $('
')
329 | .appendTo(row)
330 |
331 | widget = $('
')
332 | .appendTo(col)
333 |
334 | $('Support (30d) ')
335 | .appendTo(widget)
336 |
337 | @barchart(webglVersion, name).appendTo(widget)
338 |
339 | full = $('
')
340 | .appendTo('main')
341 |
342 | @series(webglVersion, name).appendTo(full)
343 |
344 | overview: (webglVersion) ->
345 | flow = $('
')
346 | .appendTo('main')
347 |
348 | $('Parameters ')
349 | .appendTo(flow)
350 |
351 | if webglVersion == 'webgl1'
352 | collection = @webgl1
353 | else if webglVersion == 'webgl2'
354 | collection = @webgl2
355 |
356 | for entry in collection
357 | container = $('
')
358 | .appendTo(flow)
359 |
360 | @chart(webglVersion, entry.name).appendTo(container)
361 |
362 | $('
')
456 |
457 | db.execute
458 | query:
459 | db: webglVersion
460 | filterBy:
461 | webgl:true
462 | bucketBy:fieldName
463 | start: -30
464 | success: (result) ->
465 | values = result.values
466 | keys = result.keys
467 | if not keys[0]?
468 | values.shift()
469 | keys.shift()
470 |
471 | container.sparkline values,
472 | type:'bar'
473 | chartRangeMin:0
474 | height:100
475 | barWidth: 8
476 | #width: 100
477 | tooltipFormatter: (sparkline, options, fields) ->
478 | offset = fields[0].offset
479 | value = fields[0].value
480 | label = result.keys[offset]
481 | return "#{label} - #{(value*100/result.total).toFixed(0)}% "
482 |
483 | return container
484 |
--------------------------------------------------------------------------------
119 | 
120 |
121 | 
31 | 
32 | 
33 |