JosPixi

Members
  • Content Count

    7
  • Joined

  • Last visited

About JosPixi

  • Rank
    Newbie

Recent Profile Visitors

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

  1. Hi Ivan, Can u reply for this post.

    1. Show previous comments  3 more
    2. JosPixi

      JosPixi

      Im developing a game and its rules need to be in HTML content and i want those style to be there inside a text object. Something like attached one.

      Payout.jpg

    3. JosPixi

      JosPixi

      I want to display the contents of payout.html inside a text object. Like in the image i showed u.

      which is below.

      <table class="wikitable" style="font-size: 14px; background-color: rgb(248, 249, 250); color: rgb(32, 33, 34); margin: 1em 0px; border: 1px solid rgb(162, 169, 177); border-collapse: collapse; font-family: sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">
        <tbody>
          <tr>
            <th align="left" style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em; background-color: rgb(234, 236, 240); text-align: center;">Bet name</th>
            <th align="right" style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em; background-color: rgb(234, 236, 240); text-align: center;">Winning spaces</th>
            <th align="left" style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em; background-color: rgb(234, 236, 240); text-align: center;">Payout</th>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">0</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">0</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">35 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">00</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">00</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">35 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">Straight up</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">Any single number</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">35 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">Row</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">0, 00</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">17 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">Split</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">any two adjoining numbers vertical or horizontal</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">17 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">Street</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">any three numbers horizontal (1, 2, 3 or 4, 5, 6, etc.)</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">11 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">Corner</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">any four adjoining numbers in a block (1, 2, 4, 5 or 17, 18, 20, 21, etc.)</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">8 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">Top line or Basket (US)</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">0, 00, 1, 2, 3</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">6 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">Top line or Basket (European)</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">0, 1, 2, 3</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">8 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">Six line</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">any six numbers from two horizontal rows (1, 2, 3, 4, 5, 6 or 28, 29, 30, 31, 32, 33 etc.)</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">5 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">1st column</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">1, 4, 7, 10, 13, 16, 19, 22, 25, 28, 31, 34</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">2 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">2nd column</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">2, 5, 8, 11, 14, 17, 20, 23, 26, 29, 32, 35</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">2 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">3rd column</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">3, 6, 9, 12, 15, 18, 21, 24, 27, 30, 33, 36</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">2 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">1st dozen</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">1 through 12</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">2 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">2nd dozen</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">13 through 24</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">2 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">3rd dozen</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">25 through 36</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">2 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">Odd</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">1, 3, 5, ..., 35</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">1 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">Even</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">2, 4, 6, ..., 36</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">1 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">Red</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">1, 3, 5, 7, 9, 12,<br>
              14, 16, 18, 19, 21, 23,<br>
              25, 27, 30, 32, 34, 36</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">1 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">Black</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">2, 4, 6, 8, 10, 11,<br>
              13, 15, 17, 20, 22, 24,<br>
              26, 28, 29, 31, 33, 35</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">1 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">1 to 18</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">1, 2, 3, ..., 18</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">1 to 1</td>
          </tr>
          <tr>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">19 to 36</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">19, 20, 21, ..., 36</td>
            <td style="border: 1px solid rgb(162, 169, 177); padding: 0.2em 0.4em;">1 to 1</td>
          </tr>
        </tbody>
      </table>
    4. JosPixi

      JosPixi

      Something like this
      sprite.addChild(payout.html) Is that possible, payout.html is an external simple html file.

      Joseph :)

  2. Im developing a game where i need to load the HTML content. the content of these files will change a lot in the future, so you need to make sure that your code is able to handle any HTML text and display it on the screen, outside the PIXI canvas. I have attached the sample HTML file Can anyone suggest how to load the external HTML file into Pixi js. payout.html
  3. @elementalcode Awesome, it works cool, thank u so much. God Bless!
  4. Hi, I tried and i couldn't do it. Can u do it for a price. Can u plz share ur mail ID. Is that possible, Even i dont know whether to ask here or not.
  5. Ok,

    I read the article and i checked the pixi v5 version and found the below code.

    I understood that i should override the mapPositionToPoint. But what should i override it. Completely blank.

    InteractionManager.prototype.mapPositionToPoint = function mapPositionToPoint (point, x, y)
            {
                var rect;

                // IE 11 fix
                if (!this.interactionDOMElement.parentElement)
                {
                    rect = { x: 0, y: 0, width: 0, height: 0 };
                }
                else
                {
                    rect = this.interactionDOMElement.getBoundingClientRect();
                }
     
                var resolutionMultiplier = 1.0 / this.resolution;
     
                point.x = ((x - rect.left) * (this.interactionDOMElement.width / rect.width)) * resolutionMultiplier;
                point.y = ((y - rect.top) * (this.interactionDOMElement.height / rect.height)) * resolutionMultiplier;
            };

  6. Ok, I read the article and i checked the pixi v5 version and found the below code. I understood that i should override the mapPositionToPoint. But what should i override it. Completely blank. InteractionManager.prototype.mapPositionToPoint = function mapPositionToPoint (point, x, y) { var rect; // IE 11 fix if (!this.interactionDOMElement.parentElement) { rect = { x: 0, y: 0, width: 0, height: 0 }; } else { rect = this.interactionDOMElement.getBoundingClientRect(); } var resolutionMultiplier = 1.0 / this.resolution; point.x = ((x - rect.left) * (this.interactionDOMElement.width / rect.width)) * resolutionMultiplier; point.y = ((y - rect.top) * (this.interactionDOMElement.height / rect.height)) * resolutionMultiplier; };
  7. Hi,

    Hope u can help me in this issue.

     

     

    1. ivan.popelyshev

      ivan.popelyshev

      I did it while you were messaging me

  8. Iam doing a game where i want to rotate the whole canvas to 90degrees for portrait version. When i want to rotate the canvas, (app.renderer.view, this is how Pixi names canvas), I used the below code app.renderer.view.style.transform = "rotate(90deg) translate(-190px,335px)" Good thing is i can see the app rotated successfully. But the mouse or corordinate system still follows the landscape mouse coordinates. I tried with many CSS and Pixi tricks. Nothing works. I tried with style.transformOrigin etc., in CSS. Does it anything involves that relate to PIXI code.
  9. Thank u, i already did from scratch. Happy to hear a reply from u.
  10. HI, Can u reply for this post.
    Im stuck with this point.

     

  11. Hi, I have created a shape with fill and line Then i cloned and if i want to edit the linestyle in PIXIV5. its not working. I referred this link https://www.html5gamedevs.com/topic/9374-change-the-style-of-line-that-is-already-drawn/ But i couldn't understand the issue in my case. Here is my code. independent_bet_shape = new PIXI.Graphics(); independent_bet_shape.lineStyle(2, 0xFF00FF, 1) independent_bet_shape.beginFill(0xFFFFFF); independent_bet_shape.moveTo(138,-125) independent_bet_shape.lineTo(178,-125); independent_bet_shape.lineTo(178,-145); independent_bet_shape.lineTo(138,-145); independent_bet_shape.endFill(); independent_highlight_shape = independent_bet_shape.clone() independent_highlight_shape.x = independent_bet_shape.x independent_highlight_shape.y = independent_bet_shape.y Basically I need a working code, i understood the following points from other links. * that Geometrical properties r not cloned, * also we need to use dirty and clear dirty * but graphics.geometry.invalidate() is not needed in pixi 5. But the point is i dont complete with a working code.