Jump to content

Search the Community

Showing results for tags 'WebGL'.

  • 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





  1. Made anything cool with pixi.js? Post it up here and share it with the world! Whether it's a cool game demo, a fully fledged website or some tripped-out crazy experiment, we would all LOVE to see it! To get the ball rolling, here are some pixi.js projects that exist out on the internets: games: http://www.goodboydigital.com/runpixierun/ http://www.theleisuresociety.co.uk/fightforeveryone/ http://flashvhtml.com/ experiments: http://gametest.mobi/pixi/morph/ http://gametest.mobi/pixi/balls/ http://www.goodboydigital.com/pixijs/bunnymark/
  2. I get this error [.WebGL-0x55e80100]GL ERROR :GL_OUT_OF_MEMORY : glTexImage2D: <- error from previous GL command on my phone, everything is fine on my computer. What could be the reason?. The meaning of the project is that I draw a bizier curve by points, then it moves
  3. Steer Skinned Instanced Skeletal Animations to pre-determined locations. Now you can finally communicate with common household cockroaches. Visit https://www.otakhi.com/petridish?load=15856 to see how it is done.
  4. Hi, We're fairly new to pixi.js and so far everything worked great, but we've now run into our first problem we couldn't figure out browsing the forum and the web. We are currently creating a diagram consisting of lots of elements (about 12.000 elements, could get even more later on). That's going fine so far, but we now added an option for the user to filter the elements on display. So, every time the user changes the filter options, we remove all elements and add the new amount of filtered elements. That still works fine for a couple of times, but after about 9 changes Chrome loses
  5. Hello, friends. There was such a task. Start up one! a wave over a sphere, which, as it were, looks like a map of the planet, which (map) in turn is generated from planeBufferGeometry and then these geometries are combined using THREE.BufferGeometryUtils.mergeBufferGeometries(geometries, false); Code of vertex shader: vertexShader:` varying vec2 vUv; uniform float time; void main(){ vUv=uv; vec3 newposition = position + position*sin(position.z*12.)*0.03; gl_Position = projectionMatrix * modelViewMatrix * vec4( newposition, 1. );
  6. Happy New Year everyone. To kick off 2021, I thought I would announce a little competition to submit the best PR in January to the open source PlayCanvas WebGL game engine! $1000 prize money. See the Twitter announcement here: For inspiration, check out some of the previously merged PRs in the repo: https://github.com/playcanvas/engine/pulls?q=is%3Apr+is%3Aclosed A particularly cool submission from the last month or two was area lights: https://github.com/playcanvas/engine/pull/2535 But the PR can be anything: Bug fix Documentation improvement/add
  7. Hi. I glad to introduce you a new game that was created by our team - it's called Arcade Race and it's a simple racing game where you need to go from checkpoint to checkpoint trying to do it in short time. It's a 3d game but made in old pixel game style like Interstate76 or first Carmagedon . Please don't judge it seriously it's just a fan art inspired by old games. It works directly in browser and mobile devices with friendly controlls. Enjoy. It was made using Verge3D engine in Blender with help of Inkscape and Gimp. Here's a link to the game And some screensh
  8. Hi, I have a 200 * 200 painting. I want to enlarge this picture (eg 1200 * 700). of course by preserving the image quality. I learned that the way to do this is interpolation. I use the OpenCV.js library to interpolate. However, both my mathematical operations and openCV processes take a long time. Average 70 ms. I have to reduce this to 30-40 ms. I will try to do my mathematical operations on the GPU using GPU.js. But I don't have much experience dealing with pictures. Does anyone have any idea how to speed up interpolation for this, of course, how to get a better view?
  9. Hey! I'm trying to make calculations in a shader, and use all 4 channels, but unfortunately the alpha channel does not work as expected. I was thinking that if I will set gl.blendFunc(gl.ONE, gl.ZERO) then the output should be only just the source, without any blending, but it's not. So I have tried to combine it also with premultipling alpha (and keep gl.blendFunc(gl.ONE, gl.ZERO)), I get sort of closer results to the expected, but still behaviour is strange. In the demo below I'm just filling mesh with one color, and console.log values of the first pixel, was expecting [25, 178
  10. This is strictly for educational purposes only Since Flash is pretty much being deprecated in most browsers so is Habbo. Since there's retro versions, most of Habbo's assets are available on the internet. I've been using Pixi for now to create a 2D loading screen, which I did successfully. Then it occurred to me that Pixi is mostly just a renderer, and doesn't support 3D the same way as Three or Babylon does. Problem is that, I found coding of 2D UI elements in both Three and Babylon really difficult compared to Pixi. In Habbo it's really minimal what i
  11. Whenever I try to apply RGB split shift effect on the below Image, the rgb effect doesn't work. I dont know why the rgb color effect is not working on Image which has small color variation. For reference, I have added link to codepen demo and Image. The effect is working fine if the Image has color variations so, is there any way i can apply rgb effect on the below Image. Thanks in advance. https://codepen.io/piyushwalia/pen/pobVgWe
  12. Hello friends! I am extremely new to the HTML5 game dev scene and I would love a little bit of extra guidance. I've tried to google my way through but it's hard to research something that you're.. not even sure what you're researching? So far I've successfully created my 2D game in Unity and now I'm trying to figure out how to get it from Unity onto a website for testing. I built it as an WebGL and tried uploading the .zip to WordPress using this plugin here. I followed the very short tutorial but I got a 404 error within my site when I attempted to test play. I assume this is because Wo
  13. myCesiumflight chung is a small free Cesium engine based 3D webgl flight simulator written in html5, css and javascript . Fly anywhere in the world with high resolution terrain imagery and elevation heightmaps . Uses cssscale to increase fps rate. (12 fps fullscreen , 22 fps with chrome on my notebook) => http://chungswebsite.blogspot.fr/search/label/myCesiumflight
  14. I tried to find answers to these questions online, but was only partially success-full and most of the info I found was for pixi v3 version. Given that we are now on v5 and few things changed, I decided to ask this here to better understand pixi and webgl in general for optimising big amounts of assets. A small intro to my project I am working on a mobile / web game that relies on images for it's ui / characters / items / backgrounds etc. In some places we are talking high detail, fullscreen graphics for characters, something similar to this: https://www.artstation.com/artwork/n616E that ha
  15. Here's a simple timelapse that shows how easily you can crate a fully functional webgl application using only Blender, Inkscape and Verge3D. Realtime of this video only 25 minutes.
  16. RELIC RUNWAY Play a crazy adventue with Relic Runway . Run as far as you can, collect coins and upgrade useful bonuses, pick up relic parts to discover ancient artifacts, break idols to unlock amazing characters, and compete with your friends to be the best relic runner! LINK: PLAY NOW WEBSITE: PFFG.ONLINE
  17. Hi all and good day! 13 days ago started with new project and would like to share some stuff with you It's not completely from scratch, but took some base from my prev game DatTank [https://dattank.io]. How it looked 13 days ago How it looks today [melee attacking sys example] Would like to know if it would be interesting for somebody to read through some details in some articles or thms like this. Uh, and would be awesome to get some feedback Thx for your attention! ps: If you want to get quick updates from me follow on https://twitter.com/iOhmed
  18. Hi, we glad to introduce you a new series of tutorial that explain how to create WebGL 3D applications using Maya and Verge3D. You will learn how to create a 3d-web application from first step till the publishing it in the net. Enjoy. Link to the application Content: 1 – Intro 2 – Creating a New Project 3 – Materials and Environment 4 – Camera, Puzzles and Background 5 – Creating HTML Interface 6 – Layout for Mobile Devices 7 – Interactive Animation and Sounds 8 – Material Configurator 9 – Adding Annotations 10 – Post-effects and Antial
  19. Hi, I am new to Pixi.js and I have been searching and looking for the custom blend mode usage with only WebGL in Pixi.js. I looked through the post( ) and the github PR (https://github.com/pixijs/pixi.js/pull/4049) to explore the possible to create my custom BlendMode. Here are my questions: 1. Does pixi v5 support the custom BlendMode like #4049 mentions, and it seems the version that above post uses is v4.5.3 2. I have no idea how to apply the custom BlendMode to the particle effect with reading the repo (https://github.com/pixijs/pixi-particles). I think I should
  20. We have a JS developer job opening that would benefit from someone with WebGL skills. Are you a talented programmer with a passion for open source? We'd love to hear from you. The job is developing an open-source scientific library, https://github.com/psychopy/psychojs for the precise/rapid presentation of stimuli to participants in reaction time experiments and similar, which is why skills in dynamic high-performance graphics programming would be of benefit. This is part of a larger project mostly in Python, www.psychopy.org, which is a pretty popular package within behavi
  21. Hi, we glad to introduce you a new series of tutorial that explain how to create WebGL 3D applications using Blender and Verge3D. You will learn how to create a 3d-web application from first step till the publishing it in the net. Enjoy. Link to the application Content: 1 – Intro 2 – Creating a New Project 3 – Materials and Environment 4 – Camera, Puzzles and Background 5 – Creating HTML Interface 6 – Layout for Mobile Devices 7 – Interactive Animation and Sounds 8 – Material Configurator 9 – Adding Annotations 10 – Post-effects and Antialia
  22. Super-excited to announce some new experimental PlayCanvas technology that simulates cloth physics. final_5ed7a246132aee0015b5c0af_798743.mp4 Check out the blog article describing how it was done: https://blog.playcanvas.com/implementing-cloth-simulation-in-webgl/ Just a first step - but the added realism for character rendering is superb. Let us know what you think!
  23. I import pixi.js like this: import * as PIXI from 'pixi.js-legacy' But somehow when I visit the web-app using a browser having webGl disabled I get an error which tells me to use "pixi.js-legacy". How so? My package.json still contains the normal pixi.js and hence it's still installed, but not imported - could this cause the problem, i don't think right?
  24. 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
  25. Hi, Please, attach achieves to a free source code of 2D Games in HTML5 (or examples). Or give a link where one could download the source code. Maybe you can give a source code of your games? But I want only with the rendering context of the canvas: "webgl" or "2d" (without using of frameworks like: babylon.js and so on) Free Source Code from books: 2012 - 05 - Core HTML5 Canvas Graphics, Animation, and Game Development - David Geary https://github.com/corehtml5canvas/code 2012 - 06 - WebGL Beginner's Guide - Diego Cantor, Brandon Jones https://www.packtpub.com/code_downloa
  • Create New...