Search the Community

Showing results for tags 'framework'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

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

Found 55 results

  1. Hi, i want make a rpg game but i don't know what frameworks use for it, i would can use phaser but i have difficulty with this( collide, physics, etc), any idea o suggest for make my rpg game? ( i don't want use unity)
  2. Best engine for mobile webview

    Hello everybody! I hope you are having a fantastic day! Our team wants to start making simple HTML5 games for our Android / IOS apps. Games are supposed to be ran inside the WebView. We are looking for a very lightweight engine, because there is already ads placed at the bottom of the screen in our apps. Our first attempt was Phaser.js, but the performance wasn't the greatest inside the WebView. Choppy sprite movements, common fps drops and so on. If you guys know an engine that could help us achieve the goal, please let me know! Thank you in advance!
  3. Hello! What are your experiences with creating Android Apps/Games in Pixi js? I did some research and I found many possibilities, but I can't decide on what to use. Maybe you can help me with this. I found similar topics but responses were given in 2015 and we all know how fast things change. Some of the projects didn't change much and I don't want to risk my project being not compatible with the most recent devices. My goal is also to get good performance and to be able to easily test my game during development. So we have Cocoon, NativeScript, Cordova PhoneGap, Cordova Ionic. Which one do You recommend?
  4. Pk Framework - phaser based

    >First of all: Sorry for my shitty english... I created this collaborative framework not with the intention of remaking the library(phaser) but organize code and the development environment. I separated in three parts: > Pkframework (github project) The framework itself // need to documentation @todo > Pkframework exemples (github project) Which will be both the repository of examples as the initial development models > Pkframework client (github project) Install the initial models and make them work (webserver, auto typescript compile/deploy, liveload, etc ...) I have some goals: > Development time - Quick installation of an initial template. (Pkframe init -p <example-dir>) - Modular, exensive and reusable code. Create your own lib and / or packages. > Simplify some concepts and create easy way to make somethings: - Layers (@done) - Paralax (@todo) - Pass parameters between states in a clearer way (done) - Events function as (actionscript like) [listener / handler] (done) - Prod / Dev env, deploy and configuration (@todo) - Premade UI layers, boxes, talkbox (@todo) - Integrate external apis (facebook / twitter) (@todo) > Export to mobile My next step is create something like: pkframe export --platform=android --release Export your project using cordova and generate a apk. (Or xcode project for [ios]) > Organizing the development environment If you get the code from another programmer, and this game was made using the framework, it will have a structure pattern. Which also makes it easier to work with someone. > Make It Simple! One of the things I love about the phaser is its simplicity. I started only with the framework, but I managed, through pk-client, to work with 2 commands. You no longer need to worry about apache/ngix, typescript compile (or prototype native js), and no browser refreash! A very similar environment with ionic. Only you need if NodeJS installed and pkframe client: - Install nodejs - run [npm install -g pkframe] Ok, now to install one of the initial templates or examples just need to run: - [pkframe init] // in an empty folder | default get a basic example/template | you can use [-p layers] to see another littler more complex example - [pkframe go] // to run all the rest // for some reason, only the first time i run [pkframe init], a get a error but, on the second attempt works. Dont give up! With the server running(simple local httpserver), each change in the code will compile the ts(auto tsc -w) files and refresh the browser(liveload). I wonder what you think of the idea? How is a fully open source project, I thought of something collaborative.
  5. 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.
  6. 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?
  7. I'll start... 1. What if Microsoft took over (bought for £2,830,690) BJS? After all, @Deltakosh is/was Microsoft? I know, for years MS used to be an acronym for "backward", but look at them now - getting all friendly with unix and, lo and behold - Typescript. Typescript alone restored my faith in humanity (read javascript). I'm surprised to be honest they didn't put their considerable muscle behind any 3d endeavors (except Softimage, which was bought and swiftly killed off by the wankers @ Autodesk... Softimage was and still is a love at first sight for me).
  8. Hi guys I am new here and so far i was using GUI game engines to create games.From all back-end testings so far that i done on various programming languages and scripting languages i realised that html5 is best solution for my game development.Now i decided to ditch game engines and learn actual coding in some of the frameworks so my code could be much more cleaner,run faster,have better optimization and quality of the games would overall be better.But this is not just for games,but also for personal reasons because i like to be properly educated instead of using most convenient tools. Now i am interested in learning some js framework that has good community support and tutorials,that is easy and fast on learning and performance and if possible to implement in Ubuntu SDK. Also i am mainly using GNU/linux and one of the reasons why i would like to use js is to be mobile and OS independent.but from all OS so far Ubuntu SDK seems like a decent solution for cordova runtime,i tried to use it with phaser but i did not succeed to render cordova runtime instead it was in plain web view. Now overall it does not have to be Ubuntu SDK,but i am interested in HTML5 framework that i can port(wrap) to desktop mainly(mobile would be good to). Any ideas what's the best and why,please write down below,it would help me a lot. Regards
  9. Visual-js game engine

    visual js API examples help - Take a look : -Add new game Object with single image: https://jsfiddle.net/zlatnaspirala/rjf0xe0a/ -Use For loop for creating objects https://jsfiddle.net/zlatnaspirala/noax17kz/ -Visual JS -Add Webcam to Object https://jsfiddle.net/zlatnaspirala/xsffd9v6/ -Add webcam with motion detect https://jsfiddle.net/zlatnaspirala/j60hh052/ -ZoomIn/ZoomOut game_object effect https://jsfiddle.net/zlatnaspirala/pjjow5q6/ -Translate object https://jsfiddle.net/zlatnaspirala/0tt6rmnq/ -Rotate object ( OSCILLATOR class ) https://jsfiddle.net/zlatnaspirala/1x7bq0gf/ -Add particle https://jsfiddle.net/zlatnaspirala/hoe9auLm/ -Add textbox https://jsfiddle.net/zlatnaspirala/0u5j1ap8/ view all at : https://jsfiddle.net/user/zlatnaspirala/fiddles/ slot demo: https://maximumroulette.com/framework/ Source : https://bitbucket.org/nikola_l/visual-js creator : Nikola Lukic about : Visual JS 2d canvas multiplatform game engine This is JavaScript game engine (server part node.js / client part js) Js framework with windows GUI editor and game instance creator. **Basic licence rules :** 1) Each file in this project has its own license , be careful , do not violate the basic rules. 2) You are free to use any version of Visual JS library in any other project (even commercial projects) as long as the copyright header is left intact Except for plugins on sale and graphics that come with them (they have special commercial licence). 3)Please read the following terms and conditions before using this application: Disclaimer of warranty 'Visual js' is provided "as-is" and without warranty of any kind, express, implied or otherwise, including without limitation, any warranty of merchantability or fitness for a particular purpose. In no event shall the author of this software be held liable for data loss, damages, loss of profits or any other kind of loss while using or misusing this software. External licences in this project : Webcam NUI control is under : Created by Romuald Quantin.http://creativecommons.org/licenses/by-nc-sa/3.0/ Download from : https://www.adobe.com/devnet/archive/html5/articles/javascript-motion-detection.html WEBRTC - webcam communication is under : Creator Muaz Khan www.MuazKhan.com MIT License - www.WebRTC-Experiment.com/licence Experiments - github.com/muaz-khan/WebRTC-Experiment Installation and setup : In server Instance folder (navigate to server_instance/) 1) Install next modules : In node.js command prompt or console enter next installation command : npm install mysql npm install delivery npm install express npm install mkdirp npm install socket.io npm install nodemailer@0.7.0 Setup config.js You will find config.js in server_instance folder : (All node.js application you can find in same folder (server_instance) . Some app have local usage ) module.exports = {VERSION : "0.5", PATH_OF_NODE_APP : "D:/PATH_TO_SERVER_INSTANCE_FOLDER/server/" , // EDIT HERE PATH_OF_WWW : "D:/xamp/htdocs/project_instance/", // PATH_TO_WWW EDIT HERE EDITOR_PORT : "1013", REG_PATH : "users/", ACCOUNT_PORT : 3666 , DESTROY_SESSION_AFTER_X_mSECUNDS : 20000, }; }; This is all . CLIENT OR WEB APPLICATION # How to start : 1) Copy project_instance/ folder to the www folder or use visual-js.exe and create new application (select folder for www and server path). 2) start server_instance/editor.js 3) In browser navigate to project-instance folder (index.html) Click right button and you will see content menu . First item is **Add New game object** . Than your game objectn will show at web page. Right click on rectangle area to see game object cantent menu. **local node.js application tools** ( *Use this in develop mode only* ): # - server_instance/res.js - create RESOURCE js object ( ADD image or images for animation ) put image or images in one folder for example TEST_RES/ . Put that folder in this location **project_instance/res/** . run server_instance/node res.js After finishing restart web page ind enter in console RESOURCE.TEST_RES RESOURCE have all images path data. When you create folder with image and build with *node res.js* we did not create images object. Images object will be created after you add animation to the game objects. This is good because memory safe. - server_instance/editor.js create game objects direct in web browser view.
  10. 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!
  11. LesserPanda framework Weekly

    Hey developers, I've been maintaining a weekly post for LesserPanda framework since last month, host on Github wiki page. Changes and thoughts of LesserPanda framework will be included. Weekly post links: This Week in LesserPanda #1 - Tilemap collision now available (2016-04-20) This Week in LesserPanda #2 - New actor and behavior design (2016-04-27) This Week in LesserPanda #3 - API document (2016-5-4) This Week in LesserPanda #4 - Improve the Actor class (2016-5-11) This Week in LesserPanda #5 - Steering behavior (2016-5-18) This Week in LesserPanda #6 - Object pooling (2016-25) This Week in LesserPanda #7 - Prepare for editor (2016-06-09) This Week in LesserPanda #8 - Collision map with holes and Tiled collision editor (2016-06-15) This week in LesserPanda #9 - Basic Tiled object layer support and samples updated (2016-06-22) This Week in LesserPanda #10 - v0.4.1 stable release (2016-08-17) What is LesserPanda? For people who have not heard about LesserPanda, it's a ES2015 module based game framework, started by forking Panda.js and now has grown to its own shape. The major features include PIXI renderer, SAT based collision system, ES2015 support, live-reloading and built-in behaviors for rapid development. Feel free to read the weekly posts and try, hope you like it.
  12. POM - PIXI Object Model

    Hello Guys! at Grey Rook we had the need to have non-code descriptions of the PIXI stage and animations, you know, like HTML. So we created POM - PIXI Object Model. It is JSON and if you know PIXI you know POM: { "type":"sprite", "values": { "position": { "x":100, "y":100 }, "source":"image.png" } } We built all our tooling around this, one of our clients has nearly 3k animations using it, with over 99% of them sharing the exact same JavaScript and are pure JSON! We want to share some of the internal tools and helpers we wrote with the PIXI community. We are starting with POM - the most central piece. So please let us know if there is interest! The documentation is a bare minimum and we are going to improve it - let us know what you are looking for! http://greyrook.github.io/POM/ Details Our scene is composed of elements, like Containers, Sprites, Graphics, or any other custom element you come up with. What attributes these elements have is represented as JSON data, like the example above. All you have to do is pass the data representation to the manager and let it create the scene for you. It works like a factory, where you can register any custom Element you want, as long as it has the methods for processing the JSON data. We extracted POM out of our internal source tree and open sourced it. If there is interest more is to follow, for example our tweenJS-based AnimationManager, that takes JSON data of timelines and creates all the tweens for you, aswell as synchronize animations that use our custom tweens for controlling videos, and checking their buffering status. We hope this is useful for others too, so we can build it and make it awesome together. For a start we have created a minimal project page where you can find the information we have collected so far, we are currently mostly looking into improving our documentation, test coverage and examples. Why We built an online animation editor where users can create (and animate) scenes direcly in the browser and view them again anywhere else in a player. For this we mostly use PIXI (and TweenJS), the backbone of the project is our PIXI Object Model (POM) and its' manager. About us We are Grey Rook Entertainment, a software development and graphic design company from Mülheim an der Ruhr in Germany, designing and manufacturing interactive HTML5 expieriences, and connecting them with the real world.
  13. Cooking/Serving game tutorial

    Hello everyone, I am new to phaser and I have an assignment to create a cooking/serving game(using phaser).. you know, where you have customers and you have to cook burgers e.g., you have time and some goal. I can't really find a useful phaser tutorial for such game. And I can't write the logic myself. So I was wondering has anyone seen such a tutorial, or can you link me some other useful readings and tutorials, that will help me get started. These are similar games to what I want to create: 1. http://www.y8.com/games/delicious_burger_shop 2. http://www.y8.com/games/breakfast_bar 3. http://www.y8.com/games/oscar_mayer_deli_creations
  14. Generis Web Game Emgine

    Generis is the first free online game engine of its kind that allows novice to professional web game development entirely online. It is still at an infant stage but holds quite some promise. Although being a game engine, Generis interface also allows development of any other web apps, not just games. It can be found at: http://generisengine.appspot.com
  15. need help for Phaser framework

    i am new to phaser framework. i start making a new game on notepad using phaser.min.js file but it shows nothing on browser no image no canvas. can anybody tell me whats the problem??
  16. Hi. I'm new in the forum. I haven't seen any introduction section so I'll make a little introduction of myself here. I'm Albert and Im 17 years old, and I'm from Spain (so excuse me if my English isn't good at all). I learned javascript and html5 a year ago, and I started creating my first game from scratch about six months ago (I do it in free time), a platform one with even a level editor created by me. As it was my first experience, I decided to do it without using any framework so I could understand how everything works. Now that I'm about to finish I think this has been a very good experience, but I think it would have been a lot easier (and less time consuming, of course) with a framework. So my question goes here: Does programming without a framework gives any benefit or advantage? I don't think so, but I'm very new to this so maybe someone can surprise me.
  17. I am seeking some motivation and looking to see some projects that have been built or a WIP without a framework unless it was created by you to give me some motivation.
  18. Hi HTML5 devs! I just released a tutorial on how to build a fully multiplayer game on Plynd I've been contributing to this forum a few times, especially in this topic: http://www.html5gamedevs.com/topic/9324-thoughts-on-final-design-for-nobackend-cross-device-platform-for-turn-based-games/ Plynd allows to build multiplayer games as easily as solo games: ​No backend required: We provide the infrastructure! You can save and retrieve all the data that you need about your game without any server to set up. Even better, you can register some javascript functions to be run server-side.Full multiplayer environment: We provide the coding-expensive experience of setting up a multiplayer game: Authentication flow, invitation, matching, notifications, chat, and more are there automatically for your players to enjoy.The tutorial covers everything that's needed in order to build such a game. It is very detailed, but pretty fast to take. I'd love to have your feedback on it, and I'm available on this forum, or at laurent@plynd.com, to answer any question you might have regarding this tuto or whatever else :-) Also, if you have any suggestion as to where to showcase this tutorial in order to get some readers, I'd love to take them :-) Thank you very much! Demo video.mov
  19. Hi everybody, I'm a web developer and I created a framework that enables users to play html5 games using their mobile devices as a controller. You can check out a demo at http://dillo.cc. It's really easy to use, so check it out It's an open-source project so feel free to contribute! You can find the source code on github https://github.com/wietsedevries/armadillo. If you have any comments or tips, feel free to contact me!
  20. Hi there I'm new to this forum and fairly new to gaming, especially mobile gaming. I would like to start developing simple games using Canvas and javascript. The greatest challenge I can see so far and creating a full-screen (or close to fullscreen) experience across different devices. To be honest, I would be happy if I could even guarantee my games would work on all iphones alone. I guess my question is, is there a template or framework that exists that would act as a starting point and at least have most popular devices appearing in fullscreen? I started a game using this tutorial. It's a great tutorial an I learned a lot but it doesn't really address handling different aspect ratios. Any input would be helpful! Thanks
  21. Hi guys, I just want to know what is the framework which is optimized for mobile, i've used Phaser to make a game but it is very slow in mobile, is there any other framework that work perfect for mobile ?
  22. From the release of the HTML5 to now, a lot of frameworks and softwares such as GameMaker, Construct, Phaser..., are appeared along this periode, and now the price of a game is between 500-1000$ for you, what if there is no framework and no software, what if there is just pure javascript, what do you think the price of a HTML5 games ?
  23. Hi, I am developing an app, where I would like to see the orientation of the screen kept to Portrait. After many searches on google, I gave up and just went ahead with building a simple prototype of my app idea. I have now come to a stage where I should deal with the orientation aspect of the app. After studying the book: Phaser Scale manager for Phaser 2.2.2, I have tried to use the following code in my app: if (game.device.desktop === false) { game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL; game.scale.pageAlignHorizontally = true; game.scale.pageAlignVertically = true; game.scale.forceOrientation(true, false); game.scale.enterIncorrectOrientation.add(this.enterIncorrectOrientation, this); game.scale.leaveIncorrectOrientation.add(this.leaveIncorrectOrientation, this); }I am new to Phaser and programming generally. I earned a distinction in the Coursera: Intro to computer programming in Python.I have found that what I have learn't in that course is easily transferable to JavaScript and Phaser, yet, I am still learning. Maybe if this problem can be resolved, it would help other people new to Phaser on the forums also. Codenburger
  24. WADE, 2d and isometric engine

    Hi A couple of weeks ago we released a big update for our WADE engine and editor, so I've come back to update this post. In short, all the features that used to be premium are now free, and there are lots of nice new things such as an isometric world editor, a real-time shader editor and (still partial) integration with box2d for physics. It can be used through a visual editor or as a standalone JavaScript framework. The WYSIWYG editor works directly in Chrome (it was built using WADE itself). There are lots of video (and non-video) tutorials to get started. A few video tutorials that you may find interesting: This one is to make a simple isometric game from start to finish in less than 1 hour: This one is about making a simple "angry birds" type of game: And finally a video about the new real-time shader editing: Some features (more coming soon): WYSIWYG visual editor: drag, drop, rotate and resize sprites Web-based IDE that works in Chrome on any platform Games and Apps that you make work effortlessly on many platforms WebGL and Canvas can be used together Canvas fallback where WebGL is not supported Code editor with integrated documentation Cross-platform input mapping Automatic Screen Size Management Open Source Engine Physics Engine (based on box2d) Generate Android APK with 1 click Isometric Engine with world and tileset editors Real-time shader editor for your sprites. They say that making Javascript games is cool because you only need notepad and a browser. It's a lie, you don't need notepad Click here to try it I would appreciate some feedback - please give it a go and let me know what you think.
  25. Hi guys, I am a mobile developer and I am currently working on a multiplatform game engine. In general the idea behind is: "One code, many platforms" The engine should be ready by the end of the year. It will allow users ultra fast coding for many platforms such as Android, iOS, Mac, Linux, Windows (PS4 in the future) with Python or C++. Meanwhile I have published a WebGL based web version on my engine working on Safari, Chrome & Mozilla (javascript). What do you think about this engine? What are you general expectations? What can I do better? How can I make coding faster, better experience for devs? Free engine downloadable here: http://gl.aexol.com/engine/web/ Some examples here: http://gl.aexol.com/livedit/ It would be awesome to hear some feedback from you guys! Take care! PS: Use arrows to drive a Ferrari example:)