Coding Crusader's

5 Likes

Simple mesh pixelifer with the modulo function

if you play around with the delta you’ll get strange pixelations of the sphere :slight_smile:
let delta = diameter*0.4;

2 Likes

A maze world with flat skyscrapers on a rotating ico sphere with a mystic dust in the air.

dark city

2 Likes

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.

image

demo

2 Likes

Bow

2 Likes

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.

image
Hole

2 Likes

me and you

my inner self - hologram

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

3 Likes

Feel free to do that. :slight_smile:

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 :slight_smile:

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.

5 Likes

Super! :slight_smile: 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

image

I am using this modul with 8 points to create the facettes of a house

image

Origami 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.

5 Likes

This will be my method of presentation with a portal looking in a virtual world within a virtual world.

image

demo

(…)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.(…)

2 Likes

“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.

1 Like

mirrored moving dude

put the mirrored dudes into stencil mode and you’ll have a perfect mirror

1 Like

How to create a tube.

image

max = 4
demo

max=12
image

if you need more facets drawn use the function createFacet(line1, line2)


Update with transformation.The blue help lines show the directions.

image

create a tube with transformation

2 Likes

Where do you get the time to do all of these! :grin:
Very impressive! The hello taxi game has the bones of something pretty fun!

Thank you for the pretty flowers! :slight_smile:

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.

1 Like

Update: create the tube on a given path3D using the tangent, normal and binormal to rotate the circles in the correct direction.

image

demo

By the way these rotations are not done with the quaternion function. It’s made with these lines of code:
image

moving train in a tunnel

1 Like

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

1 Like