safex-webgl 1.0.2 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "safex-webgl",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,6 +11,16 @@
       "types": "./dist/*/index.d.ts"
     }
   },
+  "keywords": [
+    "cocos",
+    "safex",
+    "safe-engine",
+    "game",
+    "2d"
+  ],
+  "repository": {
+    "url": "https://github.com/Safe-engine/safex-webgl"
+  },
   "scripts": {
     "dev": "vite",
     "compile": "tsc",

package/test/ActionScene.ts

@@ -1,15 +0,0 @@
-import { view } from '../src'
-import { moveBy } from '../src/actions'
-import { Scene, Sprite } from '../src/core'
-import { p } from '../src/core/cocoa/Geometry'
-
-export class ActionScene extends Scene {
-  onEnter() {
-    super.onEnter()
-    const sprite = new Sprite('button_plus.png')
-    sprite.setPosition(view.getDesignResolutionSize().width / 2, view.getDesignResolutionSize().height / 2)
-    this.addChild(sprite)
-    const moveAction = moveBy(5, p(100, 600))
-    sprite.runAction(moveAction)
-  }
-}

package/test/DemoScene.ts

@@ -1,108 +0,0 @@
-import {
-  ClippingNode,
-  Color,
-  FontDefinition,
-  LabelTTF,
-  Rect,
-  Scene,
-  Sprite,
-  Vec2,
-  audioEngine,
-  director,
-  loader,
-  spriteFrameCache,
-  view,
-} from '../src'
-import { MotionStreak } from '../src/motion-streak'
-import { ProgressTimer } from '../src/progress-timer'
-import { Button, RichElementText, RichText, Scale9Sprite, Slider, Text } from '../src/ui'
-
-export class DemoScene extends Scene {
-  declare streak: MotionStreak
-  constructor() {
-    super()
-    console.log('BootScene constructor')
-    const motionStreak = new MotionStreak(1, 32, 13, Color.GREEN, 'particle.png')
-    motionStreak.setPosition(300, 400)
-    this.addChild(motionStreak)
-    this.streak = motionStreak
-    this.scheduleUpdate()
-  }
-  onEnter() {
-    super.onEnter()
-    loader.load(['button.png', 'sliderThumb.png', 'ui.plist', 'ui.png'], (err: any, resources: any) => {
-      if (err) {
-        console.error('Failed to load image', err)
-        return
-      }
-      console.log('Resources loaded', resources)
-      spriteFrameCache.addSpriteFrames('ui.plist', 'ui.png')
-      const sprite9 = new Scale9Sprite('button.png', Rect(10, 10, 20, 20))
-      sprite9.setContentSize(200, 234)
-      sprite9.setPosition(300, 900)
-      this.addChild(sprite9)
-      const sprite = new Sprite('button.png')
-      const sprite2 = new Sprite('button_plus.png')
-      const frame = spriteFrameCache.getSpriteFrame('ui/buttons/back')
-      const sprite3 = new Sprite(frame)
-      sprite2.setPosition(85, 226)
-      sprite3.setPosition(100, 200)
-      this.addChild(sprite3)
-      const mask = new ClippingNode(sprite3)
-      sprite2.setPosition(85, 226)
-      mask.setPosition(100, 200)
-      this.addChild(mask)
-      const timer = new ProgressTimer(sprite)
-      this.addChild(timer)
-      timer.setPercentage(60)
-      timer.setPosition(view.getDesignResolutionSize().width / 2, view.getDesignResolutionSize().height / 2)
-      timer.addChild(sprite2)
-      // console.log('sprite onEnter', timer)
-      timer.setType(ProgressTimer.TYPE_BAR)
-      timer.setMidpoint(Vec2(0, 0))
-      timer.setBarChangeRate(Vec2(1, 0))
-      const label = new LabelTTF('Hello World', 'Arial', 24)
-      label.setPosition(300, 200)
-      this.addChild(label)
-      const text = new Text('From Têxt', 'Arial', 24)
-      text.setPosition(500, 200)
-      this.addChild(text)
-      const rt = new RichText()
-      const fontDefinition = new FontDefinition()
-      fontDefinition.strokeEnabled = true
-      fontDefinition.strokeStyle = Color.GREEN
-      fontDefinition.lineWidth = 3
-      fontDefinition.fontName = 'Arial'
-      fontDefinition.fontSize = 48
-      const rtet = new RichElementText(1, fontDefinition, 255, 'rick text')
-      rt.pushBackElement(rtet)
-      rt.setPosition(200, 300)
-      this.addChild(rt)
-      const button = new Button('button.png')
-      button.setPosition(400, 300)
-      button.setTitleText('Click Me')
-      this.addChild(button)
-      button.addClickEventListener(() => {
-        console.log('Button clicked')
-        audioEngine.playEffect('Button.mp3', false)
-      })
-      const slider = new Slider('sliderTrack.png', 'sliderThumb.png')
-      slider.setPosition(400, 400)
-      this.addChild(slider)
-      // slider.loadSlidBallTextureNormal('sliderThumb.png')
-      slider.addEventListener((sender: Slider, type: number) => {
-        const percent = sender.getPercent()
-        console.log('Slider value changed', percent, type)
-      }, this)
-      console.log('Slider', slider)
-    })
-  }
-
-  update(dt: number) {
-    // console.log('BootScene update', dt)
-    this.streak.setPositionY(this.streak.getPositionY() + dt * 500)
-    if (this.streak.getPositionY() > director.getWinSize().height) {
-      this.streak.setPositionY(0)
-    }
-  }
-}

package/test/GraphicsTest.ts

@@ -1,24 +0,0 @@
-import { DrawNode, Vec2 } from '../src'
-import { color, Color, Scene, Sprite } from '../src/core'
-export class GraphicsTest extends Scene {
-  onEnter() {
-    super.onEnter()
-    this.createSpriteSafe()
-    const draw = new DrawNode()
-    this.addChild(draw, 1)
-    const draw2 = new DrawNode()
-    this.addChild(draw2)
-    draw.drawRect(Vec2(100, 300), Vec2(200, 500), Color.RED, 0)
-    draw.drawDot(Vec2(300, 1500), 50)
-    const points: Vec2[] = [Vec2(40, 1040), Vec2(540, 640), Vec2(840, 940), Vec2(740, 1040)]
-    draw2.drawPoly(points, Color.BLUE, 20, Color.ORANGE)
-    draw2.drawRect(Vec2(600, 110), Vec2(350, 245), Color.MAGENTA, 5, Color.WHITE)
-  }
-
-  createSpriteSafe() {
-    const sprite = new Sprite('button_plus.png')
-    sprite.setColor(color(255, 0, 0))
-    sprite.setPosition(300, 400)
-    this.addChild(sprite, 10)
-  }
-}

package/test/ParticleScene.ts

@@ -1,47 +0,0 @@
-import { director, loader, textureCache } from '../src'
-import { Scene, Sprite } from '../src/core'
-import { decodeGzipBase64 } from '../src/helper/ZipUtils'
-import { ParticleFireworks } from '../src/particle/examples'
-import { ParticleSystem } from '../src/particle/ParticleSystem'
-import { PNGReader } from '../src/particle/PNGReader'
-
-const base64String =
-  'H4sIAAAAAAAAAwFmA5n8iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADLUlEQVRYCcXX51JbQRCEUeOc/f6v6ZzxHKFPLAoI84epmrp7985294QVxcXl5eWjh7Sn9yB/MWcej19sXQb87/iP8f+yiztWAOmzcYL5k/F9AX9m7/fWf83zTmLOVeD5AHECWieiKpR95D8nlhPcepbH7TYBL+dI/mrWRCRkrQIBZY9Q5vzb+PdxQj2P2ikBCPnrxb0TRMQpAYiRIa9lVcregR0TgATZm/G3W7cmxn5VaA6qQNkjEkNAMbPcDOpBJfYF6DMByJC/H3+3XSfC97IziATov8FD8HUcDmzZs+bETSF0Z+cEICeCE0TYOQFlHznSZoTQkwIc5PW+FqwC7NUGVagCXTvlXzNHXnXE5LsrulYAYFduX4Ts11b4LlaWlbXBWzNH2GxojzN4jgogJgENYreganyYGELsq1YCAOp9CZX5eivEwy9mltcvPvqwirBHSGKIQE6Eitg35forO5mxSo5cDJyVHIf3TRVSIxNgiUgIUO5Abel2qII4hLJnSk5M7XC2rMPGU5s2APO++11PiKBVUECEyAq5athHyvS6TO2vhOHB72/ILK+VtHnb0+EEAkeiLZGV2UpyG94cvRbgh+KcGyzenZb5l3FPbbBfzDks3zcmE9aBCIBF1FCt16meO98M6L3BEpeohIUHP65ZXvXJM2IH8oCAATZYiJWc+a7swJF/HvddnHjnuLgwE4RvY1XAAVMuwAHvHPA61cUDNnD6DUws8k/j2kJEZ8NahdjbWIBeVvJIgSISh4yJ8931SgBwpMhVwtPZKiIeaSJmeWWrgMolENh6pSKXrTjftcKU66m9ziViFSI+AWJ3tgoQADTwrtdKLvvinE2AfcAylTXyj9tn1UiE8ztbBdhUIiD2u9ez3PS5LP0QJe6UgKpgJhpOuPBv2DEBMubAmbI3H0BqDYEJcBOAy06mqpCI/xIw5zYViFx/gZc98IZyX0DtITIR+4M4n27afgX6CgB52dffsq9FawWqkipUCWLyWR7aKQEiHVwFuHbrX7batApNRO3wPOj77O3swf8zuquAneJZaEPZ14KqcOOKrYdOre8j4BTWvfZl8qD2D7ghcomuE8XXAAAAAElFTkSuQmCCksg8PmYDAAA='
-
-export class ParticleScene extends Scene {
-  onEnter() {
-    super.onEnter()
-    const { width, height } = director.getWinSize()
-    loader.load(['Spiral.plist', 'SmallSun.plist', 'base.png', 'particle.png'], (err: any, resources: any) => {
-      console.log(resources)
-      const emitter = new ParticleSystem('Spiral.plist')
-      emitter.setPosition(width / 2, height / 3)
-      this.addChild(emitter)
-      const sun = new ParticleSystem('SmallSun.plist')
-      sun.setPosition(width / 2, height * 0.8)
-      this.addChild(sun)
-      const firework = new ParticleFireworks()
-      firework.setPosition(width / 3, height / 2)
-      const texture = textureCache.getTextureForKey('particle.png')!
-      firework.setTexture(texture)
-      this.addChild(firework)
-
-      const buffer = decodeGzipBase64(base64String)
-      const imgPath = 'base64png'
-      const canvasObj = document.createElement('canvas')
-      const myPngObj = new PNGReader(buffer)
-      myPngObj.render(canvasObj)
-      textureCache.cacheImage(imgPath, canvasObj)
-
-      const tex = textureCache.getTextureForKey(imgPath)!
-      // console.log(tex)
-      const sprite = new Sprite(tex)
-      sprite.setPosition(300, 300)
-      this.addChild(sprite)
-      // firework.setTexture(tex)
-      // sun.setTexture(texture)
-      // firework.setBlendFunc(770, 1)
-      console.log(firework)
-    })
-  }
-}

package/test/TiledMapScene.ts

@@ -1,19 +0,0 @@
-import { loader, view } from '../src'
-import { Rect, Scene } from '../src/core'
-import { TMXTiledMap } from '../src/tilemap'
-
-export class TiledMapScene extends Scene {
-  onEnter() {
-    super.onEnter()
-    loader.load(['orthogonal-test1.tmx', 'ortho-test1.png'], (err: any, resources: any) => {
-      const map = new TMXTiledMap('orthogonal-test1.tmx')
-      map.setPosition(12, view.getDesignResolutionSize().height / 2)
-      const layer = map.getLayer('map')!
-      const tile = layer.getTileAt(0, 11)
-      tile?.setPositionY(-100)
-      tile?.setTextureRect(Rect(0, 0, 101, 171))
-      console.log(tile)
-      this.addChild(map)
-    })
-  }
-}

package/test/index.ts

@@ -1,28 +0,0 @@
-import { director, game, global, sys, view } from '../src'
-import { ResolutionPolicy } from '../src/core'
-import { TiledMapScene } from './TiledMapScene'
-
-global._isContextMenuEnable = true
-game.run(
-  {
-    debugMode: 1,
-    showFPS: true,
-    frameRate: 60,
-    id: 'gameCanvas',
-    renderMode: 2,
-  },
-  function onStart() {
-    // Pass true to enable retina display, disabled by default to improve performance
-    view.enableRetina(sys.os === sys.OS_IOS)
-    // Adjust viewport meta
-    view.adjustViewPort(true)
-    // Setup the resolution policy and design resolution size
-    const width = 720
-    const height = 1280
-    const policy = width > height ? ResolutionPolicy.FIXED_HEIGHT : ResolutionPolicy.FIXED_WIDTH
-    view.setDesignResolutionSize(width, height, policy)
-    // The game will be resized when browser size change
-    view.resizeWithBrowserSize(true)
-    director.runScene(new TiledMapScene())
-  },
-)