Simple mesh pixelifer with the modulo function
if you play around with the delta you’ll get strange pixelations of the sphere
let delta = diameter*0.4;
A maze world with flat skyscrapers on a rotating ico sphere with a mystic dust in the air.
CAD Basic Code
A line can be described with two points.
A plane can be described with two lines.
A box can be described with two planes.
A roof can be described from a plane’s middle point with a given height.
Every step is build up with triangles in a custom mesh.
How to make a hole into a plane:
- define two lines to create a plane 1
- define two lines to create a plane 2 which is a hole and lies in plane 1
- draw the facets
each object is now extended from the class Mesh which creates a custom mesh and now it can be rotated and positioned as one object.
me and you
Simulating a not optimized holographic projection with
tempVector3.z += 20;
let dir = tempVector3.subtract(particle.position).normalize().scale(0.75);
particle.position.addInPlace(dir);
Exchange these lines if you like a smoother movement
particle.position.x = tempVector3.x;
particle.position.y = tempVector3.y;
particle.position.z = tempVector3.z;
Version 2: Materialisation
demo 2
Version 3: Solid fight robot (slow motion - hero walk! :))
demo 3
Feel free to do that.
On the Examples from Playground thread, you’ll find more exciting examples.
Unfortunately, I can not post as many posts I can of restriction reasons. This one I found recently and it’s so cute
Ripple Effect | Babylon.js Playground (babylonjs.com)
I published for you my trello board again. Create an account and copy the hole board if you like, I will set it private again in the next days.
Super! Your project has a great value potential for BB devs.
Some nice to haves:
-
let ChatGPT create a short description of the source code in max. 3 sentences and let it do the tags to be able to sort it by categories.
-
author is in my opinion not important. My work is built on the work of giants. So I am just a slight shadow.
Keep on going. I look forward to seeing your work growing.
PS: There is a Chrome Extension to Export the Trello Board as CSV!
Like in origami abstract art
I am using this modul with 8 points to create the facettes of a house
Since I am using instances I just have to change the geometry of the first base house to change all geometry of all instances.
After some modifications I created a generative city with lights and shadows with a white and dark site
I am going to use this for my first homepage, presenting all the best demos I made with babylon.js. I will hang up some illuminated advertising posters on some houses that you can click on.
This will be my method of presentation with a portal looking in a virtual world within a virtual world.
(…)Stencil mode is based on the concept of the stencil buffer, which makes it possible to mark certain areas of the screen and later draw only in these areas.(…)
“Hello Taxi!” - a modified game concept from the good old times with Commodore 64. The game was about collecting people from one position and flying them to another position.
My idea is now to control a drone to find and collect people (boxes) around a landscape or better cave. You have only a camera on your drone, and the time is against you. Save as many boxes as you can.
Hello Taxi
keys:
left: a
right: d
up: 2
down: s
forward: w
backwards: x
slow down movement: q
I have no time to implement the hole logic:
- Collision detection
- Timer
- Counter
etc.
Maybe some one can catch the idea and make the dream real as an exercise.
How to create a tube.
max = 4
demo
max=12
if you need more facets drawn use the function createFacet(line1, line2)
Update with transformation.The blue help lines show the directions.
Where do you get the time to do all of these!
Very impressive! The hello taxi game has the bones of something pretty fun!
Thank you for the pretty flowers!
What you see here is about 2% of what I do with Babylon.js. 18% is okay and unpublished, the vast majority of the rest 80% is fodder for the trash can.
Update: create the tube on a given path3D using the tangent, normal and binormal to rotate the circles in the correct direction.
By the way these rotations are not done with the quaternion function. It’s made with these lines of code:
If I ever have to transform, scale and/or rotate a lot of points, I will definitely use a matrix calculation!
This is awesome. You can create your own terminal on your page with your set of commands