8Observer8

Members
  • Content Count

    392
  • Joined

  • Last visited

  • Days Won

    1

8Observer8 last won the day on March 12 2019

8Observer8 had the most liked content!

About 8Observer8

  • Rank
    Advanced Member
  • Birthday 03/16/1987

Contact Methods

  • Website URL
    https://8observer8.github.io/

Profile Information

  • Gender
    Male
  • Interests
    WebGL 1.0, TypeScript, Blender

Recent Profile Visitors

4383 profile views
  1. And this: http://buildnewgames.com/real-time-multiplayer/
  2. The link on the game is broken.
  3. You can install Matter.js on server side using the command: npm i matter-js This article describes how to create authoritative server with client prediction: http://buildnewgames.com/real-time-multiplayer/ You should use physics on server and on client sides with the same update rate and synchronization with server on client side for correction of mistakes of client prediction.
  4. You can use a free hosting like Heroku or OpenShift
  5. You can use pure WebGL directly for such tasks. Start with this book: WebGL Programming Guide Example from the book in JSFiddle: https://gist.github.com/8Observer8/444fb31157fb99ca0a99eb13f2652341 You will have a full control. Use glMatrix for math. This website is good too: https://webglfundamentals.org/
  6. I thought that it is a standard example but now I think it is your own project. I just wanted to download 3D environment from the example. I like it. But okay, I will find something similar for my experiments or I will try to make it in Blender for practice in 3D modeling.
  7. Could you give me a link where can I download the source code of this example?
  8. I study this book: Multiplayer Game Development with HTML5 I rewrite the classic Snake game example from the book to TypeScript. Author uses Node.js, Express and SocketIO. I want to make 3D version of the Snake game. I will deploy the game on Heroku for free: https://www.heroku.com/ You can use OpenShift (https://www.openshift.com/) - it is the same. I found a very good tutorial how to make a smooth movement using lag compensation and client prediction methods: Real Time Multiplayer in HTML5 I deployed the example from the tutorial on Heroku: https://battle-world.herokuapp.com/?debug (I use a free plan and if no one runs it 30 minute you need to wait 10 seconds) You can open two browser pages to test it. The example from the tutorial on GitHub: https://github.com/ruby0x1/realtime-multiplayer-in-html5
  9. I study these game engines for web: Babylon.js - 3D, TypeScript, JavaScript, desktop and mobile Phaser CE (Community Edition) - 2D, TypeScript, JavaScript, desktop and mobile Phaser 3 - 2D, TypeScript, JavaScript, desktop and mobile Unity WebGL - 2D/3D, C#, desktop only
  10. Read my instruction and build my example here: https://github.com/8Observer8/getting-started-with-pixijs-and-typescript
  11. I translated the Phaser 3 example from the Buttons In Phaser 3 tutorial to TypeScript and placed it on Playground: https://plnkr.co/edit/HaC3iIB0eQG1vilq?preview
  12. For example, like this: https://plnkr.co/edit/CJ9iGJr4mkysO5t0?preview <!doctype html> <html> <body> <input id="nameField" value="Enter your name..."> <button id="okButton" onclick="okButton_OnClick()">Ok</button> <script> function okButton_OnClick() { var nameField = document.getElementById("nameField"); var name = nameField.value; console.log(name); } </script> </body> </html>
  13. This is a quote from the Unity documentation: https://docs.unity3d.com/Manual/webgl-browsercompatibility.html We can use Unity native builds for desktop computers, mobiles devices and desktop browser. Phaser for 2D and Babylon.js/Three.js for 3D. But there are a lot of another WebGL frameworks: List of WebGL frameworks - Wikipedia A collection of WebGL frameworks and libraries
  14. This is a big playlist (243 lectures) Math for Gamedev
  15. Video introduction to linear algebra: Essence of linear algebra Written lessons: https://learnopengl.com/Getting-started/Transformations https://learnopengl.com/Getting-started/Coordinate-Systems https://learnopengl.com/Getting-started/Camera Let's translate these lesson's examples to WebGL.