webgl-rock-pillars
BabylonJS
webgl-rock-pillars | BabylonJS | |
---|---|---|
3 | 63 | |
22 | 22,559 | |
- | 1.5% | |
2.2 | 10.0 | |
about 2 months ago | 4 days ago | |
TypeScript | TypeScript | |
MIT License | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
webgl-rock-pillars
-
Randomized floating rocks WebGL demo
Article explaining rendering+generation of scene: https://medium.com/@keaukraine/floating-islands-webgl-demo-3bba99a004ee Source code on GitHub: https://github.com/keaukraine/webgl-rock-pillars
-
Floating Islands WebGL demo
To make an impression of an endless random scene there were 2 options: a true random scene and a looped generated path. The first option requires object placement on the fly in front of the camera which means these positions have to be transferred to GPU dynamically. So a better option is to generate a static looped path once and draw objects along it as the camera moves. You can find a function to generate a base spline in the positionOnSpline function in ObjectPlacement.ts file. It creates a circular looped path for the camera with oscillating radius. A couple of harmonics are applied to randomize the circle radius so it appears random but is still perfectly looped. Then, all objects are placed around this path - trees are under the camera, rocks above and to the sides.
BabylonJS
- Show HN: My wife and I made a maze game
-
Release Radar • March 2024 Edition
It's been around for a while, and we've featured it in the April 2019 and March 2022 Release Radars. It's also been in GitHub Game Bytes and on our latest episode of The Download. Yes, I'm talking about Babylon, the powerful web rendering engine for all kinds of graphics. The newest update includes support for basic Global Illumination, a highly requested feature. Read more about other cool new additions including Gaussian Splatting, Ragdoll physics, Procedural Geometry and all the breaking changes in the Babylon release notes.
- Not only Unity...
- Anime.js – A lightweight JavaScript animation library
-
How do I integrate Motion and Animation into my Projects?
Wow that site is super cool! So I see most of the 3D stuff is using canvas, maybe three.js or babylon.js or possibly pixi.js.
-
Which tools should I use to create my game ?
Sure; I've used [Phaser](https://phaser.io/) before for a game jam like project and I've heard of [PixiJS](https://pixijs.com/) and [Babylon.js](https://www.babylonjs.com/) as options too. I can't really give a good recommendation either way; Phaser was fun to just write TypeScript and see my game, but it felt like a toy compared to Unreal. I'm sure you could really push it to its limits though. You mentioned you know about LibGDX; I don't have experience with it, but it does seem like a viable option.
- Babylon.js: Powerful, Beautiful, Simple, Open - Web-Based 3D At Its Best
-
JavaScript framework for making games. no game engine
I’ve only messed around with it a bit, but https://www.babylonjs.com seems impressive
- Faster LZ is not the answer to 150-250 GB video game downloads
- Babylon.js 6.0
What are some alternatives?
molstar - A comprehensive macromolecular library
three.js - JavaScript 3D Library.
detect-gpu - Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications.
react-three-fiber - 🇨🇠A React renderer for Three.js
Spector.js - Explore and Troubleshoot your WebGL scenes with ease.
Phaser - Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering. [Moved to: https://github.com/phaserjs/phaser]
TimeChart - An chart library specialized for large-scale time-series data, built on WebGL.
p5.js - p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —
Ashes - WebGL2.0 3D Engine - Global Illumination - RayTracing
model-viewer - Easily display interactive 3D models on the web and in AR!
A-Frame - :a: Web framework for building virtual reality experiences.
heatmap.js - 🔥 JavaScript Library for HTML5 canvas based heatmaps