Jump to content

Search the Community

Showing results for tags 'pixijs'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML5 Game Coding
    • News
    • Game Showcase
    • Facebook Instant Games
    • Web Gaming Standards
    • Coding and Game Design
  • Frameworks
    • Phaser 3
    • Phaser 2
    • Pixi.js
    • Babylon.js
    • Panda 2
    • melonJS
  • General
    • General Talk
  • Business
    • Collaborations (un-paid)
    • Jobs (Hiring and Freelance)
    • Services Offered

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Website URL


Twitter


Skype


Location


Interests

  1. Hello, I got allot further in my goal to make a ribbon like menubar. But for some reason i had a error saying Sprite.On do not exist, so i had to edit the tsconfig file and add the line: "allowSyntheticDefaultImports": true, to the compiler options so after adding that i was able to use that methode. But here comes the problem: When i hit the Sprite Button -> it go's to the required function and print's in the console the message i provided, But when i want to acces the container from the UIMananger within the onButtonCli
  2. Hello Everyone, I'm primarly a .Net Developer(c# backend), and not so long ago i started a new project. I choise as rendering engine technology pixijs v6.0 (latest version) I'm quite new to pixijs and typescript and stubled upon a stange error. This error is that a sprite/texture not gets loaded/displayed to the screen.. Why this occuers i have no clue... If i create a simple unstructed project i can load textures fine,but in my structerd program nothing gets displated.. If i add a text object for example i have no issues... nor with drawing rectangles. I Really really
  3. Hello, I'm new to Javascript and PIXI I've been recently been working on a project using PIXIJS and need some help. I am trying to make a user interface with 8 buttons for the bounding box and 1 rotational button to scale, rotate and move my sprite. At the moment, I made each individual buttons of the bounding box an individual sprite and manually setting their interactive mode and coordinate and added them as a child to my main sprite. The issue with this method is that when I move one button, the other buttons don't move together to align with the transformation. Also, I
  4. Hello, I have a problem with my pixiJS App, i have many sprites that I can move in my scene and my goal and create a plan with collisions between sprites, for that I use the bump plugin and the rectangleCollision fuuntion :https://github.com/kittykatattack/bump/ let collision = b.rectangleCollision(selectCont,c2,true,false,true); It's works (the middle case on the pic)if my sprite have no rotation but if i want to apply a rotation on my sprite the collisions doesen't work (left and right case in the pic). I thnik it's a problem with sprite bounds but i have no i
  5. My question is how can we separate portrait and landscape mode by designing differently in my mobile view? For example Portrait mode ui and landscape ui is I want it to be different from each other. Thanks
  6. Special Effect are a UK charity who put fun and inclusion back into the lives of people with physical disabilities, by helping them to play video games! https://www.specialeffect.org.uk I added some new games today to this free website Eyegazegames.com , they are all primarily designed for use with eye gaze controllers and switch access, but also good with just a mouse! Tweet! For more info visit the Special Effect Website and check out their events to support their amazing work.
  7. Hi all , since I am new here I want to say that it's an honor to be part of your great community. I am using Leaflet.PixiOverlay to visualize some data on a Leaflet map . Since I have zero knowledge on PixiJS I would like to ask you if it is possible to wrap the displayed graphic in all maps left and right . The code I am using is the following Note that that's not the completed code, I think that's the part of the code I need to modify , if you need more info I can provide you the whole code var _pixiGlCore2 = PIXI.glCore PIXI.mesh.MeshR
  8. HELLO! I'm proud to present the Internet Money game commissioned by Internet Money, Pretty Good digital and developed by myself at TandC games. More info here Play it here Thanks to the pixijs guys for their support! I love their library, its a great level for me as I love developing my own game systems, physics, etc etc. Let me know what you think and stay tuned for more Pixijs developed games shortly.
  9. I developed a puzzle game (my first one) mostly for fun & for learning new things (I am just a web dev). But sadly I am struggling to find players to enjoy my game, so for this reason, I am giving 100€ to the first user to complete it! Here is the link of the game: https://www.puzzleastronauts.app/ Also here is the link of the original post on reddit, where I explain the rules of the contest and what you have to do to complete it (I would really appreciate some up votes on that post that now has less than 0): If someone has some thoughts or something about the contest
  10. (The last challenge🙂) This is a real time chess game where pieces shoot bullets. Free browser game, html5 game. You can also play on smartphone. I hope you enjoy. https://bbchess.com/
  11. I'm working on a large solo game project where I am attempting to use a combination of traditional DOM elements (React) and canvas elements (PixiJS and react-pixi-fiber) in the project. I wanted to gain visibility into the canvas element in a functional test, and didn't immediately see any libraries or posts explaining how this could be done. I've come up with a process that works for me, using Cypress, and wrote about it. Perhaps someone gets some value from this, and I'm happy to discuss testing and PixiJS! Thanks! https://medium.com/@zenblender/functional-testing-of-a-hybrid-pixijs-rea
  12. Hello, Is pixi.js a good choice for diagram builder, where user can draw basic shapes like rhombuses, squares, rectangles and connect them with lines? Please point me to the right direction, I even can't choose which is better to use SVG or Canvas. Diagram builder must work in browser and support touch events.
  13. Hello! I have been working on a 3D rendering library built on top of PixiJS, and just want to find out if anyone would be interested to try it and give feedback. Pixi3D is a JavaScript library which makes it easy to render 3D graphics on the web. It works for both desktop and mobile web browsers and includes several components which makes it easy to create nice looking 3D scenes out-of-the-box: Load models from file or create procedural generated meshes Supports physically-based rendering (PBR) and image-based lighting (IBL) Transformation, morphing and skeletal ani
  14. Squid Books is looking to augment its team to build physics based games in PixiJS and MatterJS. Squid Books is an educational platform aimed at making Science accessible. At the core, there is a flexible reader whose learnings are strengthened by surrounding quizzes, videos, and word games. The next initiative is to build games demonstrating NGSS’s Earth and Space Science concepts. We are looking for part-time to full-time contractors/consultants which can lead to salaried employment. ~Additional Information~: - Website: https://squidbooks.com/ - SAAS Vendors: Google Clo
  15. Hello friends, I'm totally new to Pixi.js and canvas in general. I'm trying to develop my favorite board game Patchwork, where I have a scrollable container with patches from which player can select one. Above the canvas I have two buttons for controlling the scrolling direction. Each time player clicks on one of these buttons, the x coordinate of the container updates. I was wondering if there is any 'best practice' way to implement infinite scrolling of the container (such as creating an infinite image gallery)? I have a few ideas, but I wan't to hear other opinions before I reall
  16. [SOLVED] We finally found out the culprit, I set the antialias to true in PixiJS while createJs didn't. My player reported that after turning off the antialias, it works better than the createJs. Hello everybody, my name is Draco. I am the creator of a web game called stabfish.io My game was built using createJS with Animate export plugin. Unsatisfied with the performance, recently I convert the whole game using PixiJS v5, with pixi-animate plugin. After revamping the game, the performance of the game on my computers has a significant boost. However, t
  17. Hello. I have a problem. I have a pixi-particle emitter. When I need it to start update it, I add it to game tivker. Move its spawnPos vis gsap. On the end of the tween i want to put back my emitter to its previous position, so i do the following: this.emitter._emitter.emit = false this.emitter._emitter.updateSpawnPos(0, 0) this.emitter._emitter.cleanup()
  18. Hello everyone, I am a student from Vietnam. I bump into some issues on my very first step into Pixi JS and it was two days that i cannot find a way to make it work. Therefore, i decide to seek for help and it means a lot to me if you guys can give me some advices about my problem. Thank you all in advance. My idea is very simple. I want to load an image and trigger some events when the image start/finish loading, then display it on the canvas. My image path is an URL. My problem is: - the resources doesn't include the texture property (but when i download the image, save it l
  19. Anybody here who knows any Community chatroom for pixijs/threejs/game development that are active? My laptop (from my work) blocks some site including html5gamedev because it has some tags for "gaming" but surprisingly not discord/gitter/reddit so I am trying to find alternatives while I am on my laptop.
  20. Please tell me, what is the best physics library for Pixi.js or commonly used and do they all work with pixi.js v5?
  21. joelt

    Math Hero

    Hi! I'm in the process of developing a math based, arcade style game: Math Hero. The core of the game is to solve mental arithmetic challenges to progress through the levels. It is a mobile-focused game and the format I guess is a bit towards the hyper-casual genre, with short and quite intense game sessions. I think the game mechanics turned out pretty cool but I would like to hear what you guys think. The theme is set in space, where your navigating between planets. The next big feature that I'm currently is implementing is a CO-OP mode where you can join forces with a friend i
  22. Hi, all I need to show loading spinner until PIXIJS finish calc all nodes and before the going to render scene. do you now to give a callback to PIXIJS to call before first render ? @ivan.popelyshev do you have any idea?
  23. That's how I currently load an image as a sprite. As for now, some image are distorted due to a different ration than the sprite's: this.sprite = PIXI.Sprite.from(this.image); this.dimensions = { width: window.innerWidth * 1.05, height: window.innerHeight * 1.05, alpha: 0 }; // later in code getPosition = () => { if (!active) { this.sprite.position.set(window.innerWidth / 2, window.innerHeight / 2); this.sprite.width = this.dimensions.width; this.sprite.height = this.dimensions.height; this.sprite.anchor.set(0.5); this.sprite.al
  24. let bigRect = new PIXI.Graphics(); bigRect.beginFill('0x00FF00'); bigRect.drawRect(0, 0, 200, 150); bigRect.endFill(); let smallRect = new PIXI.Graphics(); smallRect.beginFill('0xFFFF00'); smallRect.drawRect(0, 0, 190, 140); smallRect.endFill(); let smallRect_x = bigRect.x + (bigRect.width - smallRect.width)/2; let smallRect_y = bigRect.y + (bigRect.height - smallRect.height)/2; smallRect.position.set(smallRect_x, smallRect_y); app.stage.addChild(bigRect); bigRect.addChild(smallRect); bigRect.position.set(100, 100); I want to center smallRect inside bigRect. Why is it working in the cod
  25. Dear members, For a project im a working on i need to make a countdown timer, for the visuals i am stuck on how to achieve it. Is there any functionality pixijs has that could achieve this: So far i have looked into the PIXI.sprite.mask but if possible i would like to achieve a radial mask or similar effect that would not require me having a spritesheet or list/array of pictures for the countdown animation.
×
×
  • Create New...