WebGL minigame on my new portfolio website

This page summarizes the projects mentioned and recommended in the original post on /r/webdev

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • BabylonJS

    Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.

    I used Three.js for this one, it has lots of examples to help with the development. But the more time I spent with it the more convinced I became to develop own slim and modern WebGL2 (only) library and most likely using WASM for extra performance. Three.js is quite bloated and the code style is generally very outdated. As alternative there's also https://www.babylonjs.com/ which looks cool and they have nodes material editor, but I've not tried it yet. Speaking of nodes material editor, there's a fresh one https://nodetoy.co/ which is very cool.

  • glsl-sandbox

    Shader editor and gallery.

    I also found this website just recently: https://webgl2fundamentals.org/ and it's something I'm definitely gonna read through fully. You may also check https://thebookofshaders.com/ for shaders tutorials (they also have a pretty good editor), https://www.shadertoy.com/ and https://glslsandbox.com/ for some shader ideas. https://iquilezles.org/ and especially his SDF tutorials on YouTube. https://tympanus.net/codrops/ has many articles about shaders and WebGL as well.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • rfcs

    RFCs for substantial changes / feature additions to Vue core (by vuejs)

    Oh you meant that. Vue and Vite got amazing documentations and I recommend to read them through fully. One more thing i can also recommend is to read through Vue RFCs as well as they contain more extra info sometimes not covered in the docs: https://github.com/vuejs/rfcs Since Vite is based on Rollup, I'd additionally recommend to read Rollup docs, but I find it quite hard to read and navigate https://rollupjs.org/guide/en/#big-list-of-options

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts