<!DOCTYPE html>
<html>
<head>
<style>
canvas{
background:#eee;
}
</style>
<title>noTitle</title>
<meta charset="">
<link rel="stylesheet" href="">
<script>
window.οnlοad=function () {
var canvas=document.getElementById("canvas");
var cobj=canvas.getContext("2d");
cobj.translate(250,250);
var focusLen=300;
var points=[
{x_3d:-50,y_3d:-50,z_3d:-50},
{x_3d:50,y_3d:-50,z_3d:-50},
{x_3d:50,y_3d:50,z_3d:-50},
{x_3d:-50,y_3d:50,z_3d:-50},
{x_3d:-50,y_3d:-50,z_3d:50},
{x_3d:50,y_3d:-50,z_3d:50},
{x_3d:50,y_3d:50,z_3d:50},
{x_3d:-50,y_3d:50,z_3d:50},
]
setInterval(function () {
cobj.clearRect(-200,-200,500,500);
<head>
<style>
canvas{
background:#eee;
}
</style>
<title>noTitle</title>
<meta charset="">
<link rel="stylesheet" href="">
<script>
window.οnlοad=function () {
var canvas=document.getElementById("canvas");
var cobj=canvas.getContext("2d");
cobj.translate(250,250);
var focusLen=300;
var points=[
{x_3d:-50,y_3d:-50,z_3d:-50},
{x_3d:50,y_3d:-50,z_3d:-50},
{x_3d:50,y_3d:50,z_3d:-50},
{x_3d:-50,y_3d:50,z_3d:-50},
{x_3d:-50,y_3d:-50,z_3d:50},
{x_3d:50,y_3d:-50,z_3d:50},
{x_3d:50,y_3d:50,z_3d:50},
{x_3d:-50,y_3d:50,z_3d:50},
]
setInterval(function () {
cobj.clearRect(-200,-200,500,500);