demiculus

Members
  • Content Count

    18
  • Joined

  • Last visited

About demiculus

  • Rank
    Member

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. demiculus

    Katan.io - Play Free Online Settlers of Catan

    The game has come a long way since 2 months ago. Our latest version patch notes is as below. Full patch notes can be seen here. Any feedback is appreciated.
  2. I added Amazon Associates to my game then they banned me saying my content wasn't enough. I later added Adsense but Amazon seems to have better returns. I'm curious if they have approved any game?
  3. demiculus

    When to use Bitmap Text & Text?

    As I remember someone posted something like this: `using bitmap text is your solution 99% of the time` here. But later someone deleted that post. So I was wondering if that is the reason my computer heats up when I play my game.
  4. demiculus

    When to use Bitmap Text & Text?

    Bitmap Text gives much better performance for dynamically changing Text. (source) Text has more attributes and is easier to change it's style. Bitmap Text has better better performance but static when it comes to styling. From this I understand that every text should be Bitmap Text except for some edge cases which Bitmap Text doesn't help. Have I understood this correctly or am I missing a part?
  5. demiculus

    How to win at PIXI.extras.BitmapText ?

    Nevermind, I'm a total noob. I didn't realize I had to use the .fnt & .png files at the same time. I was just using .fnt file. Also for my next problem deusprogrammer here has came across it and the same method worked for me too: https://github.com/pixijs/pixi.js/issues/4293
  6. demiculus

    How to win at PIXI.extras.BitmapText ?

    I couldn't get bitmaps to work. I always got errors like `Uncaught Error: Texture Error: frame does not fit inside the base Texture dimensions: X: 54 + 0 = 54 > 1 and Y: 50 + 0 = 50 > 1` I'm using the Arial font (really simple). I'm using http://kvazars.com/littera/ I tried Pack Method 1 through 7 I tried just digits, just lowercase etc. I tried different paddings I tried different fontsizes I tried different strokes I tried different canvas sizes I tried the same with bmglyph But none seem to work, what am I missing?
  7. Here: https://github.com/pixijs/pixi.js/wiki/v4-Performance-Tips it says what is the logic behind it?
  8. demiculus

    Refreshing page distorts textures

    function getRandomString(): string { return '?' + String(Math.floor(Math.random() * 9999999999)) } export function loadImages() { PIXI.loader .add("tile_lumber", "../images/tile_lumber.svg" + getRandomString()) .add("tile_brick", "../images/tile_brick.svg" + getRandomString()) .add("tile_wool", "../images/tile_wool.svg" + getRandomString()) .add("tile_grain", "../images/tile_grain.svg" + getRandomString()) . . . .on("progress", loadProgressHandler) .load(GameUICore.setup); } I've changed it like this and seems to be working. This is probably not the optimal solution but it works.
  9. demiculus

    Refreshing page distorts textures

    Sorry for my late reply, I had family issues. So the things I've figured out it `cmd + shift + r `-> doesn't resolve in such a problem `cmd + r` -> resolves in such a problem The problem is something to do with cache and I couldn't decipher how. I messed around with Cache-Control as well as other things but no luck <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate, post-check=0, pre-check=0" /> <meta http-equiv="cache-control" content="max-age=0" /> <meta http-equiv="expires" content="0" /> <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" /> <meta http-equiv="pragma" content="no-cache" /> I'm trying to turn `cmd + r` into `cmd + shift + r`. If it is possible this'll solve the problem. I'll post when I do.
  10. demiculus

    Refreshing page distorts textures

    @ivan.popelyshevNope it doesn't happen in firefox, but it happens in chrome & safari.
  11. demiculus

    Refreshing page distorts textures

    @ivan.popelyshev anyway I can help by giving any other context?
  12. demiculus

    Refreshing page distorts textures

    When it is the first time I open the game and play everything is fine after a couple of moves, players get new turns, some cards fly around(players get resources, trade etc) and then when I hit page refresh to start a new game some of the cards are smaller: Note that this happens to only to cards. The thing that is common with all cards is that they animate. The cards animate when player receives a new resource. So maybe I thought some old code was continuing to run on the background even when the player refreshed the page, so I made sure all the old animations stopped when the player hit refresh. This didn't solve the problem. Another thing that was interesting was, the cards on the left bottom and the cards in the bank are totally different sprites. They have nothing in common except for their texture (bank cards don't even animate). So I'm guessing the texture pack didn't load right specifically for the 2 types of cards shown in this image. Note that each game different cards are smaller, but once a certain texture is smaller 'ALL' of the sprites that use that texture becomes smaller. How can I fix this? My loading function is as below export function loadImages() { PIXI.loader .add("tile_lumber", "../images/tile_lumber.svg") .add("tile_brick", "../images/tile_brick.svg") .add("tile_wool", "../images/tile_wool.svg") .add("tile_grain", "../images/tile_grain.svg") .add("tile_ore", "../images/tile_ore.svg") .add("tile_desert", "../images/tile_desert.svg") . . . .on("progress", loadProgressHandler) .load(GameUICore.setup); } export function setup() { assetsLoaded = true createContainers() GameUICards.setCardProps() //The cards on left bottom created here GameUIActions.createActions() GameUIPlayers.createPlayers() //The cards in bank created here createTimer() createKeyboardActions() app.ticker.add(function (delta) { animateObjects() }); } function animateObjects() { for (let view of animatingViews) { view.animate() } for (let line of animatingLines) { line.animate() } for (let text of animatingTexts) { text.animate() } removeObjectsWhoseAnimationFinished() } You can try to reproduce the problem: http://katan.io/
  13. demiculus

    Showcase Katan.io

    Hey all, I've finished creating a game with pixi.js I've asked a couple questions here the past few weeks and the game finally is working so I wanted to share it with you guys. Before, I had made the game with canvas & html/css. But now the whole game screen is with pixijs except for the chatbox. There may be some bugs left, but in 1-2 weeks it will work magnificently. Hop on to play some games http://katan.io/ Btw we're doing weekly updates to the game. So if you want to subscribe be my guest: https://katan.us19.list-manage.com/subscribe?u=44e52ce0d2d31e7946354fb0d&id=ae6deb93c6 Lastly I want to ask how can I make the resolution better without heating up the computer. Normal resolution: https://user-images.githubusercontent.com/6215305/48113231-00f16c00-e26b-11e8-9741-736fb18b4a0a.png 2x resolution: https://user-images.githubusercontent.com/6215305/48113232-018a0280-e26b-11e8-865b-a5bc20a05a5e.png The 2x resolution has width & height increased 2x resulting in 4x more drawing surface. While playing heats up my mac. But it looks much better, so I want to ask is there any other way I can increase the resolution? My images are all .svg so I thought maybe turning them to .png might work but even the Pixi.text's have low resolution.
  14. demiculus

    How to decrease heating up computer.

    I don't have many animations & most of my game UI is static(its a board game). So correct me if my understanding is wrong. Even when nothing moves on the screen PIXI draws everything on the canvas constantly, right? So it means every second PIXI draws everything 60 times. I have implemented this solution but my computer still heats up when I'm playing the game: https://stackoverflow.com/a/43426419/4204919 What optimizations can I do?
  15. demiculus

    Libraries to use on Pixijs

    Note that kitty said not to use hexi, so I've decided to go just pixi. https://github.com/kittykatattack/hexi/issues/67