Search the Community

Showing results for tags 'WebGL'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Website URL


Twitter


Skype


Location


Interests

Found 453 results

  1. Mat Groves

    Pixi.js Showcase

    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. PlayingInCanvas

    Released: Danea Environment Painter

    Supercharged objects placement using physics directly inside the PlayCanvas editor. Speed up your scene creation! Create natural looking scenes without effort, paint anything on top of anything. Use cases: Easy to use rules for painting a collection of objects. Paint decals on top of surfaces without worrying about manual placement. Drop feature to create natural looking scenes. Athena Terrain Creator support for painting on terrain models. Get it here: https://pic.pirron-rodon.one/ View the documentation here. Speed level design: Physics Drop Feature:
  3. soft8soft

    WebGL: cloud-based or self-hosted?

    WebGL is all about online. It seems quite natural that some tools for creating 3D Web content are offered as web services. But is it safe to rely on them? https://www.soft8soft.com/webgl-cloud-based-or-self-hosted/
  4. The best way to learn is to practice as much as possible. Share your examples here. What browsers WebGL is supported, you can see here: WebGL 1.0: https://caniuse.com/#feat=webgl WebGL 2.0: https://caniuse.com/#feat=webgl2 A brief description of what WebGL is, and references to the specifications: https://www.khronos.org/webgl/ Tutorials: WebGL 1.0 Fundamentals WebGL 2.0 Fundamentals This book is about WebGL 1.0: WebGL Programming Guide Source Code for the book: examples.zip Source Code for the book on JSFiddle: Chapter 02. Your First Step with WebGL ch02/HelloCanvas: https://jsfiddle.net/8Observer8/2gky294r/ ch02/HelloPoint1: https://jsfiddle.net/8Observer8/cc72u1u5/ ch02/HelloPoint2: https://jsfiddle.net/8Observer8/uxw657ud/ ch02/ClickedPoints: https://jsfiddle.net/8Observer8/xf4fnc0o/ ch02/ColoredPoints: https://jsfiddle.net/8Observer8/gkkmnpga/ Chapter 03. Drawing and Transforming Triangles ch03/MultiPoint: https://jsfiddle.net/8Observer8/cty1120m/ ch03/HelloTriangle: https://jsfiddle.net/8Observer8/wk4sksnw/ ch03/HelloQuad: https://jsfiddle.net/8Observer8/g4ctyk7w/ ch03/HelloQuad_FAN: https://jsfiddle.net/8Observer8/v119e8o6/ ch03/HelloTriangle_LINES: https://jsfiddle.net/8Observer8/wwrkaxcf/ ch03/HelloTriangle_LINE_STRIP: https://jsfiddle.net/8Observer8/3ggjz4rm/ ch03/HelloTriangle_LINE_LOOP: https://jsfiddle.net/8Observer8/7vcyquro/ ch03/TranslatedTriangle: https://jsfiddle.net/8Observer8/0dp4xvyt/ ch03/RotatedTriangle: https://jsfiddle.net/8Observer8/gh9s6szm/ ch03/RotatedTriangle_Matrix: https://jsfiddle.net/8Observer8/7ze7pgpu/ ch03/ScaledTriangle_Matrix: https://jsfiddle.net/8Observer8/6xzoe63s/ Chapter 04. More Transformations and Basic Animation ch04/RotatedTriangle_Matrix4: https://jsfiddle.net/8Observer8/t4y7783v/ ch04/RotatedTranslatedTriangle: https://jsfiddle.net/8Observer8/b5yfxojp/ ch04/TranslatedRotatedTriangle: https://jsfiddle.net/8Observer8/o8voebc9/ ch04/RotatingTriangle: https://jsfiddle.net/8Observer8/x9j5vdk7/ ch04/RotatingTranslatedTriangle: https://jsfiddle.net/8Observer8/rkrv0322/ ch04/RotatingTriangle_withButtons: https://jsfiddle.net/8Observer8/wzoLmdzd/ Chapter 05. Using Colors and Texture Images ch05/MultiAttributeSize: https://jsfiddle.net/8Observer8/dsfgezbj/ ch05/MultiAttributeSize_Interleaved: https://jsfiddle.net/8Observer8/bshwnden/ ch05/MultiAttributeColor: https://jsfiddle.net/8Observer8/bveykLdf/ ch05/ColoredTriangle: https://jsfiddle.net/8Observer8/mrkpms7d/ ch05/HelloTriangle_FragCoord: https://jsfiddle.net/8Observer8/ft33yo9s/ ch05/TexturedQuad: https://jsfiddle.net/8Observer8/o3vakb3h/ ch05/TexturedQuad_Repeat: https://jsfiddle.net/8Observer8/2s7q68cc/ ch05/TexturedQuad_Clamp_Mirror: https://jsfiddle.net/8Observer8/mqu0wwma/ ch05/MultiTexture: https://jsfiddle.net/8Observer8/ztew5u0p/ Chapter 07. Toward the 3D World ch07/LookAtTriangles: https://jsfiddle.net/8Observer8/6ab11xpg/ ch07/LookAtRotatedTriangles: https://jsfiddle.net/8Observer8/944dd57h/ ch07/LookAtRotatedTriangles_modelViewMatrix: https://jsfiddle.net/8Observer8/e5t6gj1w/ ch07/LookAtTrianglesWithKeys: https://jsfiddle.net/8Observer8/38ewegg2/ ch07/OrthoView: https://jsfiddle.net/8Observer8/zebt4u7t/ ch07/LookAtTrianglesWithKey_ViewVolume: https://jsfiddle.net/8Observer8/vLcejtm1/ ch07/OrthoView_halfSize: https://jsfiddle.net/8Observer8/uvcd9h4p/ ch07/OrthoView_halfWidth: https://jsfiddle.net/8Observer8/vepodfb8/ ch07/PerspectiveView: https://jsfiddle.net/8Observer8/640pv8qe/ ch07/PerspectiveView_mvp: https://jsfiddle.net/8Observer8/w8yh4Lmj/ ch07/PerspectiveView_mvpMatrix: https://jsfiddle.net/8Observer8/hhwnx145/ ch07/DepthBuffer: https://jsfiddle.net/8Observer8/hyumw026/ ch07/Zfighting: https://jsfiddle.net/8Observer8/foc0b45t/ ch07/HelloCube: https://jsfiddle.net/8Observer8/rkpn5tyw/ ch07/ColoredCube: https://jsfiddle.net/8Observer8/80x8cyom/ ch07/ColoredCube_singleColor: https://jsfiddle.net/8Observer8/pespackq/ Chapter 08. Lighting Objects ch08/LightedCube: https://jsfiddle.net/8Observer8/4jchxo84/ ch08/LightedCube_animation: https://jsfiddle.net/8Observer8/ekw3osj7/ ch08/LightedCube_ambient: https://jsfiddle.net/8Observer8/y6qwnfe1/ ch08/LightedTranslatedRotatedCube: https://jsfiddle.net/8Observer8/pa88ujjg/ ch08/PointLightedCube: https://jsfiddle.net/8Observer8/vuq118ue/ ch08/PointLightedCube_animation: https://jsfiddle.net/8Observer8/5bj39hb8/ ch08/PointLightedSphere: https://jsfiddle.net/8Observer8/edz9Lz8f/ ch08/PointLightedSphere_perFragment: https://jsfiddle.net/8Observer8/qzwyow4j/ ch08/PointLightedCube_perFragment: https://jsfiddle.net/8Observer8/8t1umamf/ ch08/LightedCube_perFragment: https://jsfiddle.net/8Observer8/471y2t84/ Chapter 09. Hierarchical Objects ch09/JointModel: https://jsfiddle.net/8Observer8/vqse5egz/ ch09/MultiJointModel: https://jsfiddle.net/8Observer8/sL53wkn3/ ch09/MultiJointModel_segment: https://jsfiddle.net/8Observer8/ygvk7odv/ Chapter 10. Advanced Techniques ch10/RotateObject: https://jsfiddle.net/8Observer8/1f5hLmff/ ch10/PickObject: https://jsfiddle.net/8Observer8/owue624n/ ch10/PickFace: https://jsfiddle.net/8Observer8/edvw6z90/ ch10/HUD: https://jsfiddle.net/8Observer8/fLxxxs35/ ch10/3DoverWeb: https://jsfiddle.net/8Observer8/tbowcc16/ ch10/Fog: https://jsfiddle.net/8Observer8/6yf9L399/ ch10/Fog_w: https://jsfiddle.net/8Observer8/8aLvthc3/ ch10/RoundedPoints: https://jsfiddle.net/8Observer8/sjs5kmn4/ ch10/LookAtBlendedTriangles: https://jsfiddle.net/8Observer8/apoz294n/ ch10/BlendedCube: https://jsfiddle.net/8Observer8/xsrL2fs5/ ch10/ProgramObject: https://jsfiddle.net/8Observer8/jnd0j6w0/ ch10/FramebufferObject: https://jsfiddle.net/8Observer8/vaLq6d66/ ch10/Shadow: https://jsfiddle.net/8Observer8/jsnfwcae/ ch10/Shadow_highp: https://jsfiddle.net/8Observer8/brjzr00n/ ch10/Shadow_highp_sphere: https://jsfiddle.net/8Observer8/4fmyLy5f/ ch10/OBJViewer: https://jsfiddle.net/8Observer8/pws1x7uv/ ch10/RotatingTriangle_contextLost: https://jsfiddle.net/8Observer8/vs01s8Lz/ Gifts gifts/Particle: https://jsfiddle.net/8Observer8/Ltzt31vk/ gifts/Printf: https://jsfiddle.net/8Observer8/qsw7jtec/ gifts/SpecularCube: https://jsfiddle.net/8Observer8/z4xj9rbv/ gifts/TextTexture: https://jsfiddle.net/8Observer8/qt7q2kuf/ gifts/ThreeDUI: https://jsfiddle.net/8Observer8/zdw1f2st/ gifts/Wave: https://jsfiddle.net/8Observer8/eL9odthz/ gifts/WorldCoordinateSystem: https://jsfiddle.net/8Observer8/6utj3hnk/ appendix/CoordinateSystem: https://jsfiddle.net/8Observer8/dzz056jt/ Appendix appendix/CoordinateSystem_viewVolume: https://jsfiddle.net/8Observer8/apxLww1q/ appendix/LoadShaderFromFiles: https://jsfiddle.net/8Observer8/wdn9ubhj/
  5. PlayingInCanvas

    Released: Athena Terrain Creator

    This has been under development for a while but we are proud to have it released today! Using a Chrome extension you can subscribe and load our libraries directly inside the PlayCanvas editor. We are determined in providing a list of editor extensions that empower PlayCanvas and solve case specific problems. Coming soon: Physics Painter P2P Multiplayer Animation Timeline Starter Kits Learn more: https://pic.pirron-rodon.one/ Athena Terrain Creator Create dynamic terrains from heightmaps with adjustable quality and multiple textures that render directly inside the PlayCanvas editor. Terrain creator is an editor extension that integrates seamlessly with the PlayCanvas editor. It provides tools that help you add natural terrains in your scenes and the ability to do object placement in a WYSIWYG way. Features list: In editor terrain generator from heightmaps. No need to include big terrain models to your app, reduce your download size to a minimum. Terrain generation on runtime is fast! Depending on the quality selected can be < 300ms. Support for single and tiled heightmaps, seams are properly calculated during normals generation. Why tiles? Benefit by camera frustrum culling to achieve greater performance. Support for infinite number of terrains! Take care of your polycount and you can have as many terrains as you like. Control your terrain model detail by selecting the number of subdivisions. Control your terrain total size in all directions. Support for colormaps with up to four texture channels. The splatmap shader uses the PlayCanvas shader chunks system supporting all lighting/rendering effects. The terrain model generated uses a standard PlayCanvas material for lighting. A collision component is added that allows compatibility with other editor extensions coming soon. A special terrain-runtime.js script is added to your project to generate your terrain on runtime. All terrains generated are yours to keep! All extension fields include detailed tooltips with usage instructions. Coming soon: API pc.Events that allow you to add your custom logic during terrain generation/texturing.
  6. Verge3D is an artist-friendly framework for creating HTML5 and WebGL games. Starting from this pre-release you can use it to create AR & VR games as well. Check out the following demo: https://bit.ly/2CuURKF This simple animated experience should work in Google Cardboard/Daydream, Samsung Gear VR, Oculus Rift/Go, HTC Vive/VivePort, PlayStation VR and Windows Mixed Reality headsets. More info here: https://bit.ly/2BzOyE8
  7. kanatos-kun

    How to create transition in Phaser 3?

    Hi, i want to do something like this in phaser : I've been learning webGL because i think it must be done with webGL, but if someone can tell me how i can do this effect in phaser3 it can be cool ^^.
  8. MerryArcade

    Cemetery

    A Pac-Man style game made in WebGL/JS. Design goal was to have it scale and play well on both a computer and tablet/phone. All suggestions and comments are welcome. https://www.merryarcade.com/Cemetery/ Regards, Bjorn, MerryArcade.
  9. Famobi

    Greetings from Famobi

    Hi everyone, Famobi has been around for more than two years already, but somehow we haven’t actively taken part in this wonderful forum during this period. Many of you know us already and have published their wonderful games in our network. So first of all we want to say THANK YOU! Thank you for the fantastic games you create, thanks for making the HTML5 games industry the next big thing and thanks for just being really great people. After all you and your games are our daily business. And we have lots of fun with them. But even more important, our clients love them. We have spread your games to many portals, companies and brands and gave them the attention they deserve. Since your games have been the foundation of our company and its ongoing success, it’s only fair that we share with you our current state and upcoming projects. Of course we continue and steadily improve our daily work as a distributor of your games. We place them on all the biggest and most known portals around the globe. And new portals, big and small, are registering for an account at Famobi every day. Another focus right now is Facebook Instant Games. Shortly we will begin placing games in the Facebook messenger. So if you have amazing high score games with a quick and easy gameplay, let us know anytime. One can never have enough of those And in general, please continue to send us your games. There are no restrictions to genre or age. However we have a few requirements based on the needs of our clients and partners, that have proven to be crucial for maximum success. The games must be: Full responsive. Games must work in portrait and landscape mode. Without text. No texts means anyone will understand your game regardless of language. Small. Preferrably the file size should not exceed 3 MB. Smooth performance. Even on lower-end devices. We test our games from iPhone 4S and Samsung Galaxy S4 mini upwards. These are a few examples of games that fulfill these requirements and that we really love: Solitaire Classic Street Race Fury 4 in a Row Classic Bottle Flip Challenge Mandala Coloring Book Backgammon Classic Kids Color Book 2 But before our post reaches the dimensions of a novel, let’s come to an end for now. For all those who didn’t know or contact us yet, you can reach us anytime under these addresses: Game submission: Please use our submit form right here: https://famobi.com/#contact General questions: info@famobi.com Purchase of games: sales@famobi.com Thanks so much and let’s continue to shape the industry! Cheers from the whole team!
  10. Hi all, I was wondering if it was possible to access variables from a previous pass in the shader, i.e color of fragment or something along those lines. I want to have something that changes color over time after an event occurs. So if I can access a time delta plus a previous color then I can slowly modify it to a new state, is this possible? *Note this is my first time working with shaders, please excuse any stupid questions 😕 Thanks.
  11. Hello, im Nikola, aka Poison Games. I have over 40 games on google play https://play.google.com/store/apps/developer?id=Poison+Games and also i have publish few games on gamedistribution http://gamedistribution.com/games?company=danygames.com Also working with few popular websites like crazygames, y8, pacogames etc... I can make and reskin a game ( unity webgl ) for affordable price. If you are interested, please contact me, Thanks
  12. mikhluz

    Verge3D 2.9 for Blender 2.80

    Finally, after 6 weeks of hard work and 4 pre-releases we are excited to present Verge3D 2.9 for Blender! This release is so huge that we even thought of assigning a major version number (making it 3.0), but decided to save it for the future until we support a third 3D editor. Here is the list of the most significant features: Support for Blender 2.8 and the Eevee renderer! New Eevee-based demo – Scooter Customizer! HDR rendering pipeline and radiance HDR textures Post-processing effects – bloom, brightness-contrast, grayscale, DOF and SSAO Many new puzzles including those for changing RGB and Value nodes of materials and the world Better anti-aliasing for reflective materials Dozens of other improvements and bug fixes. Link to the fool article.
  13. aaryte

    cave2d.com/game5 is done

    I got to a good stopping point on cave2d.com "game5" so I think I'm done with it! *POST*. Game5 is the sequel to game2 that nobody asked for. It has local multiplayer support, keyboard/mouse and touch support, a few different weapons, tractor beams, shields, explosive mines which are fun to chain together, and sounds generated live with web audio. It was fun to make (which is good because I don't plan to make money with it) and I'd love to hear any feedback on it - thanks!
  14. J. K. Sleepling

    Changing image resolution for mipmapping

    Hi there, I'm working on an app showing user uploaded maps (bitmaps). These maps can be of any resolution and often they are very large. Now down-scaling these images they become ugly and crunched, so I need to use mipmapping (Working in WebGL). I know mipmapping only works with "powered by two" resolutions, but is there any way I can resample my odd-sized maps, to fit into a "pb2" resolutioned baseTexture, and still know the original specs. Or how would you work around it? Thanks
  15. Hi, does anybody know a professional/real mobile game made with Three.js/Babylon.js/Playcanvas? It seems like no one is betting for these technologies and goes for Unity or similar.
  16. An awesome series of game development tutorials. The famous Asteroids game is being recreated in Blender and WebGL, without using a single line of code! So far 7 videos are already available: Part 1: Modeling of the spaceship https://www.youtube.com/watch?v=Z-vFWHsTY0o Part 2: Creating materials for the spaceship. Outline effect https://www.youtube.com/watch?v=mwa5AHyteaE Part 3: Creating looping animated stars https://www.youtube.com/watch?v=5CklNN08V5A Part 3.5: Re-making stars animation with Verge3D Puzzles https://www.youtube.com/watch?v=XWECthVEONs Part 4: Adding keyboard controls https://www.youtube.com/watch?v=wFX6FRSyHZI Part 5: Modeling of asteroids. Materials and outlining https://www.youtube.com/watch?v=Ecgd5ZsU-N0 Part 6: Making asteroids move with Puzzles https://www.youtube.com/watch?v=3BdGNtMdGi0
  17. This interactive application was developed by a group of 3D graphics specialists from the Jet Propulsion Laboratory. Using Blender and Verge3D, the team led by Brian Kumanchik with support from Soft8Soft developers created an engaging WebGL experience to give you the opportunity to explore all the details of this mission. Enjoy Experience InSight by following this link. Click (or touch) and drag to explore this 3D visualization of the Mars InSight lander. Use the control panel on the left to learn about the lander’s components.
  18. We have atlas exported with Texture Packer. Run-time every texture is cropped by 1 pixel. This pixel is added to the opposite of the texture. Likewise https://github.com/pixijs/pixi.js/issues/5087.
  19. Today I got a headache from how... why... phaser3 handles the camera.setZoom(); - First thing I learned: all bodies need to be recalculated after .setZoom. - in WebGL works as expected. - in Canvas, Tilemaps are huge, the zoom isn't on point and even by recalculating the bodies, collision is way off. This could be reproduced by using this code and setting WebGL / Canvas. The code behaves differently depending on which you choose, and neither of both has a valid result. Am I missing something? Game config: // Game config type: Phaser.WEBGL, width: WIDTH, height: HEIGHT, scene: Level, resolution: 1, pixelArt: true, antialias: false, hidePhaser: true, roundPixels: true, backgroundColor: '161C22', zoom: 1, physics: { default: 'arcade', arcade: { gravity: { x: 0, y: 250 }, debug: true } }, tilemaps and camera: // Tilemap method setMap() { // # Add Tilemap this.config.map = this.make.tilemap({ key: 'map', tileWidth: 8, tileHeight: 8 }) const tileset = this.config.map.addTilesetImage('tilemap'); // # Add Tilemap Layers this.config.layers.background = this.config.map.createDynamicLayer(0, tileset); this.config.layers.midground = this.config.map.createDynamicLayer(1, tileset) this.config.layers.ground = this.config.map.createDynamicLayer(2, tileset); this.config.layers.forground = this.config.map.createDynamicLayer(3, tileset); this.config.layers.water = this.config.map.createDynamicLayer(4, tileset); // # Configure Tilemap Layers // replace with array of actual bodies this.config.layers.ground.setCollisionBetween([]); this.config.map.objects[0].objects.forEach((obj)=>{this.setMapObject(obj)}); // # Configure z indexes this.config.layers.background.setDepth(0); this.config.layers.midground.setDepth(1); this.config.layers.ground.setDepth(2); this.config.layers.objects.setDepth(3); this.config.layers.enemies.setDepth(4); this.config.layers.player.setDepth(5); this.config.layers.effects.setDepth(6); this.config.layers.water.setDepth(7); this.config.layers.forground.setDepth(8); this.config.layers.overlays.setDepth(9); this.config.layers.ui.setDepth(10); this.setTransition(); } // # Configure main camera const m = this.config.map; this.physics.world.setBounds(0, 0, m.widthInPixels, m.heightInPixels, true, true, true, true); this.cameras.main.setBounds(0, 0, m.widthInPixels, m.heightInPixels); this.cameras.main.setZoom(8); this.cameras.main.setRoundPixels(true); this.cameras.main.useBounds = false; this.config.layers.ground.setCollisionBetween(0, 8000); // add sprites this.config.player = new Player({ scene: this, x: 20, y: 30}); this.cameras.main.startFollow(this.config.player); this.physics.add.collider(this.config.player, this.config.layers.ground); Any thoughts, on this, would be helpful.
  20. Hi all, We have a web based 3d project to be made with babylon. all models and baked diffuse textures will be provided, FBX and jpg textures, what you need to do is : 1-import assets, create PBR surface shader for building and a reflective transparent glass shader for windows 2- a directional light with shadow 3-implement a navigation system with left click hold to rotate around model, middle click pan , and right click hold to to zoom in and out 4- ability to double click and move camera to teleport on any point on the model to explore up close. 5- UI system with dimension and text where you double click on the UI you zoom on it. 6- Button to toggle UI on and off 7- full screen button This whole system is already implemented with unity and its live on following link you can see what exactly we need to make. What we need is this to be made with native WebGl using Babylon js or 3 js so all browsers on mobile,Mac and PC could open it, this is critical for this project. we want the exact look and feel. http://www.v2igroup.com/edq/ I reckon we can do this hourly based AUD, payment will be via paypal. we will be having 7 of this all the same only buildings type change, so first one would require more work the rest would be just replacing and adjusting the buildings and context. please let me know if you have enough experience to take on this task. EMAIL sam.g@v2i.com.au yours, Sam
  21. jeromechoain

    Makruk - Thai chess

    Hi, another new chess variant, this one comes from Thailand and is called Makruk. Hope you'll like it! jerome post: http://www.jocly.com/makruk play it: http://www.jocly.com/#/play/makruk attached: 2d and 3d skins + cheat sheet
  22. Calling all HTML5 game developers! Here at Goodboy Digital we are looking for developers with a passion for HTML5 game making to come and join a team who really love what they do. If you want to kick out some of the best HTML5 games going with us and help work on cool R&D projects like Pixi.js (and some secret ones too!) then please apply and show us what you got We are looking for all skill ranges from junior to senior. The main thing is that you love making these things! Junior Developer - https://goodboydigital.workable.com/j/5C5E976940 Senior Developer - https://goodboydigital.workable.com/j/30B8771D24 Cheers Mat
  23. The article explaining the differences between the Unity WebGL engine port and native JavaScript implementation called Verge3D. https://www.soft8soft.com/verge3d-versus-unity-webgl/
  24. mikhluz

    Verge3D 2.5 for 3ds Max

    We are finally releasing Verge3D 2.5 for 3ds Max – it took longer than we thought, yet the amount of new features that we delivered this time was definitely worth waiting for. In this release are reworked physical materials, support for bipeds and character rigs, animation of material parameters, support for more texture settings, anisotropic filtering and various new puzzles to help creating even more engaging interactive scenarios without coding. Link to the Full Article Link to the Realtime Application Youtube Video
  25. AndrewJS

    Fastest way to do masking?

    Pixi usually performs really well even with heavy scenes. I can put hundreds of objects, even thousands of particle sprites and get 60 FPS on mobile. I typically only use a single masked object in a scene but recently needed to use more and I was surprised at how badly Pixi performed with masked objects. For every masked sprite, I lost about 5 FPS on mobile (both Android and iOS on old and new phones, newer phones actually performed worse in some cases). By the time I added 4 masked sprites, I was down to 40 FPS, adding 10-20 masked sprites dropped to 20 FPS with really bad stuttering. As soon as I switch the mask off by removing the assignment, it goes from 20 FPS to 60 FPS, even with 200 of the same sprites. It doesn't seem like it should take so much resources to do masking given all the other effects that are possible. Tinting for example, adds a value to every pixel and costs nothing. Masking is just checking a pixel in one object and setting the equivalent pixel in the other object. Is there a faster alternative to using object.mask = mask? Is there a graphics buffer I can use to set the pixel values myself, e.g if I could create an array of pixel values and generate a texture buffer from that. Javascript is pretty fast with arrays. The main thing that bothers me is that the low performance happens with static masks. I could understand the performance hit when the sprite is animating relative to the mask but not when they are both static. Why doesn't it buffer the masked sprite and use that over and over like a normal sprite? I found a thread that describes the same issue, unfortunately I'm stuck on v3 for now: https://github.com/pixijs/pixi.js/issues/2163 I just found the following with a possible alternative using multiply blending: https://github.com/pixijs/pixi.js/issues/3735 To isolate it, it suggests using a voidfilter. Is this the fastest way to do masking in Pixi? If so, is there example code for this? Say that I did at some point want to draw a texture pixel by pixel, one way would be to draw a tinted 1x1 pixel sprite into a render texture. Is there a better way than this e.g set values in a buffer and convert it to a texture? Is there a way to read a pixel color/alpha value from a sprite or texture. There seems to be an extract function for WebGL and Canvas but it looks like this extracts the viewport. It would be good to be able to render sprites to a rendertexture and be able to read the pixel values of that texture using pixel co-ordinates.