Codels
1 mil tris4,00 × 0,17 × 4,00 m
Módulo ES autocontido — depende apenas do three. Chame a factory e adicione o grupo à sua cena.
/**
 * Crossroad — Codels 3D model library
 * License: CC0-1.0 · Units: meters · Y-up · Front: +Z · Origin: center of the base (y = 0)
 * Triangles: 1,020 · Size (W × H × D): 4.00 × 0.17 × 4.00 m
 *
 * Usage:
 *   import { createCrossroad } from './crossroad.js';
 *   
 *   const model = createCrossroad();
 *   model.position.set(0, 0, 0);
 *   scene.add(model);
 */
import * as THREE from 'three';

const deg = THREE.MathUtils.degToRad;

// Extrude a 2D outline along Z (centered). bevel = [thickness, size, segments].
function extrude(outline, depth, holes = [], bevel = null) {
  const shape = new THREE.Shape(outline.map(([x, y]) => new THREE.Vector2(x, y)));
  for (const hole of holes) shape.holes.push(new THREE.Path(hole.map(([x, y]) => new THREE.Vector2(x, y))));
  const options = bevel
    ? { depth, bevelEnabled: true, bevelThickness: bevel[0], bevelSize: bevel[1], bevelSegments: bevel[2] }
    : { depth, bevelEnabled: false };
  return new THREE.ExtrudeGeometry(shape, options).translate(0, 0, -depth / 2);
}

export function createCrossroad() {
  const root = new THREE.Group();
  root.name = 'Crossroad';

  // Materials
  const asphaltMat = new THREE.MeshStandardMaterial({ name: 'asphalt', color: 0x41454b, roughness: 0.95, flatShading: true });
  const whiteMat = new THREE.MeshStandardMaterial({ name: 'white', color: 0xecebe4, roughness: 0.7, flatShading: true });
  const curbMat = new THREE.MeshStandardMaterial({ name: 'curb', color: 0xb4b2ab, roughness: 0.9, flatShading: true });
  const paverMat = new THREE.MeshStandardMaterial({ name: 'paver', color: 0x92918b, roughness: 0.95, flatShading: true });
  const baseMat = new THREE.MeshStandardMaterial({ name: 'base', color: 0x64635f, roughness: 1, flatShading: true });

  // Shared geometries
  const boxGeo = new THREE.BoxGeometry(0.895, 0.006, 0.08);
  const boxGeo2 = new THREE.BoxGeometry(0.16, 0.006, 0.41);
  const extrudeGeo = extrude([[1.35, 2], [1.35, 1.65], [1.3728, 1.5352], [1.4379, 1.4379], [1.5352, 1.3728], [1.65, 1.35], [2, 1.35], [2, 1.49], [1.65, 1.49], [1.5888, 1.5022], [1.5369, 1.5369], [1.5022, 1.5888], [1.49, 1.65], [1.49, 2]], 0.165);
  const extrudeGeo2 = extrude([[1.49, 2], [1.49, 1.65], [1.5022, 1.5888], [1.5369, 1.5369], [1.5888, 1.5022], [1.65, 1.49], [2, 1.49], [2, 2]], 0.13);
  const extrudeGeo3 = extrude([[1.496, 1.994], [1.496, 1.65], [1.5077, 1.5911], [1.5411, 1.5411], [1.5911, 1.5077], [1.65, 1.496], [1.994, 1.496], [1.994, 1.994]], 0.02);

  // Parts
  const asphalt = new THREE.Mesh(extrude([[1.35, 2], [1.35, 1.65], [1.3728, 1.5352], [1.4379, 1.4379], [1.5352, 1.3728], [1.65, 1.35], [2, 1.35], [2, -1.35], [1.65, -1.35], [1.5352, -1.3728], [1.4379, -1.4379], [1.3728, -1.5352], [1.35, -1.65], [1.35, -2], [-1.35, -2], [-1.35, -1.65], [-1.3728, -1.5352], [-1.4379, -1.4379], [-1.5352, -1.3728], [-1.65, -1.35], [-2, -1.35], [-2, 1.35], [-1.65, 1.35], [-1.5352, 1.3728], [-1.4379, 1.4379], [-1.3728, 1.5352], [-1.35, 1.65], [-1.35, 2]], 0.02), asphaltMat);
  asphalt.name = 'asphalt';
  asphalt.position.set(0, 0.01, 0);
  asphalt.rotation.set(deg(90), 0, 0);
  root.add(asphalt);
  const arm1 = new THREE.Group();
  arm1.name = 'arm1';
  root.add(arm1);
  const stopLine = new THREE.Mesh(boxGeo, whiteMat);
  stopLine.name = 'stopLine';
  stopLine.position.set(0.5325, 0.022, 1.89);
  arm1.add(stopLine);
  const zebraStripe = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe.name = 'zebraStripe';
  zebraStripe.position.set(-1.2, 0.022, 1.585);
  arm1.add(zebraStripe);
  const zebraStripe2 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe2.name = 'zebraStripe';
  zebraStripe2.position.set(-0.9, 0.022, 1.585);
  arm1.add(zebraStripe2);
  const zebraStripe3 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe3.name = 'zebraStripe';
  zebraStripe3.position.set(-0.6, 0.022, 1.585);
  arm1.add(zebraStripe3);
  const zebraStripe4 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe4.name = 'zebraStripe';
  zebraStripe4.position.set(-0.3, 0.022, 1.585);
  arm1.add(zebraStripe4);
  const zebraStripe5 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe5.name = 'zebraStripe';
  zebraStripe5.position.set(0, 0.022, 1.585);
  arm1.add(zebraStripe5);
  const zebraStripe6 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe6.name = 'zebraStripe';
  zebraStripe6.position.set(0.3, 0.022, 1.585);
  arm1.add(zebraStripe6);
  const zebraStripe7 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe7.name = 'zebraStripe';
  zebraStripe7.position.set(0.6, 0.022, 1.585);
  arm1.add(zebraStripe7);
  const zebraStripe8 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe8.name = 'zebraStripe';
  zebraStripe8.position.set(0.9, 0.022, 1.585);
  arm1.add(zebraStripe8);
  const zebraStripe9 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe9.name = 'zebraStripe';
  zebraStripe9.position.set(1.2, 0.022, 1.585);
  arm1.add(zebraStripe9);
  const corner1 = new THREE.Group();
  corner1.name = 'corner1';
  root.add(corner1);
  const curb = new THREE.Mesh(extrudeGeo, curbMat);
  curb.name = 'curb';
  curb.position.set(0, 0.0825, 0);
  curb.rotation.set(deg(90), 0, 0);
  corner1.add(curb);
  const sidewalkBase = new THREE.Mesh(extrudeGeo2, baseMat);
  sidewalkBase.name = 'sidewalkBase';
  sidewalkBase.position.set(0, 0.065, 0);
  sidewalkBase.rotation.set(deg(90), 0, 0);
  corner1.add(sidewalkBase);
  const paver = new THREE.Mesh(extrudeGeo3, paverMat);
  paver.name = 'paver';
  paver.position.set(0, 0.14, 0);
  paver.rotation.set(deg(90), 0, 0);
  corner1.add(paver);
  const arm2 = new THREE.Group();
  arm2.name = 'arm2';
  arm2.rotation.set(0, deg(90), 0);
  root.add(arm2);
  const stopLine2 = new THREE.Mesh(boxGeo, whiteMat);
  stopLine2.name = 'stopLine';
  stopLine2.position.set(0.5325, 0.022, 1.89);
  arm2.add(stopLine2);
  const zebraStripe10 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe10.name = 'zebraStripe';
  zebraStripe10.position.set(-1.2, 0.022, 1.585);
  arm2.add(zebraStripe10);
  const zebraStripe11 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe11.name = 'zebraStripe';
  zebraStripe11.position.set(-0.9, 0.022, 1.585);
  arm2.add(zebraStripe11);
  const zebraStripe12 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe12.name = 'zebraStripe';
  zebraStripe12.position.set(-0.6, 0.022, 1.585);
  arm2.add(zebraStripe12);
  const zebraStripe13 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe13.name = 'zebraStripe';
  zebraStripe13.position.set(-0.3, 0.022, 1.585);
  arm2.add(zebraStripe13);
  const zebraStripe14 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe14.name = 'zebraStripe';
  zebraStripe14.position.set(0, 0.022, 1.585);
  arm2.add(zebraStripe14);
  const zebraStripe15 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe15.name = 'zebraStripe';
  zebraStripe15.position.set(0.3, 0.022, 1.585);
  arm2.add(zebraStripe15);
  const zebraStripe16 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe16.name = 'zebraStripe';
  zebraStripe16.position.set(0.6, 0.022, 1.585);
  arm2.add(zebraStripe16);
  const zebraStripe17 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe17.name = 'zebraStripe';
  zebraStripe17.position.set(0.9, 0.022, 1.585);
  arm2.add(zebraStripe17);
  const zebraStripe18 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe18.name = 'zebraStripe';
  zebraStripe18.position.set(1.2, 0.022, 1.585);
  arm2.add(zebraStripe18);
  const corner2 = new THREE.Group();
  corner2.name = 'corner2';
  corner2.rotation.set(0, deg(90), 0);
  root.add(corner2);
  const curb2 = new THREE.Mesh(extrudeGeo, curbMat);
  curb2.name = 'curb';
  curb2.position.set(0, 0.0825, 0);
  curb2.rotation.set(deg(90), 0, 0);
  corner2.add(curb2);
  const sidewalkBase2 = new THREE.Mesh(extrudeGeo2, baseMat);
  sidewalkBase2.name = 'sidewalkBase';
  sidewalkBase2.position.set(0, 0.065, 0);
  sidewalkBase2.rotation.set(deg(90), 0, 0);
  corner2.add(sidewalkBase2);
  const paver2 = new THREE.Mesh(extrudeGeo3, paverMat);
  paver2.name = 'paver';
  paver2.position.set(0, 0.14, 0);
  paver2.rotation.set(deg(90), 0, 0);
  corner2.add(paver2);
  const arm3 = new THREE.Group();
  arm3.name = 'arm3';
  arm3.rotation.set(0, deg(180), 0);
  root.add(arm3);
  const stopLine3 = new THREE.Mesh(boxGeo, whiteMat);
  stopLine3.name = 'stopLine';
  stopLine3.position.set(0.5325, 0.022, 1.89);
  arm3.add(stopLine3);
  const zebraStripe19 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe19.name = 'zebraStripe';
  zebraStripe19.position.set(-1.2, 0.022, 1.585);
  arm3.add(zebraStripe19);
  const zebraStripe20 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe20.name = 'zebraStripe';
  zebraStripe20.position.set(-0.9, 0.022, 1.585);
  arm3.add(zebraStripe20);
  const zebraStripe21 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe21.name = 'zebraStripe';
  zebraStripe21.position.set(-0.6, 0.022, 1.585);
  arm3.add(zebraStripe21);
  const zebraStripe22 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe22.name = 'zebraStripe';
  zebraStripe22.position.set(-0.3, 0.022, 1.585);
  arm3.add(zebraStripe22);
  const zebraStripe23 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe23.name = 'zebraStripe';
  zebraStripe23.position.set(0, 0.022, 1.585);
  arm3.add(zebraStripe23);
  const zebraStripe24 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe24.name = 'zebraStripe';
  zebraStripe24.position.set(0.3, 0.022, 1.585);
  arm3.add(zebraStripe24);
  const zebraStripe25 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe25.name = 'zebraStripe';
  zebraStripe25.position.set(0.6, 0.022, 1.585);
  arm3.add(zebraStripe25);
  const zebraStripe26 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe26.name = 'zebraStripe';
  zebraStripe26.position.set(0.9, 0.022, 1.585);
  arm3.add(zebraStripe26);
  const zebraStripe27 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe27.name = 'zebraStripe';
  zebraStripe27.position.set(1.2, 0.022, 1.585);
  arm3.add(zebraStripe27);
  const corner3 = new THREE.Group();
  corner3.name = 'corner3';
  corner3.rotation.set(0, deg(180), 0);
  root.add(corner3);
  const curb3 = new THREE.Mesh(extrudeGeo, curbMat);
  curb3.name = 'curb';
  curb3.position.set(0, 0.0825, 0);
  curb3.rotation.set(deg(90), 0, 0);
  corner3.add(curb3);
  const sidewalkBase3 = new THREE.Mesh(extrudeGeo2, baseMat);
  sidewalkBase3.name = 'sidewalkBase';
  sidewalkBase3.position.set(0, 0.065, 0);
  sidewalkBase3.rotation.set(deg(90), 0, 0);
  corner3.add(sidewalkBase3);
  const paver3 = new THREE.Mesh(extrudeGeo3, paverMat);
  paver3.name = 'paver';
  paver3.position.set(0, 0.14, 0);
  paver3.rotation.set(deg(90), 0, 0);
  corner3.add(paver3);
  const arm4 = new THREE.Group();
  arm4.name = 'arm4';
  arm4.rotation.set(0, deg(270), 0);
  root.add(arm4);
  const stopLine4 = new THREE.Mesh(boxGeo, whiteMat);
  stopLine4.name = 'stopLine';
  stopLine4.position.set(0.5325, 0.022, 1.89);
  arm4.add(stopLine4);
  const zebraStripe28 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe28.name = 'zebraStripe';
  zebraStripe28.position.set(-1.2, 0.022, 1.585);
  arm4.add(zebraStripe28);
  const zebraStripe29 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe29.name = 'zebraStripe';
  zebraStripe29.position.set(-0.9, 0.022, 1.585);
  arm4.add(zebraStripe29);
  const zebraStripe30 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe30.name = 'zebraStripe';
  zebraStripe30.position.set(-0.6, 0.022, 1.585);
  arm4.add(zebraStripe30);
  const zebraStripe31 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe31.name = 'zebraStripe';
  zebraStripe31.position.set(-0.3, 0.022, 1.585);
  arm4.add(zebraStripe31);
  const zebraStripe32 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe32.name = 'zebraStripe';
  zebraStripe32.position.set(0, 0.022, 1.585);
  arm4.add(zebraStripe32);
  const zebraStripe33 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe33.name = 'zebraStripe';
  zebraStripe33.position.set(0.3, 0.022, 1.585);
  arm4.add(zebraStripe33);
  const zebraStripe34 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe34.name = 'zebraStripe';
  zebraStripe34.position.set(0.6, 0.022, 1.585);
  arm4.add(zebraStripe34);
  const zebraStripe35 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe35.name = 'zebraStripe';
  zebraStripe35.position.set(0.9, 0.022, 1.585);
  arm4.add(zebraStripe35);
  const zebraStripe36 = new THREE.Mesh(boxGeo2, whiteMat);
  zebraStripe36.name = 'zebraStripe';
  zebraStripe36.position.set(1.2, 0.022, 1.585);
  arm4.add(zebraStripe36);
  const corner4 = new THREE.Group();
  corner4.name = 'corner4';
  corner4.rotation.set(0, deg(270), 0);
  root.add(corner4);
  const curb4 = new THREE.Mesh(extrudeGeo, curbMat);
  curb4.name = 'curb';
  curb4.position.set(0, 0.0825, 0);
  curb4.rotation.set(deg(90), 0, 0);
  corner4.add(curb4);
  const sidewalkBase4 = new THREE.Mesh(extrudeGeo2, baseMat);
  sidewalkBase4.name = 'sidewalkBase';
  sidewalkBase4.position.set(0, 0.065, 0);
  sidewalkBase4.rotation.set(deg(90), 0, 0);
  corner4.add(sidewalkBase4);
  const paver4 = new THREE.Mesh(extrudeGeo3, paverMat);
  paver4.name = 'paver';
  paver4.position.set(0, 0.14, 0);
  paver4.rotation.set(deg(90), 0, 0);
  corner4.add(paver4);

  root.traverse((o) => {
    if (o.isMesh) {
      o.castShadow = true;
      o.receiveShadow = true;
    }
  });
  return root;
}

export default createCrossroad;

Avaliações e comentários

—
Nenhuma avaliação ainda — seja o primeiro.
5
0
4
0
3
0
2
0
1
0

Entre para avaliar e comentar.

0 comentário

Nenhum comentário ainda. Conte como você usou este modelo ou o que poderia melhorar.

Modelos relacionados

Mesma categoria ou tags parecidas