Search the Community

Showing results for tags 'vector'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



Website URL





Found 39 results

  1. Hi, I need some help for Vector calculation... Here is a playground. I'm looking for the position between the camera and a mesh, but at a fixed distance before the mesh... Many thanks !!
  2. Hi, how do you get the velocity vector of a sprite? sprite.body.velocity is phaser point or as a vector, going from the 0,0 to the sprite. What I need is a velocity vector going from the sprite onward. I need then to multiply by -1 and add it to the sprite position to get a point behind it like this image Thanks
  3. I've created a new plugin for Pixi.js for rendering vector art called the pixi-omber-gltf2-vector plugin. To use it, you first export your vector art as 3d meshes in glTF 2.0 format. The plugin can then quickly render those meshes on-screen using WebGL. It has a number of advantages: Vector art results in smaller file sizes for large assets that makes use of transparency. I hope to later add support Draco mesh compression, which should make vector art competitive even for smaller-sized art. You can render on high resolution displays with no loss of detail You don't need to deal with making sure art assets fit within a multiple of 2 texture size or anything. Make your art any size and scale it to what you need This isn't your parent's vector graphics either: It's optimized for rendering using modern 3d graphics hardware. Everything ends up as 3d meshes that can be blasted to the screen quickly You can make use of advanced gradient features that let you make better looking art with more natural shading. You aren't limited to flat shading or boring linear gradients. Let me know what you think!
  4. So I'm having a bit of a rough time doing something that seems kinda basic. I've tried doing a lot of research, but I'm really kinda stuck on the higherarchy pixi uses to create vector images. I'm creating vector based UI for my game, and to do this, I need to make a square frame (like a picture frame with the center open); and then rotate said square 90 degrees so it's standing on one of its points like a diamond. Basically, my UI is going to be composed of a bunch of these square diamond icons. Thanks
  5. I'm looking to create an effect like this: With CSS and HTML5, it looks like he was able to somehow able to animate the change in opacity of his vector line. I'm not really sure how I would achieve this same effect with PixiJS. Any suggestions?
  6. Hi- I have worked on games for over ten years- from flash to triple A to tabletop-- I most interested in HTML5 and Mobile development. Pricing competitive, exact prices depends on the project. Matthew Moss / Touch Touch Studio Portfolio A few samples:
  7. I try something pretty easy (I think) but I cant make it work. The want that the faces are aligned in their direction between two world space Vector3. The position on the screenshot is not correct but that's not the problem. I tried it with lookAt for the mesh and also played a bit around with RotationFromAxis from this example But its always not correct rotated, correct would it be when they are aligned along the edge between the two vertices where currently the feces are placed. Any suggestions?
  8. mspanish

    Free Open Source Game Art App & Editor

    Greetings all - I've been working on an SVG editor and variations generator for some time, and I finally launched the beta this week - we have some really beautiful game art - over 500 of the CC0 pieces from, and 400 of the best Glitch game art pieces - and more. The editor has over 33,000 graphics including a bunch of icons and emojis - and right now I'm offering a free upgrade to pro for game developers - the upgrade URL is - with the code betauser I would love any feedback or suggestions about how to make this app BETTER for game developers! I am a long time flash dev who morphed to JS about 5 years ago, and spent a while working on my first all gamified app using Pixijs last year. I've tried to add ways to edit SVGs as painlessly as possible, as working in Illustrator for hours on end tends to make my hand hurt! But there are many fixes and upgrades I plan to make to the app, so please realize it's just a beta.
  9. In unity they have transform.forward, right and up. The docs for unity say the forward is : 'The blue axis of the transform in world space.' using UnityEngine; using System.Collections; public class ExampleClass : MonoBehaviour { public float thrust; public Rigidbody rb; void Start() { rb = GetComponent<Rigidbody>(); } void Update() { rb.AddForce(transform.forward * thrust); } } How would I do this in Babylon.... Yo @Deltakosh or ANYBODY How do we get the forward vector in Babylon... Would this work: /** The blue axis of the transform in world space. */ public static GetForwardVector(mesh:AbstractMesh, force?:boolean):BABYLON.Vector3 { var matrix:BABYLON.Matrix = mesh.computeWorldMatrix(force); return BABYLON.Vector3.TransformCoordinates(BABYLON.Vector3.Forward(), matrix); } /** The red axis of the transform in world space. */ public static GetRightVector(mesh:AbstractMesh, force?:boolean):BABYLON.Vector3 { var matrix:BABYLON.Matrix = mesh.computeWorldMatrix(force); return BABYLON.Vector3.TransformCoordinates(BABYLON.Vector3.Right(), matrix); } /** The green axis of the transform in world space. */ public static GetUpVector(mesh:AbstractMesh, force?:boolean):BABYLON.Vector3 { var matrix:BABYLON.Matrix = mesh.computeWorldMatrix(force); return BABYLON.Vector3.TransformCoordinates(BABYLON.Vector3.Up(), matrix); } Also I saw some c++ code for getting forward vector using the quaternion, could I use this in babylon or SHOULD I even try use in Babylon ... Is there something already in Babylon for this: Vector3 Quaternion::GetForwardVector() const { return Vector3( 2 * (x * z + w * y), 2 * (y * x - w * x), 1 - 2 * (x * x + y * y)); } Vector3 Quaternion::GetUpVector() const { return Vector3( 2 * (x * y - w * z), 1 - 2 * (x * x + z * z), 2 * (y * z + w * x)); } Vector3 Quaternion::GetRightVector() const { return Vector3( 1 - 2 * (y * y + z * z), 2 * (x * y + w * z), 2 * (x * z - w * y)); } Or am I way off
  10. Hi guys, I'm trying to make 2D-shapes / 2D-sprites in my Canvas2D (ScreenSpaceCanvas) follow some sprites which are placed in my 3d world. For this, I'm using the BABYLON.Vector3.Project function as followed: However, this is the result: I've checked each of the arguments and they all contain valid values at the time of being called. I've also stumbled across this topic, which uses another 4th argument in the call, but I've had no luck trying it with that one either. Any ideas? Thanks in advance!
  11. Indie game art services. Affordable, professional. Professional game artwork and animation for indie prices. Experience with every 2D art style, from pixel art, vector art all the way to digitally painted work. Hundreds of extremely happy clients, multiple ongoing long & short-term projects. Working for individuals and companies, small and large tasks. Constant contact with you until you are 100% satisfied, happy to make adjustments to work. Email - Full portfolio -
  12. Likely a very simple question for the veterans Is it possible to convert a Vector3 given in world space coords to the local space of a mesh? Example:
  13. Raggar

    Server-side Hit Detection?

    This is my current setup: .Player presses the Mouse button .A Ray is fired using Babylon and the players camera The intersection point (vector3) is sent to the server The server uses Cannon to do it's own intersection testing (Using the player's head hitbox(Same location as the camera client-side) as the origin point, and the vector3 from the client as the target point. Now, if I wanted the server to be a bit more authoritative when it comes to hit detection, I shouldn't send the point from Babylon, but rather a 'fire' command, and, somehow, calculate a point that Cannon can use for it's own testing. The server is aware of the position of the origin vector, and has the rotation of the player's physics body. Now, my math is worse than bad, so: Would it be possible to calculate a point, a fixed distance away, using only the origin vector and the direction in which the point should be placed? I've seen various posts and discussions about it, but I really don't quite get it. Oh. And I know aimbotting isn't impossible to prevent, but I feel like the above method, that I already use, makes a bit too easy to achieve.
  14. Hello, I am a 2D traditional animator. I can provide you with raster(.PNG) and vector(.SVG) files. I charge $15/Hr and am available 6 days a week for work. Here is my portfolio. Contact: Thanks for reading: -Dom
  15. Munchie Games

    Karate Burger | Salt Chef

    My new Phaser game Karate Burger | Salt Chef. Tap around character to control him. same Phaser game in webview, generated in Android Studio with Firebase addons
  16. The Grim Panda Design team is currently accepting new art and design projects. We have a team of experienced and seasoned 2D & 3D artists and animators who have provided assets for many of the best-selling mobile game companies on the market today. We work with any budget, large or small, and can quote prices on a project level, per-diem, or hourly. With the ability to work in vector, concept, and realistic styles, our team is dedicated to making your project come to life. The quality of your assets will be precise, clean, and look brilliant in your mobile IP. We pride ourselves on bringing your player into the world you have envisioned. Due to legal obligations with many of our clients, we cannot publicly post our complete portfolio. Please contact me at for samples. Thank you, and we look forward to bringing your creative design to the next level.
  17. Hi, I’m Rob Hayes, a full time freelance game artist. With over 4 years of experience within the games industry I’ve worked in many areas of the 2D game development life cycle and have a love for exploring new styles and techniques to make the games I work on really stand out. From creating new styles and direction, to working with existing assets I can fit in well within your project. If you would like a quote or have any questions about my work or me, please get in touch at You can find my portfolio at
  18. jorgeluis009

    Vector Sprites in Phaser

    I have some vector art stuff, and i was wondering if anyone know any form to load vector art into phaser? I found some post like this :, but that post doesn't really answer my question. Thanks!!!!!
  19. Pryme8

    Vector2 JS Object

    I was writing up a tutorial and ended up making a vector library for it while explaining hit detection... There are prolly tons of Vec2 Libs out there, but here is mine.
  20. Hello! I'm ah-tan, full-time freelance artist specializing in creating graphics/animation for 2D games. Check out my Portfolio / Sample Games / More / More You can contact at Thanks
  21. Hello I got a 3dModel of an elevator. I trigger a button for it's position with the following code: myMesh.actionManager.registerAction(new BABYLON.InterpolateValueAction(BABYLON.ActionManager.OnPickTrigger, myMesh,"position.y",-2.6, 1000)) //down .then(new BABYLON.InterpolateValueAction(BABYLON.ActionManager.OnPickTrigger, myMesh,"position.y",0.001, 1000)); //up Witch works great! Accept when my char wants to get up again, he is falling through the ground, - the mesh. Few workarounds that come into my head, like check the state of the "event" an apply new gravity or new cam position. What's the easiest one? Any suggestions are highly appreciated! Best
  22. phamedev

    How to draw a round rectangle?

    I have a game in flash that uses vector rectangles with different colors and sizes. The rectangles have round corners and white outline stroke of 4 pixels. What is the best way to implement these rectangles in a Phaser game? I might have to use 6 different colors and 10 different sizes (both horizontal and vertical). Is there anything like 9-Slice-Scaling, that we have in Adobe Flash? In case I'm not clear in explaining the round rectangle, I'm talking about the shape you get by using this css style in html: div { width:300px; height:100px; background:#00CC00; border:3px solid #FFF; border-radius:20px; }
  23. pranadevil

    vector or arrays

    is there a way to create an array like: x = [ w,e,r,t]; in phaser?
  24. thanks for Your time
  25. Hi, I have been working on Ninja Ball, Ninja Escape and Arson video games made with HTML5. I was interested to find an artist for an upcoming point and click game who is willing to do unpaid art. (If the game sells, I will normally split depending how well the artist performed and how much time did he spend) It will be a point and click mobile / online game. Your name will be in the credits and the game will be played on several websites around the web. These are the things that need to be done in this game: - 4 to 6 vector backgrounds. - GUI. - Several sprites. (Keys, gems, doors, etc) You are totally free to make the backgrounds as you please, as long as it has to do with point and click games. The game is projected to showcase on Match 1st if everything goes according to plan. The engine will be a modification of my previous engine. Kind regards!