Skip to content

Commit 3c353ba

Browse files
Added Retina support, moved demos to Pixi v3
1 parent 33a7948 commit 3c353ba

16 files changed

+8401
-8410
lines changed

bower.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
"tests"
1313
],
1414
"dependencies": {
15-
"pixi": "~2.2.9",
15+
"pixi": "~3.0.7",
1616
"webcomponents.js": "~0.5.5",
1717
"promise-polyfill": "~2.0.0",
1818
"jquery": "~2.1.3",

demo/advanced-content-webgl.html

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -172,7 +172,16 @@ <h1>SLIDER BELOW IS RENDERED IN WEBGL, DRAG IT</h1>
172172
</html-gl>
173173
</section>
174174
</div>
175-
<script src="../dist/htmlgl.js"></script>
175+
<script src="../bower_components/promise-polyfill/Promise.min.js"></script>
176+
<script src="../bower_components/webcomponents.js/CustomElements.min.js"></script>
177+
<script src="./js/vendor/velocity.js"></script>
178+
<script src="../../html2canvas/dist/html2canvas.js"></script>
179+
<script src="../bower_components/pixi/bin/pixi.js"></script>
180+
<script src="../src/util.js"></script>
181+
<script src="../src/gl-element-resolver.js"></script>
182+
<script src="../src/gl-context.js"></script>
183+
<script src="../src/images-loaded.js"></script>
184+
<script src="../src/gl-element.js"></script>
176185
<script src="./js/slider.js"></script>
177186
<script>
178187
window.addEventListener('load', function () {

demo/basic-webgl.html

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,18 +3,8 @@
33
<head lang="en">
44
<meta charset="UTF-8">
55
<title>HTML GL demo</title>
6-
<script src="../bower_components/promise-polyfill/Promise.min.js"></script>
7-
<script src="../bower_components/webcomponents.js/CustomElements.min.js"></script>
8-
<script src="./js/vendor/velocity.js"></script>
9-
<script src="./js/vendor/html2canvas.js"></script>
10-
<script src="../bower_components/pixi/bin/pixi.dev.js"></script>
11-
<script src="../src/util.js"></script>
12-
<script src="../src/gl-element-resolver.js"></script>
13-
<script src="../src/gl-context.js"></script>
14-
<script src="../src/images-loaded.js"></script>
15-
<script src="../src/gl-element.js"></script>
166
</head>
17-
<body>
7+
<body style="height: 1024px;">
188
<h1>HTML GL demo</h1>
199
<html-gl>
2010
This layer is rendered in <h1>WebGL</h1> <span style="color: red;">because</span> it have tag name <b>html-gl</b>
@@ -28,6 +18,16 @@ <h2>
2818
<ul>
2919
<li>Add retina support in order to avoid blurry content</li>
3020
</ul>
21+
<script src="../bower_components/promise-polyfill/Promise.min.js"></script>
22+
<script src="../bower_components/webcomponents.js/CustomElements.min.js"></script>
23+
<script src="./js/vendor/velocity.js"></script>
24+
<script src="../../html2canvas/dist/html2canvas.js"></script>
25+
<script src="../bower_components/pixi/bin/pixi.js"></script>
26+
<script src="../src/util.js"></script>
27+
<script src="../src/gl-element-resolver.js"></script>
28+
<script src="../src/gl-context.js"></script>
29+
<script src="../src/images-loaded.js"></script>
30+
<script src="../src/gl-element.js"></script>
3131
<script>
3232
window.changeNodeContent = function () {
3333
document.getElementsByTagName('html-gl')[0].textContent = 'Animation was smooth, was not it? This is a new content. It is still visible in dev tools, affects HTML layout and is rendered via WebGL.';

0 commit comments

Comments
 (0)