Jump to content

Search the Community

Showing results for tags 'lines'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • 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


Last Updated

  • Start


Filter by number of...


  • Start



Website URL





Found 23 results

  1. for v4, this works: Also: https://stackoverflow.com/questions/50221078/how-to-change-style-of-lines-using-pixi-js-graphics But for PIXI v5, there is no PIXI.Graphics().graphicsData (it is undefined). Does someone know how to update line style using PIXI v5? Best and cheers, R.
  2. Hi there folks! It's been a while since I posted something in here, glad to be back! I have a fair amount of experience in game development using JS Canvas, but recently I decided I had move on - so I went with Pixi. I figured out the basics of how to add sprites, do filters and such, but I just can't seem to figure out how to do simple lines and then manipulate them afterwards. What I mean is something like this: https://jsfiddle.net/gustavgb/anxcjfof/5/ I noticed that PIXI.Graphics has an object attached to it called "graphicsData" in which I can find the points that make
  3. I am trying to following this example and I want to create multiple lines in a path using lineTo instead of circleTo, but instead the particle treats it like two points. var path = new Phaser.Curves.Path(0,0).lineTo(100, 200); Any help is appreciated.
  4. Number 7 is a fun, and addictive new brain puzzle free download game. As a classic game Lines is popular at all over the world but this game have a new great features so it is even better! Both adult and kids can enjoy the game Number 7. Number 7 is a port of my game for Android https://play.google.com/store/apps/details?id=com.zielok.number7 and iOS https://itunes.apple.com/pl/app/number-7-innovative-fast-puzzle/id1148718041?l=pl&mt=8 HTML5 version have more visual effect. Play https://www.kongregate.com/games/twohandslab/number-7 Features - Dynamic gameplay (this
  5. Hi all, just after a bit of advice on how best to handle something like the realtime winlines below for a slot game... https://prnt.sc/hpfo74 I currently have it working with PIXI Graphics line to based on the grid which works fine - but leaves little for styling. I've used the glow effect from PIXI-Filters, but that only seems to work on iOS and desktop (Android chrome on a Note 8 refuses to render the lines when the filter is enabled). In previous games I've used simple 9 sliced sprites rotated with different widths to join the sections - but not sure what other methods I could try
  6. Hi kids! Wow, Wingnut's 2nd Q&A thread-starter IN A SINGLE DAY! Okay, I got this playground thing... https://www.babylonjs-playground.com/#BFM7EX#9 It started as @adam's demo... making a bounding box from an empty mesh. Tilt the camera up/down... notice that the standard bounding box LINES... can be seen THROUGH the ground, and THROUGH the pyramid, too. I need that to remain the same. This is NOT TRUE with the yellow linesMesh. They cannot be seen thru mesh. Solve Option #1: Using the boundingbox.vectors or .vectorsWorld crap in lines 49-59, I would like to "taper
  7. Hello, I am creating a tilesprite, but its causing black lines to appear right at edges, i have ensured that when used as just sprite there is no black line, i have tried adding extra padding in texture packer didnt, work, tried making the tilesprite size in PoT didnt work. Can anyone suggest anything else I can do? Thanks
  8. Hello, I noticed some jagged edges on the diagonal lines. Is there any way to get rid of them? I have tried using the ffxa post processing, but it still does not remove them completely. Why do they even occur? It's just a straight line. Sorry if I can't give any more input in this issue, but my knowledge of graphics is limited. Here's a babylonjs playground example. https://playground.babylonjs.com/#G3JCQ6#1 Attached is a screenshot of how it looks in the scene of my project. The diagonal lines don't look very appealing for a production ready project.
  9. Hi, I wonder what would be the most efficient (performance) strategy of dynamic drawing. I get every x timestep new coordinates from an external controller over the network where my "pencil" currently is. To simplify, it is like the mousepointer drawing something. When the mouse button is released, I have to store my line/circle/whatever to be able to change the position at any time: 1. draw form A 2. draw form B 3. move form A 4. draw form C ... In addition, there will be some pictures "flying" over the drawings. Pixi has some great features I want to use for
  10. How can we define a hitArea for a quadraticCurve line? is that even possible?Afaik, you got:PIXI.RectanglePIXI.CirclePIXI.Polygonfor defining hitArea,It seems that it's not possible, right? from https://github.com/pixijs/pixi.js/issues/3296 http://codepen.io/mohammad-ahmadi/pen/pNKOZQ?editors=0010
  11. Hello please help me to draw lines between spheres http://babylonjs-playground.com/#VNE2Z#1 @aWeirdo you had a pretty good particel system knowledge, your fireball pg was impressive.
  12. Hello, I want to update the vertices of a lines mesh after it has been created. On a sphere, by contrast, I can do so fairly simply: mySphere.position.x = myX; mySphere.position.z = myZ; But there does not appear to be anything like that for lines mesh: // myLines.positions is undefined ???? myLines.positions[0].x = myPositions[0].x; myLines.positions[0].z = myPositions[0].z; myLines.positions[1].x = myPositions[1].x; myLines.positions[1].z = myPositions[1].z; // myLines._positions is null ???? myLines._positions[0].x = myPositions[0].x; myLines._positions[0].z = myPositions[0]
  13. Hello I have a problem with "enableEdgesRendering" from "createLines". When I activate the function several imaginary line connects to the middle of my ground. When this function is not activate lines are displayed correctly. See attached files, I have print screen. Have a nice day. Germain
  14. Hi people, It was expected for a long time, so here is it : the brand new LineSystem. This allow you to create a single mesh with as many lines you want. Just pass an array populated with lines, each line being an array of successive Vector3. var nbLines = 30; var nbPoints = 100; var lines = []; for (var l = 0; l < nbLines; l++) { var points = []; for (var p = 0; p < nbPoints; p++) { points.push(new BABYLON.Vector3(p - nbPoints/2, Math.sin(p), l - nbLines/2)); } lines.push(points); } var lineSystem = BABYLON.MeshBuilder.CreateLineSystem("ls", {lines
  15. Hey all, My first problem I am trying to address is drawing a curved line through a set of points. I cannot seem to find this feature anywhere in the documentation (graphics or bitmapData). I am trying to use this curve as the top part of a polygon, which I intend to fill with a texture. Can anyone point me in the right direction here? Thanks!
  16. Hi guys, I need draw some lines, they need be drawed instead of images because it's for an education game, so I need draw triangles dynamically (different angles,sizes,etc)..I'd like some retro effect for fun but I'm not sure if it's possible achieve this... is it possible?..any clue about how achieve it?, thank you guys!
  17. Hello everybody, I'm sorry if this has already been asked (I searched the forum and did not find). What is the best approach to dynamically draw lines between two sprites? What I need is that when you click the sprite ( b ), the starting point the line is set and clicking the sprite ( a ), the end point is set ...
  18. I have created a coordinate grid and am now trying to create the origin lines for the x and y axis, but there seems to be no way to increase the stroke of a line to make it thicker. Is there a way to do this?
  19. I want to create a web app that will allow you to draw pictures. I have tried using PIXI's graphics library and it sort of works, but there are some issues. I was attempting to use LineTo which basically draws a line between two points. The issue I have come across is if I increase the line thickness, any rotation causes gaps and weird edges. I have also tried creating circles instead of lines. For slow movements this looks great, but with quick mouse swipes, there are gaps between the circles. Does anyone know of a better way to code this using PIXI? Maybe PIXI is not the best library for
  20. Hi! I'm David, co-founder and front end of Arpic Games, a startup in Valencia (spain). We are making Starriser, an MMO of space strategy in real time. We are talking hundreds of thousands of players in real time in a giant world steering huge fleets of ships and managing planets, waging wars and trading with other players. A snapshot of the Starriser's galaxy: https://www.dropbox.com/s/sqro8ylbdkzqgfk/Starriser%20Galaxy.png?dl=0 This is a little one. Basically, the map is a graph. Nowadays Starriser uses Canvas 2D natively. I'm researching for graphic libraries and Pixi seems to be
  21. Hello all. I've been trying to create a simple line drawing 'game' using a bitmapData object and the CanvasRenderingContext2d object it contains. I've been successful, but it wouldn't support drawing two seperate line segments, preferring instead to make a line from the endpoint of the last line to the starting place of the new one. I wrote up some new code to try to fix that, (and I am probably missing something very obvious) but it does not work. No error is thrown, but nothing shows up onscreen. update: function() { if(this.game.input.activePointer.isDown && !this
  22. I'm trying to make it to where the user can draw lines on the screen, with a bitmapData object. When I try to draw on the screen, I get a 404 error, and I'm not sure why. Any help is appreciated! Here's my code: var game= new Phaser.Game(720,1000,Phaser.CANVAS, 'game_div');var play={ preload: function() { this.game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL; this.game.scale.setShowAll(); game.scale.refresh(); this.game.load.image('nope','assets/wrong.png'); }, create: function() { this.bmd=this.game.add.bitmapData(720,1000); this.ctx=this.bmd.context; this.ctx.setLineWidth(5.0); th
  23. Hello, I'm trying to make a simple game based on tilemaps and I have a problem. When I move my character (to the right for example), I can see black lines on the border of the game ( link here ). Same thing happens on the Sci Fly example ( link here ). My tilemap has a size of 100x100 tiles and a tile size is 16x16px. You can move the "player" with arrows. Here is my code that create the level : Level.prototype.preload = function() { console.log("Level - preload"); this.game.load.tilemap('zelda_tilemap', 'images/game/zelda_tilemap.json', null, Phaser.Tilemap.TILED_JSON); th
  • Create New...