| | |
| | | this.activateMapScale(); |
| | | this.activateMapPan(); |
| | | this.showCoordinates(); |
| | | this.appTicker(); |
| | | this.getStartedTicker(); |
| | | } |
| | | |
| | | activateMapEvent = (leftEvent, rightEvent) => { |
| | |
| | | |
| | | const starTexture = PIXI.Texture.from(star); |
| | | |
| | | const starAmount = 500; |
| | | const starAmount = 300; |
| | | let cameraZ = 0; |
| | | const fov = 20; |
| | | const baseSpeed = 0.025; |
| | | let speed = 0; |
| | | let warpSpeed = 0; |
| | | let warpSpeed = 1; |
| | | const starStretch = 5; |
| | | const starBaseSize = 0.05; |
| | | |
| | |
| | | }; |
| | | star.sprite.anchor.x = 0.5; |
| | | star.sprite.anchor.y = 0.7; |
| | | star.sprite.tint = 0x000000; // 应用一个黑色滤镜 |
| | | star.sprite.tint = 0x8395a7; // filter |
| | | randomizeStar(star, true); |
| | | this.starryContainer.addChild(star.sprite); |
| | | stars.push(star); |
| | |
| | | |
| | | |
| | | this.starryTicker = (delta) => { |
| | | console.log(1); |
| | | speed += (warpSpeed - speed) / 20; |
| | | cameraZ += delta * 10 * (speed + baseSpeed); |
| | | for (let i = 0; i < starAmount; i++) { |
| | |
| | | } |
| | | |
| | | hideStarryBackground = () => { |
| | | if(this.starryTicker) { |
| | | if (this.starryTicker) { |
| | | this.app.ticker.remove(this.starryTicker); |
| | | this.starryTicker = null; |
| | | } |
| | |
| | | this.didClickSprite = value; |
| | | } |
| | | |
| | | appTicker = () => { |
| | | TWEEDLE.Group.shared.update(); |
| | | getStartedTicker = () => { |
| | | this.app.ticker.add((delta) => { |
| | | TWEEDLE.Group.shared.update(); |
| | | }); |
| | | } |
| | | |
| | | } |