RedGPU - Javascript WebGPU Library
- See the example. Various examples are available.
RedGPU.-.Examples.-.Chrome.2021-12-11.17-50-26.mp4
- When running localhost, port 3003 should be used.
- Running in chrome canary.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>RedGPU Example - HelloWorld</title>
<link type="text/css" rel="stylesheet" href="../css.css"/>
<script type="module" src="your host.js"></script>
</head>
<body></body>
</html>"use strict"
import RedGPU from "dist/RedGPU.min.mjs";
const cvs = document.createElement('canvas');
document.body.appendChild(cvs);
new RedGPU.RedGPUContext(
cvs,
function () {
let tView, tScene, tCamera;
let renderer, render;
let testMesh;
tScene = new RedGPU.Scene();
tCamera = new RedGPU.Camera3D(this);
tView = new RedGPU.View(this, tScene, tCamera);
renderer = new RedGPU.Render();
this.addView(tView)
testMesh = new RedGPU.Mesh(this, new RedGPU.Box(this), new RedGPU.ColorMaterial(this))
tScene.addChild(testMesh)
tCamera.z = -5;
tCamera.lookAt(0, 0, 0);
render = time => {
renderer.render(time, this)
requestAnimationFrame(render)
}
requestAnimationFrame(render);
}
);V2.0.0 research is ongoing. Other repositories are in the works and will be released as meaningful work progresses.
The first target will be released on December 1, 2022.
- You can check the 2.0 source at RedGPU2.0 Preview branch.
- You can check the 2.0 Demo at RedGPU2.0 Demo.