upload some more assets

Author: spearwolf

apps/lookbook/public/assets/fire-particles.json

@@ -0,0 +1,92 @@
+{"frames": {
+
+"fire0":
+{
+	"frame": {"x":193,"y":164,"w":52,"h":45},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":52,"h":45},
+	"sourceSize": {"w":52,"h":45}
+},
+"fire1":
+{
+	"frame": {"x":4,"y":101,"w":66,"h":50},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":66,"h":50},
+	"sourceSize": {"w":66,"h":50}
+},
+"fire2":
+{
+	"frame": {"x":4,"y":4,"w":124,"h":89},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":124,"h":89},
+	"sourceSize": {"w":124,"h":89}
+},
+"fire3":
+{
+	"frame": {"x":65,"y":159,"w":57,"h":49},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":57,"h":49},
+	"sourceSize": {"w":57,"h":49}
+},
+"fire4":
+{
+	"frame": {"x":4,"y":159,"w":53,"h":51},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":53,"h":51},
+	"sourceSize": {"w":53,"h":51}
+},
+"fire5":
+{
+	"frame": {"x":193,"y":108,"w":52,"h":48},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":52,"h":48},
+	"sourceSize": {"w":52,"h":48}
+},
+"fire6":
+{
+	"frame": {"x":130,"y":108,"w":55,"h":49},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":55,"h":49},
+	"sourceSize": {"w":55,"h":49}
+},
+"fire7":
+{
+	"frame": {"x":78,"y":101,"w":41,"h":42},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":41,"h":42},
+	"sourceSize": {"w":41,"h":42}
+},
+"fire8":
+{
+	"frame": {"x":65,"y":216,"w":40,"h":36},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":40,"h":36},
+	"sourceSize": {"w":40,"h":36}
+},
+"fire9":
+{
+	"frame": {"x":136,"y":4,"w":74,"h":96},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":74,"h":96},
+	"sourceSize": {"w":74,"h":96}
+}},
+"meta": {
+	"app": "https://www.codeandweb.com/texturepacker",
+	"version": "1.0",
+	"image": "fire-particles.png",
+	"format": "RGBA8888",
+	"size": {"w":256,"h":256},
+	"scale": "1",
+	"smartupdate": "$TexturePacker:SmartUpdate:9ed67d32a3a6bac6db412a4766b4c7fc:bc1d0bd9f15ae569400efc5458ffb3db:324cc069c0254edb65d22818e8b7c8f4$"
+}
+}

apps/lookbook/public/assets/fire-particles.png

@@ -0,0 +1,44 @@
+{"frames": {
+
+"glaskugel-256x-0":
+{
+	"frame": {"x":0,"y":0,"w":256,"h":256},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":256,"h":256},
+	"sourceSize": {"w":256,"h":256}
+},
+"glaskugel-256x-1":
+{
+	"frame": {"x":256,"y":0,"w":256,"h":256},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":256,"h":256},
+	"sourceSize": {"w":256,"h":256}
+},
+"glaskugel-256x-2":
+{
+	"frame": {"x":512,"y":0,"w":256,"h":256},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":256,"h":256},
+	"sourceSize": {"w":256,"h":256}
+},
+"glaskugel-256x-3":
+{
+	"frame": {"x":768,"y":0,"w":256,"h":256},
+	"rotated": false,
+	"trimmed": false,
+	"spriteSourceSize": {"x":0,"y":0,"w":256,"h":256},
+	"sourceSize": {"w":256,"h":256}
+}},
+"meta": {
+	"app": "https://www.codeandweb.com/texturepacker",
+	"version": "1.0",
+	"image": "glaskugeln-2-256x.png",
+	"format": "RGBA8888",
+	"size": {"w":1024,"h":256},
+	"scale": "1",
+	"smartupdate": "$TexturePacker:SmartUpdate:50d91f814e56d0ec11117db5d7770e04:801c510215c36a1eac2762becfede9bd:5c430ced45f39aa626d5587c6d3bdbff$"
+}
+}

apps/lookbook/public/assets/glaskugeln-2-256x.png

@@ -15,8 +15,8 @@ import {title} from './_display-minimal.json';
   const canvas = document.getElementById('twopoint5d')!;
   const display = new Display(canvas);
 
-  const width = 197;
-  const height = 205;
+  const width = 2288;
+  const height = 3264;
 
   const stage = new Stage2D(
     new ParallaxProjection('xy|bottom-left', {
@@ -25,13 +25,15 @@ import {title} from './_display-minimal.json';
       fit: 'contain',
     }),
   );
+  
+  stage.scene.background = new Color('#272727');
 
   (window as any).display = display;
   (window as any).stage = stage;
 
   const textureFactory = new TextureFactory(display.renderer, ['nearest', 'flipy', 'srgb']);
 
-  const textureImage = textureFactory.load(assetsUrl('ball-pattern-rot--not-power-of-2.png'));
+  const textureImage = textureFactory.load(assetsUrl('xtc_design_spw96.png'));
 
   const material = new SpriteMaterial({map: textureImage});
   const sprite = new Sprite(material);