Points Material

import * as EASEL from "easel";

const scene = new EASEL.Scene();
const camera = new EASEL.PerspectiveCamera({
  fov: 50, aspect: width / height, near: 0.1, far: 100,
});
camera.position.z = 6;

const renderer = new EASEL.Renderer({ canvas, width, height });
scene.add(new EASEL.AmbientLight(0xffffff, 0.5));

const material = new EASEL.PointsMaterial({ color: 0x66bbff, size: 3 });
const geometry = new EASEL.SphereGeometry(2, 24, 18);

const points = new EASEL.Points(geometry, material);
scene.add(points);

import * as THREE from "three";

const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(50, width / height, 0.1, 100);
camera.position.z = 6;

const renderer = new THREE.WebGLRenderer({ canvas });
renderer.setSize(width, height);

const material = new THREE.PointsMaterial({ color: 0x66bbff, size: 0.1 });
const geometry = new THREE.SphereGeometry(2, 24, 18);
const points = new THREE.Points(geometry, material);
scene.add(points);