8Observer8

Members
  • Content Count

    271
  • Joined

  • Last visited

  • Days Won

    1

8Observer8 last won the day on March 12

8Observer8 had the most liked content!

About 8Observer8

  • Rank
    Advanced Member
  • Birthday 03/16/1987

Profile Information

  • Gender
    Male
  • Location
    Saratov, Russia
  • Interests
    Babylon.js, Three.js, JavaScript, TypeScript, WebGL 1.0/2.0, Unity, Phaser, Pixi.js

Recent Profile Visitors

2,383 profile views
  1. 8Observer8

    3D Game Showcase?

    I remade a very simple 2D game to 3D game without engines using WebGL and Blender: https://8observer8.github.io/WebGL/Bitballoon/
  2. WebGL have a very big performance because all calculations are occurred on graphics card processor that get data from graphics card memory. You can compare WebGL with Canvas API. For example, you can write a fragment shader in GLSL that will get every pixel and analyze color with the "if" statement. The fragment shader works very quickly but CanvasRenderingContext2D.getImageData() works very slow. WebGL and GLSL have more possibilities then Canvas API. It is simple to rewrite you WebGL game to OpenGL/C++/C#/Java to have very high performance without browser's restrictions.
  3. Yes, you are right the HTML5 <canvas> element is not available on all devices with old browsers. You should show a message for a user like this: <canvas> Your browser does not support the HTML5 "canvas" element. Please, use a modern browser. </canvas> Check what modern browsers supports WebGL here: WebGL 1.0: https://caniuse.com/#feat=webgl WebGL 2.0: https://caniuse.com/#feat=webgl2
  4. I could not choose what to study for coding games and I decided to study these tools: Pure WebGL 1.0 and pure WebGL 2.0. I like to study linear math, trigonometry, shader math. I like to study this book which uses pure WebGL and glMatrix: Build your own 2D Game Engine and Create Great Web Games I want to understand how game frameworks works under hood, I mean: Pixi.js, Phaser.js, Three.js, Babylon.js and so on. I like to write very simple clone games like: Snake, Pong, Tetris and so on without game frameworks and game engines. I can use C++ books about OpenGL to study WebGL because WebGL 1.0 is based on OpenGL ES 2.0 (WebGL 2.0 on OpenGL ES 3.0). There are a lot of books and examples in C++ and GLSL that I can translate to WebGL. I can use ThinMatrix video tutorial to study OpenGL using Java and translate his examples to WebGL. I study C# for Unity Game Engine and I write my own simple game engine in C# and OpenGL 3.1 (OpenTK) by rewriting example from this books from deprecated/legacy OpenGL to modern OpenGL: C# Game Programming: For Serious Game Creation This book is a great. It study how to write a good modular architecture and how to develop software using TDD (Test-Driven Development). I like TDD and BDD (Behaviour-Driven Development). I am a fan of these methodologies of software development. I want to rewrite the code from this book to TypeScript/WebGL because TypeScript is very similar to C#. I liked compiled languages like C# and Java. But I study JavaScript 5 (2009) because it is very popular and I will be able to find removed jobs like freelance in the future when I will be a skilled computer graphics and game programmer. Pixi.js and Phaser.js for 2D games. It is very popular frameworks. A lot of works was made. You can write your own shaders in GLSL for these frameworks. Three.js and Babylon.js for 3D games in interactive 3D applications. These are 3D libraries based on WebGL and Canvas API like another popular graphics libraries. You can write shaders for this graphics libraries in GLSL too. Unity Game Engine for 2D and 3D games. I can write WebGL games for Desktop and I can build them for Android, iOS, Desktop (Mac, Window, Linux) to native applications and these native applications will not have browser restrictions. I can write shaders in HLSL and this shader language in very similar to GLSL. I can connect my WebGL, desktop and mobile clients to Node.js server that your Socket.io or WebSockets. For WebGL version I can use pure WebGL frameworks because Unity WebGL build does not work on mobile devices P.S. Sorry for my English. I study it but it is very hard. I did not use Translate Google for writing this message, I wrote this myself.
  5. 8Observer8

    Zombie Strike

    I write my own little 2D (and 3D) game engine in pure WebGL, JS/ES5 (and TypeScript/C# versions). I study how to write a good Game Loop. But I don not understand what does mean "consistent frame rate". Could you explain in short how did you determine that this is consistent frame rate? What could you say about my current Game Loop on Playground (wait a few second when all scripts and images will be downloaded). You can see my Game Loop in the file "MainLoop.js"
  6. 8Observer8

    Three.js in TypeScript on Playground

    I made very simple example (just rewrite Getting Started Example) in TypeScript and Three.js without Angular. This example shows: How to compile TS files to AMD modules and load them with Require.js How to place your examples in Playground (https://plnkr.co/edit/) And how to use OrbitControl with TS on Playground (It does not work now but I will solve it soon) Check: https://plnkr.co/edit/yICv96E7lTK8xu7DohJB?p=preview OrbitControl with TS works locally: https://github.com/8Observer8/usage-orbitcontrols-in-typescript-on-playground But it does not want to work on Playground. P.S. I will be very glad if someone help me and explain me why OrbitControl works locally but does not work on Playground.
  7. Hello, Please, write your advices how to Learn English. Maybe you know good resources, books and so on. I studied German at school and university. This is my advices. What I use for studying English. I study English 10 years since 2008 (with big interruptions) by myself for free without teachers, schools, and without traveling to English countries. If you have a good internet connection you can study English at home. I advise you to use monolingual dictionaries, for example, Oxford series of dictionaries. I use them a few month. Try to use your native language at minimum. Try to think in English every minute. Use only English Books for studying programming, English and so on. For example, "English Grammar in Use" by Murphy Raymond. Do not watch videos in your native language. Use a lot of sources for studing in English only. Do not chat with people who know your native language. Do not speak with them in Skype. Find friends that do not know your native language. Write on forums and anywhere in English only. Use English everywhere where it possible. Chat and speak in Skype only to people who do not know your native language. Find remote work without people who know your native language. If you have money, study English only with teachers who do not know your native language. Do not afraid mistakes. Practice every minute. And you will see a progress soon. This information for the Slavs who know Russian, and another peaple who know Russian. I use this excelent book for grammar from Comrade Stalin period of Soviet Union (Soviet Union books are great!). It is 8th Edition, 1957: Практическая грамматика английского языка, Ерухим Израилевич, Ксения Качалова Motivational video in English: How to learn any language in six months | Chris Lonsdale | TEDxLingnanUniversity Write in English a lot with a pen every day. It is very effective:
  8. 8Observer8

    Christmas Breakout (classic Breakout with an xmas theme)

    Music and Snowman are scary. Especially if you play at night. I feel that Krampus somewhere near.
  9. 8Observer8

    Christmas Breakout (classic Breakout with an xmas theme)

    I am using Chrome Version 71.0.3578.98 (Official Build) (64-bit) Notebook with a size of a monitor 15' Ok, I will make a screenshot. See:
  10. 8Observer8

    Christmas Breakout (classic Breakout with an xmas theme)

    I did not see the third row of blocks.
  11. 8Observer8

    Best 3d models marketplace?

    @jasonpark2421 You can buy 3D models here: https://assetstore.unity.com/ There are a lot of free assets.
  12. 8Observer8

    Zombie Strike

    Excelent game! Did you make it one? Did you write code only? Where did you get the art, music and sounds?
  13. 8Observer8

    Phaser 2 vs pixi vs Phaser 3 (amount of sprites per screen)

    But why do you use WebGL for your game?
  14. 8Observer8

    Phaser 2 vs pixi vs Phaser 3 (amount of sprites per screen)

    All mobile browsers support WebGL 1.0 excepting Opera Mini: https://caniuse.com/#feat=webgl