luyufanzhi / smallrenderer

A small 3d renderer based on canvas and js, for computer graphics learning only, no webgl .

Home Page:https://xiehuiqi220.github.io/smallrenderer/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

A small renderer baesd on js and canvas, without webgl

Brief

I write this project for learn computer graphics, only use js and html canvas, without webgl, so perfomance is low, don't use it on reality render, demo site.

本项目是为学习3D图形学而设立,主要是巩固背后数学和绘图知识,使用纯js编写,仅依赖了一个矩阵运算库,未使用webgl,所以性能比较弱,请勿用于实际用途,演示地址

Features

  • wireframe render
  • uv texture
  • obj files loader
  • auto rotate camera

How to run

git clone https://github.com/xiehuiqi220/smallrenderer.git
cd smallrenderer
npm install
npm run start

then will open a page on your browser, in this page, you can upload obj files or use example scene.

Open the demo

Screenshots

About

A small 3d renderer based on canvas and js, for computer graphics learning only, no webgl .

https://xiehuiqi220.github.io/smallrenderer/


Languages

Language:JavaScript 89.8%Language:HTML 10.2%Language:CSS 0.1%