@lightningjs/blits 0.6.2 → 0.6.4

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+# v0.6.4
+
+_15 jan 2024_
+
+- Added fix for sprites not working on certain devices
+
+# v0.6.3
+
+_12 jan 2024_
+
+- Removed prepending protocol and host from sprite image
+
+
 # v0.6.2
 
 _12 jan 2024_

package/boilerplate/package.json

@@ -31,6 +31,6 @@
     "vite": "^4.0.4"
   },
   "dependencies": {
-    "@lightningjs/blits": "^0.6.2"
+    "@lightningjs/blits": "^0.6.4"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightningjs/blits",
-  "version": "0.6.2",
+  "version": "0.6.4",
   "description": "Blits: The Lightning 3 App Development Framework",
   "bin": "bin/index.cjs",
   "exports": {

package/src/components/Sprite.js

@@ -22,7 +22,7 @@ import symbols from '../lib/symbols.js'
 export default () =>
   Component('Sprite', {
     template: `
-      <Element w="$w" h="$h" color="#fff" :texture="$texture" />
+      <Element w="$w" h="$h" :texture="$texture" />
     `,
     props: ['image', 'map', 'frame', 'w', 'h'],
     state() {
@@ -32,10 +32,9 @@ export default () =>
     },
     computed: {
       texture() {
-        console.log('texture')
         const options =
           'frames' in this.map
-            ? { ...(this.map.defaults || {}), ...this.map.frames[this.frame] }
+            ? Object.assign({}, this.map.defaults || {}, this.map.frames[this.frame])
             : this.map[this.frame]
 
         if (this.spriteTexture && options) {
@@ -51,9 +50,8 @@ export default () =>
     },
     hooks: {
       ready() {
-        console.log('sprite!')
         this.spriteTexture = this[symbols.renderer].createTexture('ImageTexture', {
-          src: `${window.location.protocol}//${window.location.host}/${this.image}`,
+          src: this.image,
         })
       },
     },

package/src/element.js

@@ -119,6 +119,9 @@ const Props = {
   },
   set texture(v) {
     this._props.texture = v
+    if (!this._set.has('color')) {
+      this._props.color = 0xffffffff
+    }
     this._set.add('texture')
   },
   set mount(v) {
@@ -263,6 +266,7 @@ const Element = {
         return this.animate(p, v, value.transition)
       } else {
         this.node[p] = v
+        console.log('set it', this.node[p], v)
       }
     }
   },