Search the Community

Showing results for tags 'engine'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • HTML5 Game Coding
    • News
    • Game Showcase
    • 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

Found 67 results

  1. Hey guys... need some help here, I'm getting this error: babylon.js?98a3:20 Uncaught TypeError: Cannot read property 'globalPosition' of null at Function.t.BindEyePosition (babylon.js?98a3:20) Now... I only get this error after I've reinitialized the engine a second time on a whole new canvas, while previously shutting down the old instance with engine.dispose(). The scenario that inits the scene is complex enough... and part of another project... so creating a playground would be difficult. (The playground seems to rebuild the whole dom and init anyways). This appears to be coming from the MaterialHelper class, and the activeCamera variable appears to be null... not sure why, though. Any leads on what this might be before I start digging?
  2. Hello everybody, I've been obliged to find best solution for making html5 games for our company. It'd be great if some experienced developers would advice on which direction to go. We have a huge experience in Unity games development, but we already created around 10 games in Phaser 2 engine with WebStorm and TypeScript, but we're not fully satisfied because of the low performance of the games on mobile platforms and lack of support for optimised shaders. Our needs are: - Good performance on mobile platforms - 2D (but 3D would be appreciated, majority of our projects would be 2D) - Good support for sprite sheets (TexturePacker support would be great), sounds, particles, physics, real shaders (vertex, fragment), tweens, skeletal animations - Layout Editor would be great - JS ES6 or TypeScript support - Can be commercial
  3. hi every one. i wanna make Tool to control scenes with html5 i wanna make like under images's red box. can you recommand library to make that? thx
  4. Hi All, I'm developing an React.js APP which consists of multiple pages. One of pages contains canvas, scene and of course, engine while other pages don't. Naturally, I need to dispose scene and stop engine when I am going to leave this page while init the scene and runRenderLoop when I re-eneter this page. The related code is as follows. class Scene { constructor() { this.canvas = null; this.engine = null; this.scene = null; this.obstacles = null; } init(canvas) { this.canvas = canvas; this.engine = new BABYLON.Engine(canvas, true); this.scene = new BABYLON.Scene(this.engine); this.scene.clearColor = new BABYLON.Color3.Black(); this.obstacles = new Obstacles(this.scene); } run() { window.addEventListener("resize", () => { this.engine.resize(); }); this.engine.runRenderLoop(() => { STORE.updateFPS(String(this.engine.getFps().toFixed())); this.scene.render(); }); } stop() { STORE.toggleSceneActive(false); window.removeEventListener("resize", () => { this.engine.resize(); }); this.engine.stopRenderLoop(); this.scene.dispose(); this.engine.dispose(); } } export default class Canvas extends React.Component { render() { return ( <canvas className="main-canvas" ref={(canvas) => { if (canvas === null) { // React will call the `ref` callback when the // component is being umounted. SCENE.stop(); return; } SCENE.init(canvas);; }}> </canvas> ); } } The problem is that when I go back to this page and try to dispose the mesh of obstacle to redraw, which is BABYLON.MeshBuilder.ExtrudePolygon(). It reports error: Does anyone have any idea? What's wrong with my operations? TypeError: engine is null ./node_modules/babylonjs/dist/preview release/babylon.max.js/AbstractMesh.prototype.dispose src/visualization/browser/node_modules/babylonjs/dist/preview release/babylon.max.js:13927 13924 | this._occlusionQuery = null; 13925 | } 13926 | // Engine > 13927 | engine.wipeCaches(); 13928 | // Remove from scene 13929 | this.getScene().removeMesh(this); 13930 | if (!doNotRecurse) { ./node_modules/babylonjs/dist/preview release/babylon.max.js/Mesh.prototype.dispose src/visualization/browser/node_modules/babylonjs/dist/preview release/babylon.max.js:22773 22770 | highlightLayer.removeExcludedMesh(this); 22771 | } 22772 | } > 22773 |, doNotRecurse); 22774 | }; 22775 | /** 22776 | * Modifies the mesh geometry according to a displacement map. updateState src/visualization/browser/src/scene/obstacle.js:73 72 | if (this.mesh) { > 73 | this.mesh.dispose(); 74 | } 75 |
  5. Helloes. Important game points Toss up between top down rpg/adventure (snes zelda, secret of mana) with management games Should have quasy multiplayer, meaning that client deals with representation and server does everything else Procedurally generated for the most part, using tilesets or tilesections Gamepad friendly. Both X360 and DS4 How I plan to approach it Step by step, spread across mini-games and mini projects For starters, an idle game featuring the procgenned skill system Everything barebones regarding graphics untill the very end The main issues/worries I have Not sure between Cocos2d-x and PixiJS, or perhaps something else entirely, for the graphical representation What language for server side of things? Anything is fine for me, as long as its the (near)best solution I'd like to tackle the server part early on to know how to approach everything else Closing I wrote a bunch of stuff, then cut it down to bullet points as no one needs to read useless shit. I have no monetary expectations. I have an artist lined up who would do the gfx if I ever make something proper (can invest in some already done assets aswell). I do have experience modding various games and doing general coding across various languages (mini sites, apps and the like for my own amusement). I'm quick learning, adaptive and too old to have delusions of grandeur and will rather treat this as a hobby that eats a big part of my free time. Anyways, hope some of you have some suggestions and know limitations of various libraries and practices involved. I have nothing to offer in return except gratitude.
  6. hi I try to use onBeforeStepObservable so I pass two more option to engine( var engine = new BABYLON.Engine(canvas, true, { deterministicLockstep: true, lockstepMaxSteps: 4 }); and it occurs an error like below at scene.render() engine.runRenderLoop(() => { scene.render(); }); If I set the lockstepMaxSteps to 1, then it's alright. This issue seems not happen to the example on PG( any hint what could be the problem?
  7. Playniax game engine

    Hi guys,This will be the place where I will keep you up to date you on the latest Playniax game engine called Pyro! You can find it Pyro is ideal for building 2D games and other interactive graphical driven applications. Pyro apps run on WINDOWS, OSX, LINUX, IOS, ANDROID and HTML5! And... It's FREE! Here is a game made with Pyro
  8. We can render a scene in Babylon.JS reading values like position/scale from form fields. But does it allow to make changes in scene listening real time changes in input fields like $('input').val() var cusotm_position = $('input').val(); canvas = document.getElementById("renderCanvas"); engine = new BABYLON.Engine(canvas, true); scene = createScene(); //draws a mesh at custom_position engine.runRenderLoop(function () { scene.render(); }); $("input").change(function(){ cusotm_position = $('input').val(); delete scene;scene = createScene(); //hangs website for few seconds,need its alternate }); I tried to call scene.render(); on event listener of change in input but that doesn't seem to be doing anything. Is there anything like refrest/update to change to updated variable values. Better if this can be done without removing everything and recreating fresh scene. As delete scene;scene = createScene(); does refresh everything with new variable values but it hangs the website for few seconds.
  9. Visual Novel Engine RenJS

    Hi! I'm a developer from Argentina and I just released a visual novel engine based on Phaser and inspired by Ren'Py, called RenJS. The stories are written in yaml on a list of actions, and then interpreted and executed with Javascript and Phaser. It's easy to use by non programmers and it's super easy to extend and modify for anyone that knows a bit of phaser. I invite you to check the tutorial game I made with the engine itself in, you can also get the code from, download it, play it locally and grab the files to make your own visual novels. There's no official documentation of it yet, but I'm working on it. I hope to get some feedback from you all, thank you!
  10. Hot reloading engine

    // @flow // $FlowIgnore import * as BABYLON from 'babylonjs'; import shortid from 'shortid'; type Color = { r: number, b: number, g: number, }; export default class Scene { _scene: BABYLON.Scene; _camera: BABYLON.ArcRotateCamera; _light: BABYLON.HemisphericLight; constructor(engine: BABYLON.Engine, canvas: HTMLElement) { const scene = new BABYLON.Scene(engine); scene.clearColor = new BABYLON.Color4(0.5, 0.8, 0.6, 0.8); const camera = new BABYLON.ArcRotateCamera('Camera', 1.5 * Math.PI, Math.PI / 8, 50, BABYLON.Vector3.Zero(), scene); camera.setTarget(BABYLON.Vector3.Zero()); camera.attachControl(canvas, false); const light = new BABYLON.HemisphericLight('light1', new BABYLON.Vector3(1, 1, 1), scene); light.intensity = 0.5; const sphereMaterial = new BABYLON.StandardMaterial('texture1', scene); sphereMaterial.alpha = 1; // sphereMaterial.diffuseColor = new BABYLON.Color3(0.5, 0.5, 0.5); sphereMaterial.diffuseColor = new BABYLON.Color3(0, 0, 0.5); const boxCfg = { size: 5, updatable: true, }; const sphere = BABYLON.MeshBuilder.CreateBox('sphere1', boxCfg, scene); sphere.material = sphereMaterial; sphere.position.y = 5; this._scene = scene; this._camera = camera; this._light = light; } render = () => { this._scene.render(); } dispose = () => { this._scene.dispose(); } } import { Engine } from 'babylonjs'; import Scene from './Scene'; export default class RenderEngine { constructor(container) { this._container = container; } animate() { this._engine.runRenderLoop(this._scene.render); window.addEventListener('resize', this._engine.resize); } createScene() { this._scene = new Scene(this._engine, this._canvas); } render = () => { this._canvas = document.createElement('canvas'); this._container.appendChild(this._canvas); this._engine = new Engine(this._canvas, false); this.createScene(); this.animate(); } reRender = () => { this._engine.dispose(); this._container.removeChild(this._canvas); this.render(); } } const root = document.getElementById('root'); const engine = new RenderEngine(root); engine.render(); if ( {'./RenderEngine', () => { engine.reRender(); }); } I am currently learning babylon.js and with my set up I have hot reloading, so when any files are changed, engine.reRender() will be called. To test it out I change up color of sphereMaterial. It creates new canvas, but for some reason it still shows the old colors... Is there any way to clear out the scene and engine to load the webgl with new configuration? Thank you.
  11. Hey everyone! This is a video of a prototype for my first HTML5 game Bunny Hop made using Construct 3. I wanted to keep my first HTML5 game small and simple plus this is my first time really making a game in Construct 3. I don't think any sponsors/portals would be interested in this game for it being so small lol, but I like to start on small projects when I am testing out engines I am new to. Plus I still need to figure out how to host it onto a web server and all that. Here is the Link to a gameplay video!
  12. Modify time scale in 2D physics engine

    Hi, I would like to modify time scale in a 2D physics engine. I searched about it, and matter.js seems to permit timescale modification. In addition, i would like to set 'different timescales' for different bodies (as example: 2 object fall, one will be set to timescale:1 and the other timescale:0.5. So this last one will fall 2x slowly) It sound nonsense, but is there a trick to do it? I thouth about saving positions on last step, and compare them to the new one, then replacing them with a homothety value relative to the timescale. But there is a lot of cases that this can't handle Any sugestions? Thanks
  13. Hey everyone, I'm one of the developers of Curve Fever which is a multiplayer snake game. Due to a complete redesign and performance/loading issues we plan to remake the game with HTML5 canvas. We've already done a little bit of research but I'm already noticing there are hundreds of options for everything. Reading through each option would first of all take a lot of time and secondly it's always advertised better than it is and it leaves out the downsides. I'm looking for some general advice and some advice on frameworks and tools to use. I have a few concerns and requirements listed below along with the information about our current project/setup. About the project The current game is made in Unity and exported to WebGL. However, 20% of the users are unable to load the game and 25% of the users that can load the game has FPS below 40. This is too high and we've had several talks with the developers that work on WebGL in Unity but they say that it's unlikely that it's gonna have massive improvements. Totally understandable because Unity is a massive engine and WebGL is mostly used for demos and such and not full games. Our game is a 2D topdown multiplayer snake game played by milions of users. The servers are custom made with Go(lang) and the communication is done with websockets using Protobuf messages. Most of the game is actually UI for things like chat, friends, shop, lobby, profile, popups and so on. Requirements These are the main requirements we have for our new setup. Exportable for standalone (Windows, MacOS and Linux) - Preferably with generic API's for native things. Exportable for Android and iOS - Preferably with generic API's for native things. Exportable for web portals and Facebook. Being able to run the game locally on Windows, MacOS & Linux. Great workflow for quick development and design. Structured code base (Typescript?) Easy for designers to create UI elements and such. Easy to create UI animations. (or animations in general) Rapid prototyping. Quick load times Good performance on multiple devices. Some kind of versioning would be great. It's also quite important that it's open source. Specific questions Here are some specific questions we have currently. We're mostly just looking for general advice on what to use and what not to use with the requirements we have. Is there something like Electron that also exports to mobile or do we have to use two services? Is it correct that it's best to create UI in the dom? If so, how well will it work with services that export the game? Since most of our game is UI would it be wiser to not use a game engine like Phaser? To give some more context, basically all we have to do in the game is render curves (lines) on the field. The curves will have to be erased too because of client side prediction (multiplayer networking). Is there something that lets us create UI elements easily with animations and such like it's done in Unity? I know that a lot can be done with HTML, CSS and JS but not all game designers may be experts with this and it'd be much easier if there was some sort of software where designers can design the game in. How good are the profilers/debuggers in the available engines? Or do people often only use the browser profiler/debugger? Just putting this here for people that only read these questions. What are some good practices and workflows. Would be great to hear what stack of tools and libraries etc people use and why.
  14. Hi All, TLDR: i really just want a javascript sprite rendering engine, is Phaser right for me and/or with 3.0 will i be able to just use that part of the engine? I am about half way through my first phaser game and am loving it. Because of the nature of the game, i am using very little of the engine. All I am currently using the engine for is input buttons and sprite rendering. No physics, movement, world updates etc... I am using all my own code for doing movement, collision, updates, etc.. In the current phaser version, i am starting to see some slowdown on mobile browsers. I still have some obvious optimization to do which will help but i am at a point now where i could move things around easily since basically everything is just pure javascript. The hooks are not deep into Phaser at all. I read with 3.0 we would be able to add and remove things from phaser to match what we need, is this still the plan? Would i be able to just use the Sprite Render and Button/Input parts? Is there another engine that might be better (maybe just straight PIXI). Or should i just use Canvas and make my own simple sprite management? Any advice from you guys with experience would be much appreciated.
  15. I need to set the X axis as Z and vice versa, so everything should be ZYX instead of XYZ, is it possible ?
  16. Hello, I am a co-founder of a startup, right now we are two people working on developing an app for brain training using a sensor that can measure brain signals. It is a desktop application written in JavaScript using Electron. We have decided that we would like to have a game working inside of the application, that can take incoming signals from the sensor and use them to control the game. For example it could be increasing speed or height as the signal increases. We have been looking into game frameworks/engines to do this. Since we are using JavaScript we would prefer to keep working with that. Electron uses a chromium browser so it also needs to work with HTML5. We have a lot of other things to focus on so preferably we would like to be able to build games quickly and easily, my co-founder prefers not to code so much so we have been looking into drag-and-drop GUI based ways of building games. Like Construct 2, Buildbox, Game Salad, Gamebuilder Studio and lately Qiciengine. We really liked Qiciengine as it is open source and completely JavaScript and HTML but now we found out that it is no longer being developed. I am already getting errors running it with the latest Node version so it does not seem very promising to use without any further development. The game itself can be quite simple, we are thinking 2D and having some character fly in the middle of the screen, going up or down as the signal increases or decreases and receiving points/bonuses based on some score system. I have been a bit concerned with using GUI based drag-and-drop game engines to generate the code as we need the game to integrate well inside of our application and we also need to send in values to control the game, that makes me think that a more code-based framework like Phaser may be a good choice for us as it would ease integration and allow us to have one codebase. On the other hand it may take longer to develop as I would have to write all the code. That said is there anyone who can recommend us how we could develop this game? Would it be ok to use the qiciengine even if it will not be developed? In general do you think it would be hard to integrate a drag-and-drop solution that generates code into our existing application? Would it mean more work in the end as we would have to keep separate code-bases/projects synced?
  17. Time to reveal what is my latest project: So what is it? In short it's a 2D graphical RPG maker directly usable from your browser, which let you create multi player games. You can upload your own art (and soon your music too), change all the game rules, edit the maps, place monsters, create quests, and much more. Who can be interested? Whoever want to create his/her own 2D rpg or just even want to play one. How much will it cost? There will be a couple of options. You will be able to start without paying a cent, but some features will be disabled and available only for payed users. Can I make money with it? Yes you can, as we will introduce premium shops such that your players can spend money on your game. There will be a fee on the sales most likely but you shall get most of the money. Payment for your players and for you will be done via Paypal. Can I create a big game with it? Yes you can create really really huge games, with loads of maps and content. We doubt you will ever reach the limits of our system. Do I need to download something to start? No it's all fully working within your browser using HTML5 technologies (JS and Canvas). No need to download anything neither for you nor your players. Will my game be playable from mobile devices? Yes we do plan to make the games fully playable by mobiles, while the maker will most likely be too difficult to use from a mobile device. When shall the product be ready to be used? You can start already using our product, but we consider it currently as in beta. We plan to have a full product by the end of this year. However our own game will be released only middle next year. Can I save / export my game? We do offer backup and restore of your game data, which you can save on your PC. However we don't have a plan yet to let you export the code to run it on your computer or another server. How can my players access the game I designed? Every game created with our tool is accessible as <your_game_name> Using this URL your players access directly your game without jumping on our home site. Will you offer some content as start point? Yes we offer 2 different base content you could choose from and use for your own game creation. What about security? We do already have some cheat detection implemented but more will come later on preventing basically most of the player cheating. You can however already try to see what is already implemented and be surprised. Who participate in this project? Currently we are 2 people, an artist creating art, and working on our game, and myself working on the code. What is still missing? If you want to know if you can already use the tool then the answer is yes you can, but we still have loads planned and ongoing. You can check our roadmap for more information:
  18. Hey guys, Just wanted to show my little in-development game engine. I decided to create my own engine as Panda.js didn't got any updates for several months. The goal here is to have a lightweight but powerfull game engine with awesome performances, whatever the device is (ie. Android) while being able to use Canvas+ (so, no DOM is used as Canvas+ doesn't supports DOM). What I've already done: Game config via `config.js` file ; Game scenes ; Ultra-customizable Sprite class that allows to modify everything drawing related ; Mouse events support (click, move, hover, down, release, out) and Drag & Drop support ; Built-in physics engine (made on my own, so a bit hacky/buggy but I plan to fix these issues :p) ; Only redraw what needs to by using a simple variable on every scene children: `needsUpdate`. What I want to do: Implement built-in networking to allow multiplayer games/apps ; Implement UI elements like Text, Buttons, Scrollable panels, Inputs to allow devs to make real Canvas UI ; Fix the overall bugs ; Add some helper classes ; Maybe implement SAT.js for collisions detection/solving ; And finally, build the game I started this engine for :). So this is an "ambitious" project that aims to allow doing things other engines wasn't able to offer me. Source code (Gitlab): Demonstration: Feel free to contribute to the code, open issues if you find them, create issues for suggestions too. Or simply leave a message here. Thanks for reading, I hope I'll be able to drive this project the right way.
  19. complex games with three.js?

    Hey! I want to create a game thats can run on as many platforms natively. So being a front-end developer i turned to webGL. But i have a few questions: 1 ) Is possible to create big complex and demanding games like: Unturned Risk of Rain Hotline miami Minecraft Terraria Nidhogg Battle block theater Both Graphical as Technical. 2 ) If you use a html wrapper to create a .exe, .apk etc. is the source code protected? Also can you compile to consoles? 3 ) I have read that you can code in c++ and compile it to javascript is that functional? Also is it possbile to write in an high-level strong language and compile that to javascript (i do not like weakly typed languages, and C++ is to low-level for me) 4 ) How does it come that i can not find any big games made in webGL (only tech demo's, fancy websites and games on this forum) 5 ) When i looked around this forum i dident saw any three.js based games. Why is that? i looked at the tech demo's of many engines and three.js looked the most promising. Or is there something i missed? 6 ) Is webGL for my project a smart choice? At the end i dont want my game to be playeble on the web. Only for stand alone on pc, linux, mac. (mobile and console if the project succeeds) 7 ) What is the best engine to use for a 2d/2.5d with some nice light effects? 8 ) Does the steam SDK for achievements, joining friends, steam controller etc. work well with webGL? Thanks for reading, it would mean a great deal to me if you know a answer to one of my questions!
  20. How can we control engine or canvas screen resolution? Can we with lower resolution get betther Frams per seconds? Can se set fulscreen with resolution 800x600 or 1280x1024 If yes, how can we do it?
  21. Hello community , I follow this engine for long time . and i would like to ask you question Does it sound logically that means something you will use ? The Idea: to take this engine API and build c++ backend for cross platform use mobile / desktop . keeping the JAVAScript API with native back end , using something like as wrapper (fast none vm ) and option to use the c++ API directly and the design will be the same as Phaser API . ( c++ function that looks like phaser functions naming conventions ) what do you think community ?
  22. Hello, I've tried a couple different event listeners, to no avail. In a "simple" (i.e. non-ASP.NET) page, it works just fine, engine starts, I can build a scene, no problem. However, when I embed my canvas in an ASP.NET MVC partial, then try and start the engine, I get "WebGL not supported". The script is in the body, renders along with the other partials to Html. Nothing special about that. window.addEventListener('DOMContentLoaded', function() { // get the canvas DOM element var canvas = $("#wizardCanvas"); // load the 3D engine var engine = new BABYLON.Engine(canvas, true); var createScene = function() { // create a basic BJS Scene object var s = new BABYLON.Scene(engine); // connect with partial-provided scene handler (buildScene || (function() {}))(s); return s; }; var scene = createScene(); // run the render loop engine.runRenderLoop(function() { scene.render(); }); // the canvas/window resize event handler window.onresize(function() { engine.resize(); }); }); I've also tried connecting with the onload event. No difference. window.onload(function() { // ... }); Here are my script references, via MVC script "bundles". <script src="/Scripts/jquery-1.10.2.js"></script> <script src="/Scripts/bootstrap.js"></script> <script src="/Scripts/respond.js"></script> <script src="/Scripts/jquery-ui-1.11.4.js"></script> <script src="/Scripts/ExtensionsJS/str-1.0.3.js"></script> <script src="/Scripts/ExtensionsJS/arr-1.0.1.js"></script> <script src="/Scripts/Oimo.js"></script> <script src="/Scripts/babylon.js"></script> <script src="/Scripts/poly2tri.js"></script> <script src="/Scripts/modernizr-2.6.2.js"></script> Is there something about the server-side MVC rendering that is causing problems? And how else would I know that, per se? Actually, I wonder if it is because my script references are in the incorrect order. I'll try that next. Regards, Michael Powell
  23. Which JS engine for online game??

    Hi, Which Javascript based game engine would be best and easiest to make online game based on (maybe) websockets ??
  24. Hi guys. there is this new tool of Rpg Maker. And now with it you can also made game in HTML5. Now i'm testing who is the fastest engine on mobile devices. I played this games on my LG G4 : Made with Construct2 Another game made with Construct2 made with the new tool Rpg Maker MV The results are : first game made with c2 : 4/10; second game made with c2 : 7/10 and third game made with rpgmk 7/10. Now the question : why a game made with the same engine is faster than another ?