Jump to content

8Observer8

Members
  • Content Count

    396
  • Joined

  • Last visited

  • Days Won

    2

8Observer8 last won the day on December 16 2020

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

5016 profile views
  1. Usage of Planck.js with TypeScript (Planck.js is a port of Box2D Physics Engine) Usage of Ammo.js with TypeScript (Ammo.js is a port of Bullet Physics Engine)
  2. My example shows how to use Planck.js with TypeScript in Debug and Release modes: hello-planckjs-webgl10-ts You should install these modules globally: npm i typescript -g npm i browserify -g npm i uglify-js -g Install all packages from `package.json` using the command: `npm i` Comment/Uncomment Debug/Release in `index.html` and `main.ts` (see comments in these files). Use these commands to build the example: `npm run debug` - to set breakpoint in code editors and to publish on PlayGround (like Plunker), for example: Hello Planck.js. WebGL 1.0, TypeScr
  3. My example shows how to use Ammo.js with TypeScript in Debug and Release modes: hello-ammojs-webgl10-ts You should install these modules globally: npm i typescript -g npm i browserify -g npm i uglify-js -g Install all packages from `package.json` using the command: `npm i` Comment/Uncomment Debug/Release in `index.html` and `main.ts` (see comments in these files). Use these commands to build the example: `npm run debug` - to set breakpoint in code editors and to publish on PlayGround (like Plunker), for example: Hello Ammo.js. WebGL 1.0, TypeScript
  4. Thank you for good words. These books are nice too: Build your own 2D Game Engine and Create Great Web Games Using HTML5, JavaScript, and WebGL WebGL Programming Guide: Interactive 3D Graphics Programming with WebGL (OpenGL) I moved all examples from the second book to 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/Col
  5. And this: http://buildnewgames.com/real-time-multiplayer/
  6. 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.
  7. You can use a free hosting like Heroku or OpenShift
  8. 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/
  9. 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.
  10. Could you give me a link where can I download the source code of this example?
  11. 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
  12. 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
  13. Read my instruction and build my example here: https://github.com/8Observer8/getting-started-with-pixijs-and-typescript
  14. 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
×
×
  • Create New...